컬리몰 NX 프로젝트 소개

이 게시물은 기존 레거시 시스템을 탈피하고 Next.js 기반의 컬리몰 NX를 구축한 과정을 설명합니다.

주요 개선 사항

• 상품상세 페이지 로딩 시간 3.4초에서 1.5초로 단축
• 일관된 UI/UX 제공 및 간략한 URL 체계 도입
• PC와 모바일 모두 하나의 URL로 접근 가능
• 코드 품질 향상을 위한 Lint 룰 적용 및 정적 분석 강화
• CI 빌드 캐싱 도입으로 빌드 시간 20% 단축

개발 과정과 도전 과제

레거시 스펙과 코드가 복잡하고 일관성이 없었으며, 특정 상품별 분기 코드가 난립하였지만 스펙 아웃 전략과 팀 협업을 통해 정리하였습니다.
성능 테스트를 PR마다 수행하며 품질을 관리하고 있으며, 앞으로도 사용자 경험 향상에 집중할 계획입니다.