• 신규 기능 고정 수익형 펀드 상품 Earn 마켓, 구독 디테일 페이지 개발
• 주요 기능 모바일 모바일 기기 반응형 페이지 개발
  • 기존 컴포넌트를 media query 최대한 활용하여 모바일, 타블렛 기기에 대응
• 펀드 스케줄에 따른 UI 상태 관리 공용 클래스, 메서드를 통해 개발 생산성 향상
• SSR에서 ISR로 전환하고, 적절한 캐싱 전략을 사용하여 페이지 로딩 속도 약 70% (1.312s -> 399ms) 단축하여 참여율 5% 개선 (회고 링크)
  • Lighthouse Score: 67 -> 95 - 100
  • LCP: 80% (2.1 -> 0.4s)
  • CLS: 35% (0.416 -> 0.063) 개선
  • 초기 로딩 속도 단축: Hydration 단계 속도를 1s에서 189.58ms로 81% 단축
• 디테일 페이지의 댓글 기능을 공용 컴포넌트로 추상화하여 레거시 코드의 복잡성 개선
  • 인증 서버 OAuth 도입에 대응하여 인증 로직 및 에러 처리 개선
    • 에러 바운더리 도입 및 일관되지 않은 서버 에러 응답 문서화로 예외처리 효율 개선
  • Jest를 통한 유닛, 통합 테스트 코드 및 테스트 자동화 구축하여 개발 단계에서 버그 사전 방지
    • 펀드 결제 프로세스 테스트 커버리지 0 -> 90.19%
  • Circle CI와 Vercel을 이용한 자동 배포 환경 구축 및 구축 방법 문서화로 협업 강화

• 랜딩, 펀드 마켓/디테일, 마이월렛, 유저 페이지 등 주요 페이지 새로 구축 및 고도화
• Next.js로 마이그레이션 과정에서 주도적으로 서버사이드 렌더링 도입
  • 아토믹 패턴 도입하여 개발 효율성 개선
  • 서버사이드 렌더링 도입 시 문서화를 통해 팀원 숙련도 향상에 기여
• Trader 사용자의 펀드 관리 대시보드 및 펀드 생성 사이트 별도 도메인으로 구축
• 마이 월렛 페이지의 유저 환전, 송금 기능 구현 및 리팩터링을 통한 코드 개선
• 커뮤니티 페이지 고도화 작업 이후 활성 사용자 15%, 참여 이벤트 65% 증가
  • 댓글 공용 컴포넌트를 추상화 및 react-query 도입하여 레거시 코드의 유지 보수성 개선
  • I18-next를 사용한 다국어 대응, 이미지, gif 업로드, 댓글 구글 번역을 통해 글로벌 사용자 커뮤니티 개선
• 퀀트, 스팟, 고정수익형 펀드 마켓과 디테일 페이지 서비스의 핵심 기능 개발에 참여
• 펀드 상품 결제 기능 및 결제 UI 공용 컴포넌트 구현하여 유지보수성 개선
  • 상품 구매 기능을 고도화 이후 플랫폼에 등록된 펀드 총 투자금 108.2% 증가
• 펀드 스케줄에 따른 UI 상태 관리 공용 클래스, 메서드를 통해 개발 생산성 향상

• 모달, 버튼 등 재사용성 높은 컴포넌트 개발하여 개발 시간 30% 절감
• Storybook을 활용한 디자인 시스템 개발로 디자이너와의 효율적인 협업 강화
• 모바일 기기에 최적화된 반응형 공용 UI 컴포넌트 개발

• 코딩 컨밴션 세미나를 주도적으로 진행한 이후 문서화하여 팀에 공유
• 팀에서 합의한 코딩 컨밴션으로 lint rule 적용 및 추후 팀원들에게 피드백을 받아 수정

팀 협업 및 기여

• dev plan 및 기능 명세서, 온보딩 문서등 문서화 기반으로 기술 문화 개선
• 개발 초기 단계의 리뷰에 참여해 프로젝트의 UX를 함께 개선
• Figma, Confluence 등 각종 문서를 기반으로 디자이너, 기획자와 협업 경험