● 가상자산 거래소 Mobile버전 리뉴얼 2021.07-2021.10 [주요 스택] react / react-native / typescript / recoil / react-query / styled-component / stomp js - 외주사에서 개발한 레거시 프로젝트를 react로 리뉴얼하였습니다. - 인수받은 기획서나 API 문서의 내용이 충분하지 않아 현존 개발자들과 기존 코드를 분석하며 진행하였습니다. - 용이한 유지보수와 재사용성을 높이기 위해 Atomic 패턴을 적용하였습니다. - 주로 매도/매수 페이지와 입출금 페이지를 개발하였습니다. - 실시간 데이터를 처리하면서 리렌더링을 최소화하기 위해 메모이제이션을 사용하였습니다. - 기획서와 API 문서의 중요성을 깨닫고 개발 이력에 대한 문서를 작성하였습니다. - react-native-webview로 모바일웹을 띄운 webapp의 방식으로 개발하였습니다. ● 가상자산 거래소 PC버전 리뉴얼 2021.10-2022.02 [주요 스택] ​mobile 버전과 동일 - 외주사에서 개발한 레거시 프로젝트를 react로 리뉴얼하였습니다. - mobile 버전에서 만든 컴포넌트를 재사용하여 만들 수 있었습니다. ● 실시간 보유자산 업데이트 기능 개발 2022.02 - 2022.02 - 보유자산​과 관련된 소켓 API가 없어 매도/매수 체결 소켓 API를 구독해 체결 시 보유자산이 업데이트되는 기능을 구현하였습니다. - 체결이 짧은 시간동안 다수로 일어나는 경우를 대비해 0.1초 단위로 체결 데이터를 누적 계산하여 queue에 쌓아 차례로 업데이트되도록 구현하였습니다. ● 플랫타이엑스 회사소개 페이지를 제작 2022.05 - 2022.05 [주요 스택] NextJS / typescript / ​emotion / Sequelize / express / MySQL - 용이한 유지보수와 SEO를 위해 NextJS로 ​리뉴얼하였습니다. - 간단한 CRUD API만 필요하여 백엔드 팀을 대신해 백엔드 개발까지 담당하였습니다. ● 리팩토링 및 고도화 2023.01 - 2023.12 - 백엔드단과 동시 개발할 수 있도록 MSW를 도입하였습니다. - React.lazy를 이용해 동적으로 import하여 초기 페이지 진입 속도를 개선하였습니다. - webview의 카메라 기능을 사용하면 화질이 떨어지는 단점이 있어, 카메라 기능이 필요한 페이지는 React Native에서 처리하였고 Native에서 받은 데이터를 webview에 전달하였습니 다. - app 사용시 foreground에서 background 전환될 때 소켓 연결이 끊겨 데이터가 업데이트 되지 않는 이슈가 있어 AppState를 감지하여 새로고침되도록 하였습니다. - 피그마 도입 시 얻을 수 있는 이점과 디자인시스템에서 논의해야할 방향들을 정리하기 위해 피그마로 Web과 APP의 Design system과 Component 등을 정리하였습니다.

更多

● Apollo server 구축 및 ERD 설계와 API 개발 2021.01 - 2021.06 동네배달은 집에서 사용하는 월패드에 설치되는 어플리케이션으로, 집 주변 식당에 포장/배달 주문을 넣을 수 있는 서비스입니다. 배달의 민족 어플을 벤치마킹하여 서비스에 필요한 기능들의 API를 개발하였습니다.

更多

● 회사 솔루션 분석 및 고객사 이슈 대응 2020.04 - 2020.12