새로운 컬리몰 NX를 소개합니다.
컬리몰 웹프론트팀의 NX 전환 과정을 소개한 글입니다. 레거시를 걷어내며 성능 개선, URL 통합, 코드 품질 강화를 이뤘습니다.
#Next.js#React#TypeScript
4200


컬리몰 웹프론트팀의 NX 전환 과정을 소개한 글입니다. 레거시를 걷어내며 성능 개선, URL 통합, 코드 품질 강화를 이뤘습니다.

반복 구현을 줄이고 기술 표준을 만들기 위해 공통 라이브러리 도입 배경과 기준을 정리했습니다. Lerna 모노레포와 npm으로 add-separator를 배포하고 문서화·리뷰·테스트 원칙을 세웠습니다.

반복 개발을 줄이기 위해 외부 라이브러리와 내부 공통 라이브러리의 선택 기준을 정리했습니다. Lerna 모노레포와 TDD로 숫자 구분자 패키지를 구현하고 신뢰 원칙을 세웠습니다.

React의 컴포넌트, props, state, 선언형 렌더링과 reconciliation 흐름을 설명했습니다. 렌더링 최적화와 Hook 기반 상태 관리 시 주의점을 함께 다뤘습니다.

React의 컴포넌트, JSX, props, state로 선언형 UI를 구성하는 방식을 설명했습니다. 재조정·얕은 비교·Hook을 통한 렌더링 최적화와 상태 로직 재사용을 다뤘습니다.

주문자 이름의 특수문자로 발생한 백엔드 오류를 정규식으로 해결한 사례를 소개했습니다. 차단 목록 대신 허용 문자 목록을 적용하고 슬랙·QA 협업으로 예외를 보완했습니다.

주문자 이름의 특수 문자로 발생한 오류를 정규식 기반 입력 필터링으로 해결했습니다. 허용 문자 화이트리스트와 팀·QA 검토의 효과를 공유합니다.
