컬리 기술 블로그 · 2022. 09. 01.
새로운 컬리몰 NX를 소개합니다.
AI 엔지니어링 브리핑
컬리는 기존 고도몰 기반 쇼핑몰을 Next.js 기반 NX로 전환해 더 빠르고 일관된 웹 서비스를 만들고 개발·운영 품질도 높였습니다.
문제 & 배경
- 문제 & 배경: 기존 시스템은 여러 기술과 오래된 코드가 뒤섞여 페이지별 화면과 주소가 달랐고, 상품마다 예외적인 구현이 많아 유지보수와 확장이 어려웠습니다.
기술 & 해결책
- 기술 & 해결책: Next.js의 서버에서 미리 화면을 만드는 방식(SSR)으로 주요 페이지를 NX에 옮기고, 공통 UI·짧은 단일 URL·코드 검사 규칙·빌드 캐시·페이지 성능 측정을 적용했습니다.
교훈 & 주의점
- 교훈 & 주의점: 전환 과정에서 오래된 기능을 모두 그대로 옮기기보다 필요한 사양을 정리하고 제외하는 판단이 중요했으며, 그 결과 상품 상세 표시 지연을 3.4초에서 1.5초로 줄이고 정적 분석 결함 비율도 1.76%에서 0.12%로 낮췄습니다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.