Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.

Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.

2
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

Next.js 프로젝트 Migration과 Refactoring


사내 Next.js 9 프로젝트를 최신 12 버전으로 마이그레이션하고 리팩터링 과정을 공유합니다.

레거시 코드 문제

  • 오래된 코드들이 레거시가 되어 문제를 일으키는 상황

리팩터링 과정

  • @next/bundle-analyzer 도입으로 번들 크기 시각화
  • Next.js와 React 버전 업그레이드
  • SWC 도입으로 빌드 속도 향상
  • Modularize Imports 기능 사용
  • Moment.js에서 Day.js로 마이그레이션
테스트 코드 작성의 중요성도 강조합니다.