[공식문서] Next.js의 작동 방식 #2

개발 및 프로덕션 환경

환경은 코드가 실행되는 맥락을 생각할 수 있습니다.

 

개발 중에는 응용 프로그램을 로컬 머신에서 빌드하고 실행합니다. Production은 응용 프로그램을 배포하고 사용자가 소비

할 수 있도록 준비하는 과정입니다.

이것이 Next.js에 적용되는 방법

Next.js는 응용 프로그램의 개발 및 프로덕션 단계 모두에 대한 기능을 제공합니다. 예를 들어:

• 개발 단계에서 Next.js는 개발자와 응용 프로그램을 구축하는 경험을 최적화합니다. TypeScript 및 ESLint 통합, Fast Refresh 등과 같이 개발자 경험을 개선하는 기능을 제공합니다.
• 프로덕션 단계에서 Next.js는 최종 사용자와 그들이 응용 프로그램을 사용하는 경험을 최적화합니다. 코드를 변환하여 성능을 개선하고 접근성을 높이는 것을 목표로 합니다.

 

각 환경마다 다른 고려 사항과 목표가 있기 때문에 개발에서 프로덕션으로 응용 프로그램을 이동하는 데는 많은 작업이 필

요합니다. 예를 들어, 응용 프로그램 코드를 컴파일하고 번들로 묶으며 최소화하고 코드를 분할해야 합니다.

 

Next.js 컴파일러

Next.js는 응용 프로그램이 프로덕션으로 이동하기 쉽도록 코드 변환 및 기반이 되는 인프라를 많이 처리합니다.

 

이것이 가능한 이유는 Next.js가 Rust라는 저수준 프로그래밍 언어로 작성된 컴파일러와 SWC라는 플랫폼을 가지고 있기 때문입니다. SWC는 컴파일, 최소화, 번들링 등에 사용될 수 있는 플랫폼입니다.

 

다음 섹션에서는 각 변환에 대해 자세히 살펴보겠습니다.