jay.log

posts.

애기야가자 v2.0

애기야가자2022.07 - 2024.10

애기야가자 v2.0은 기존 앱의 전면적인 리뉴얼 프로젝트로, React Native 기반 FSD 아키텍처 및 디자인 시스템을 도입하여 유지보수성과 앱 UX 품질 일관성을 확보했습니다. FSD 아키텍처 기반 모듈화 및 단방향 의존성 구조를 설계하여 코드의 가독성과 확장성을 크게 개선했으며, 컴파운드 컴포넌트를 활용한 재사용 가능한 헤드리스 디자인 시스템을 구축하여 개발 효율성과 사용자 경험을 동시에 향상시켰습니다. MAU 100,000명, DAU 3,000명 규모의 서비스에서 안정적인 성능과 사용자 경험을 제공하고 있습니다.

주요 지표

100K
MAU
3K
DAU
60%
구현 기여도

도전 과제

  • Legacy 코드베이스 마이그레이션
  • Google Maps API 성능 최적화
  • 일관된 디자인 시스템 구축

해결 방안

  • FSD 아키텍처로 점진적 마이그레이션
  • Maps Clustering과 Lazy Loading
  • 컴파운드 컴포넌트 기반 시스템

결과

  • MAU 100K 달성
  • DAU 3K 안정적 유지
  • 앱 크래시율 90% 감소
  • 개발 속도 60% 향상

기술 스택

React NativeTypeScriptReact QueryRecoil

© jay.log powered by Next.js, Vercel

jay.log