[내신의 모든것 서비스 개발] react, typescript, redux, styled-components, nextjs, date-fns, figma, dshare-ui, swagger - 프론트엔드 리딩 - 학생들을 위한 내신 문제풀이 서비스인 내모(“내신의 모든것”) 1.5 개발 및 런칭 - 프로젝트 최초 세팅 및 설계, 자바스크립트로 구현된 1.0 프로젝트를 타입스크립트로 포팅이 목적이었으나, 기존 프로젝트가 버그가 너무 많고 유지 보수가 어려울 것으로 판단하여 기획팀과 이야기 하여 전면 재개발 - 디자이너와 협업하여 기존 불편한 UI/UX 대폭 개선(모든 화면의 디자인 변경) - 메모제이션을 이용한 리렌더링 최적화 - 기존에 모든 문제 데이터를 한번에 패칭하던 부분을 개선하여 체감 가능한 문제 풀이 속도 개선 - 웹뷰 대응을 위한 모바일 개발자와 url-scheme 개발 및 적용 - 홈 화면, 채점하기, 채점 완료, 문제 풀이, 학습관리, 문제 상세 화면 및 비즈니스 로직 개발 - 다양한 상태를 데이터에 따라 다른 카드를 보여주는 Dynamic Card 컴포넌트 개발 - 문제 풀이 화면 개발, 지문-보조지문-테이블형 지문-이미지형 지문 등 다양한 형태의 지문을 렌더링 해주는 Dynamic Passage 컴포넌트 개발, 4개의 문제 보기를 렌더링 해주는 Dynamic List 컴포넌트 개발, 내가 체크한 정답과 틀린 답, 모르는 답을 보여주는 Static List 컴포넌트 개발, 기존에 구현하지 못했던 실질적 마지막 문제 찾기 구현 - 1.0에서 구현하지 못했던 비즈니스의 요구를 대부분 구현 - 백엔드 개발자와 협업하여 기존에 대응하지 못했던 api 스펙 모두 복구 및 적용 - url과 일정한 인터페이스에 따라 전역적으로 관리될 수 있는 global header 컴포넌트 개발 - 현재 2.0을 목표로 디자인 라이브러리 개발 및 현 프로젝트 버그 수정 및 리팩토링 [디쉐어 디자인 시스템 개발] react, typescript, styled-components, material-ui, roll-up, nexus, storybook - 프론트엔드 리딩 - 기존에 파편화 되어있던 UI 컴포넌트들을 Dshare만의 브랜딩을 입힌 디자인 라이브러리화 - 디자이너와 끊임없는 토론을 통해 foundation, components 정의 및 구현 - 추후 다른 프로젝트에서도 사용할 수 있도록 roll-up을 통한 nexus private 저장소에 퍼블리싱 시스템 구축 및 문서화 - 일관된 인터페이스 및 dot notation, 다이나믹 컴포넌트 구현 등을 통해 개발자의 사용성 극대화 - 스토리북을 통해 디자이너와 완성된 컴포넌트 공유하며, controls를 통해 UI 테스트를 할 수 있도록 구현. - 일부 컴포넌트만 material-ui 랩핑하여 컴포넌트 정의, 고도화 시점에서 시간적 여유를 가지고 우리만의 인터페이스로 통일하며 수정. - 트리 쉐이킹을 통해 라이브러리의 경량화를 하며 반복적인 리펙토링 진행중. [그 외] 협업을 위한 git commit 규칙 확립, eslint 적용, jira 스마트 커밋 도입, sentry 도입, nexus npm repository 도입, 현재 조직 규모에 비해 복잡한 기존 github 전략 대신 trunk based 개발 전략을 통해 짧은 PR과 브런치 생명 주기, 관리를 통한 개발론 전파 및 적용, 코드 리뷰

더보기

Web - 검색창 및 검색 결과 페이지 구현 - 상품 리뷰 페이지 및 작성 등 구현 - 결제 페이지 리펙토링 및 버그 수정 - 시그니처 구독 서비스 관련 페이지 구현 - mongoDB 성능 개선을 위한 쿼리 분석 및 인덱싱 작업 - 리펙토링 및 버그 수정 Admin-Web - 어드민 페이지 전체적인 UI/UX 개선 - 커머스 관련 페이지 UI/UX 개선 - 스토어 리뷰 어드민 페이지 구현 - AWS S3와 Signed-url을 활용한 파일 다운로드 시스템 구현(백엔드) - 파일 다운로드 페이지 구현 - 스토어별 담당 MD 일괄 변경 기능 구현(프론트&백엔드) - 일반 주문 관리 페이지 구현(프론트&백엔드) - 3PL 주문 관리 페이지 구현(프론트&백엔드) - 날짜별 배송 정보 일괄 다운로드 기능 구현(프론트&백엔드) - 배송ID별 배송 상태 일괄 변경 기능 구현 - 정산 관리 페이지 신규 기능 추가 및 유지보수 - mongoDB 성능 개선을 위한 쿼리 분석 및 인덱싱 작업 - 리펙토링 및 버그 수정 Test - cypress 프레임워크를 이용한 종단 테스트 작성 사용기술, 도구 및 기타 - Typescript, React, graphql, cypress, mongodb, Styled-components, clickup, notion

더보기

[HAULLA Admin] react, react-intl, typescript, redux, redux-observable, rxjs, axios, styled-components, material-ui, jest, react-testing-library, jira, git - 2018년말 미국 앱스토어에서 런칭한 “HAULLA(쓰레기 수거 플랫폼)” 앱의 관리자 페이지를 웹에서 구현, react-intl 기본 프로젝트 설정 및 구현, 어드민 내부 신규 기능 구현 및 버그 수정, 테스트 코드 작성 [디자인 시스템 구축] angular, storybook, carbon-design - 카본 디자인 시스템에서 구현한 컴포넌트를 이큐브랩의 디자인에 맞게 랩핑하여 내부 디자인 시스템 구축

더보기

* AMD로 근무했지만, 퇴근 후 매일 같이 코딩을 하였습니다. * Excel로 진행하던 중복되는 취합/계산 등의 업무를 VBA를 통해 자동화 하였습니다. * Python을 통해 네이버 쇼핑에 있는 상품 최저가, 상품 정보 등을 크롤링 하였습니다. * Python을 통해 인스타그램 후기 이벤트를 진행했었는데, 인스타그램을 크롤링하여 후기 정보를 모두 추출했습니다.

더보기