전체 글

WebView 중심으로 동작하던 서비스를 PC 웹으로 확장하면서 플랫폼마다 달랐던 Native Bridge, 인증, 위치 정보, 라우팅을 공통 인터페이스로 분리하고 구버전 앱의 호환성까지 대응한 과정을 정리합니다.

여러 앱과 공통 패키지가 존재하는 모노레포에서 Turborepo의 Task Graph와 캐시를 활용해 작업 실행 구조를 설계하고 반복 작업을 줄이는 과정을 살펴봅니다.

공통 UI를 패키지로 분리하고 Subpath Exports, Radix UI, CVA를 활용해 재사용 가능한 UI 아키텍처를 설계한 과정을 정리합니다.

운영 중인 Next.js 서비스의 메이저 버전을 단계적으로 업그레이드하며 확인한 변경 사항과 의존성, 마이그레이션 전략을 정리합니다.

Sentry를 활용해 클라이언트와 서버 오류를 수집하고, 불필요한 오류를 필터링하며, 디버깅 정보와 Source Map을 통해 운영 오류의 원인을 추적하는 과정을 정리합니다.