Work Experience

뱅크샐러드

데이터 기반 내 돈 관리 서비스 뱅크샐러드에서 2020년 10월부터 일하고 있습니다.

송금 신규피처 및 백오피스 개발

설명

• 뱅크샐러드의 송금팀에서 신규피처 및 백오피스 웹 개발을 하고 있습니다.

역할

• 신규 피처 개발을 위해 프론트엔드 기술환경 세팅을 했습니다.
• 제너레이터 기반의 미들웨어 Reux-Saga를 이용하여 비동기 처리를 관리합니다.
• Protocol Buffers로 개발된 IDL을 읽고 클라이언트 작업을 할 수 있습니다.
• testing-library와 msw를 사용하여 통합 테스트를 진행합니다.

기술

• TypeScript, React, Redux, redux-saga, redux-toolkit
• 테스트 코드: Jest, testing-library, msw

체인로지스

기업전용 배송 기업인 체인로지스에서 2020년 3월부터 2020년 9월까지 일했습니다.
진행했던 프로젝트는 아래에서 확인하실 수 있습니다.

두발히어로, 바로택배 백오피스

설명

• 체인로지스의 택배서비스인 두발히어로와 배송신청 서비스인 바로택배의 백오피스를 개발했습니다.

역할

• 포스트맨을 이용해 API를 테스트하는 방법을 배웠습니다.
• HTTP API 클라이언트 작업을 진행하였습니다.
• 적절한 폴더링에 대한 고민을 했습니다.
• 로그인을 위한 쿠키 설정에 대해 공부할 수 있었습니다.
• firebase에서 받아온 실시간 데이터를 지도에 나타내는 작업을 했습니다.
• 성능 최적화를 위해 React.memo와 useCallback훅을 적절하게 사용했습니다.
• 라이브러리를 깊게 사용하기 위해 문서를 더 잘 읽는 방법에 대해 고민했습니다.

기술

• Typescript, React Context & Hooks, emotion
• 사용한 라이브러리: react-hook-form, react-table, react-dropzone

두발히어로 웹 페이지

설명

• 택배 서비스를 신청한 사용자가 배송 조회와 반품 신청을 할 수 있는 페이지의 클라이언트 작업을 했습니다. 데스크탑 버전으로 구현되어있던 라이더 모집 페이지는 CSS 반응형 작업을 진행했습니다.

역할

• 브랜치와 이슈 관리를 통해 Git으로 협업하는 방법을 배웠습니다.
• Hooks를 이용한 함수형 프로그래밍을 경험했습니다.
• 반복되는 컴포넌트를 추출하여 재사용하였습니다.
• 비즈니스 로직과 뷰를 분리하여 역할을 나누었습니다.
• flex를 이용해 반응형 페이지 구현했습니다.

기술

• React Context & Hooks, emotion, styled component
• 사용한 라이브러리: axios