◎ Wiprex 음원 수익 공유 플랫폼 런칭 및 유지 보수
• 개요
- 개발 기간: 2021.02 ~ 2021.07 (운영 중)
- 인원: 프론트엔드 3명, 백엔드 2명, 데브옵스 1명
- 링크: https://www.wiprex.com
• 담당 업무
- 신규 런칭 프로젝트 이었기에 운영 사이트와 관리자 페이지에 대해 컴포넌트 작업부터 시작하였습니다.
GraphQL 도입하면서 페이지별로 필요한 쿼리와 재사용 가능한 fragment 구조를 정리했습니다.
- 전역으로 사용할 컴포넌트 이외에도 상품 목록 및 상세, 회원 목록 및 상세, 자산 내역 등을 맡았으며 상품 목록 무한스크롤, 예상 수익 그래프, 카톡공유 같은 기능을 적용하였습니다.
프론트 기능 구현 이외에도 페이지 간 쿼리 및 UI 재사용성을 충분히 고민하고 기획된 서비스에 적합한 GQL 비즈니스 로직을 만들기 위해 깃으로 코드 리뷰를 거치며 프로젝트를 진행했습니다.
- 음원 별 크롤링 데이터에 대하여 기획 및 디자인에 맞는 커스텀 그래프를 구현하였습니다.
chart.js 라이브러리를 활용 하였고 이를 컴포넌트화 하여 수치 혹은 단위에 따라 툴팁이 변하고, 마우스 이벤트에 반응하는 canvas 재구성 등이 필요해 해당 버전에 맞는 추가 플러그인을 적용하며 구현했습니다.
- 해당 서비스는 배포 방식에 Docker(docker-compose) 활용하였는데 (ec2)
QA 를 위한 별도의 컨테이너를 올리고 관리하며 QA 팀과 소통하는 역할을 담당했습니다.
- Flutter 를 활용하여 크로스 플랫폼 어플을 개발했습니다.
bloc-pattern 구조를 채택하여 프로필, 구매, 입출금 등의 서비스 별 모듈을 만들고 비즈니스 로직과 UI 를 분리하여 코드 가독성을 높이고 추가 업데이트가 용이하게 구성했습니다.
◎ Aprobit 거래소 운영 사이트 유지, 보수
• 개요
- 링크: https://www.aprobit.com
• 담당업무
- 주로 오픈프로젝트(Open Project) 협업 시스템을 활용하여 QA 를 전달받으며 UI 를 수정하거나 Redux-saga 모듈을 보완하거나 액션을 추가하며 작업했습니다
- 신규 정책 도입으로 인해 서비스의 전반적인 리뉴얼 프로젝트가 진행될때 프론트 업무 전반에 투입되었습니다.
정책을 검토 하면서 기획이 수시로 바뀌었는데 이에 대비하기 위해서 기획 및 디자인과 개발팀의 실무적인 소통과 진행상황을 지속적으로 공유하도록 주도했습니다.
- 해당 서비스의 어플이 React 반응형 스타일을 기반으로 한 하이브리드 구조인데 웹에서만 가능했던 휴대폰 및 신분증 인증 서비스를 모바일로도 가능하게끔 구현하는 작업을 하였습니다.
Flutter 웹뷰를 활용하여 권한 설정 및 라우팅 url 에 따른 외부 브라우저 오픈 등의 이슈를 다루어 어플을 업데이트 했습니다.
더보기