Next.js 13.5, 개발 속도와 안정성을 모두 잡다!
by DD
2년 전
조회수 0
Next.js 13.5는 로컬 서버 시작 시간 22% 단축, HMR 29% 향상으로 개발 속도를 높임
optimizePackageImports를 통해 대용량 라이브러리의 import 성능을 개선함
next/image 컴포넌트 개선 및 438개 이상의 버그를 수정하여 안정성을 높임
로컬 개발 환경 성능 개선
Next.js 13.5는 로컬 서버 시작 시간을 22% 단축하여 개발 생산성을 향상시켰다. Fast Refresh 속도 또한 29% 빨라져 코드 변경 사항을 즉시 확인할 수 있다. 따라서 개발자는 반복적인 작업을 더욱 빠르게 수행하며, 개발 효율성을 높일 수 있다.
패키지 import 최적화: optimizePackageImports
optimizePackageImports 옵션을 통해 대용량 아이콘 또는 컴포넌트 라이브러리의 import 성능을 개선했다. 구체적으로, @mui/icons-material과 같은 라이브러리에서 실제로 사용되는 모듈만 로드한다. 따라서 프로덕션 환경에서의 콜드 스타트 시간 단축과 개발 환경의 성능 향상을 동시에 달성했다.
next/image 컴포넌트의 진화
next/image 컴포넌트가 art direction 및 다크 모드 지원을 추가하여 유연성을 높였다. unstable_getImgProps 함수를 통해 component를 직접 사용하지 않고도 고급 사용 사례를 지원한다. 결과적으로, 개발자는 다양한 이미지 표현을 구현하고, 사용자 경험을 향상시킬 수 있다.
