CHOI DONG MIN
Frontend Developer
2년차 프론트엔드 개발자로, 남들이 보지않는 디테일에 집중하고 고민합니다. 화면 깜빡임이나 미묘한 버그를 발견 해내고, 능동적으로 해결하는 것을 즐깁니다. 이런 사소한 개선들이 서비스 품질로 이어진다고 믿습니다. 유저 중심의 개발을 지향합니다. 유저의 입장에서 생각하고, 그들의 필요에 맞추어 서비스를 개발합니다. 이를 위해 팀원들과 적극적으로 커뮤니케이션하며 협업합니다. 성능을 개선하는 일을 좋아합니다. 레거시 코드 리팩토링과 다양한 웹 성능 최적화 기법들을 활용해 렌더링 성능과 페이지 로딩 시간을 개선한 경험이 있습니다.
Work Experience
Frontend Developer
로지올 | 플랫폼기술전략팀 | 2022.07 - 현재
- 차세대 플랫폼 웹 프론트엔드 개발
- 금융 및 보험 신사업 프론트엔드 개발
- 사내 어드민 개발
Project
라이더 시간제 보험
생각대로 라이더 앱에서 제공하는 시간제 보험 웹뷰 서비스
- 보험 통합 관리 페이지, 보험 가입, 약관동의, 갱신, 해지, 차량변경 등 프론트엔드 전체 개발
- 기존 React 프로젝트를 Next.js로 마이그레이션 및 서버 사이드 렌더링 도입
- standalone 방식으로 빌드되도록 변경하여 도커 이미지 사이즈를 1/5로 줄이고 빌드 시간 단축
- localStorage와 event Listener를 활용하여 크로스 브라우징 환경에서 팝업으로부터 데이터를 정상적으로 전송 받을 수 있도록 작업
- 페이지 구조를 개선 하기 위해 UI를 조건부 렌더링 할 수 있는 커스텀 훅 작성
- next-transpile-module을 활용하여 일부 라이브러리가 구형 브라우저에서 정상적으로 동작하지 않는 이슈 해결
- mermaid.js로 다이어그램 시각화 도구 만들어서 개발자 경험 향상 및 업무 커뮤니케이션 강화
차세대 가맹점 서비스
가맹점 WEB POS 프로그램으로 음식점과 라이더들에게 주문 중계하는 서비스
- axios interceptor를 이용한 token authorization 개발
- 웹소켓을 이용한 클라이언트와 서버 간 실시간 통신 개발
- 불필요한 스켈레톤 UI 제거 및 Outlet 컴포넌트 사용으로 렌더링 성능 개선 및 코드 중복 최소화
- 무분별한 클라이언트/서버 상태를 분리하기 위해 react-query 도입으로 데이터 패칭 단순화 및 유지 보수성과 팀내 협업 강화
- gzip 텍스트 압축을 도입하기 위한 Vite와 nginx 설정으로 리소스 전송 사이즈를 기존 대비 약 1/3로 감소
- nginx 설정으로 업데이트 배포 후 발생하는 브라우저 캐싱 이슈를 해결
차세대 라이더 관제 서비스
관제 웹 서비스로 라이더 위치, 주문 현황 등을 실시간으로 제공
- 로컬 스토리지를 이용한 라이더 즐겨찾기 및 테이블 컬럼 순서 저장 기능 개발
- 데이터 폴링 시 주문/기사 대시보드가 함께 렌더링 되는 현상을 관심사 분리하여 각각 렌더링 되도록 개선
- 메모리 누수와 사용성 개선을 위해 react-virtualized 도입으로 렌더링 시간 1/10로 개선
- 대용량 데이터들에 대한 지도 마커 렌더링으로 인해 발생하는 성능 이슈 개선
Skills
React, TypeScript, Next.js, react-query, React Native, NestJS
Education
- 세종대학교
- 전자정보통신공학과
- 2015.03 - 2022.02