[Next.js Learn] How Next.js Works(2) - From Development to Production

0

Next.js Learn

목록 보기
16/50

개발 환경과 프로덕션 환경(Development and Production Environments)

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

개발 중에는 애플리케이션을 로컬 컴퓨터에서 빌드하고 실행합니다. 프로덕션으로 넘어가는 것은 애플리케이션을 배포하고 사용자가 사용할 수 있도록 준비하는 과정입니다.

Next.js에서의 적용 방식(How this applies to Next.js)

Next.js는 애플리케이션의 개발 단계와 프로덕션 단계 모두에 대한 기능을 제공합니다. 예를 들면:

  • 개발 단계에서 Next.js는 개발자와 애플리케이션 개발 경험을 최적화하기 위한 기능을 제공합니다. TypeScriptESLint 통합, Fast Refresh 등의 기능이 개발자 경험을 향상시키는 데 도움이 됩니다.

  • 프로덕션 단계에서 Next.js는 최종 사용자와 그들의 애플리케이션 사용 경험을 최적화합니다. 성능과 접근성을 개선하기 위해 코드를 변환하는 데 중점을 둡니다.

각 환경은 고려해야 할 사항과 목표가 다르기 때문에, 개발 단계에서 프로덕션 단계로 애플리케이션을 이동하기 위해 해야 할 작업이 많이 있습니다. 예를 들어, 애플리케이션 코드를 컴파일하고 번들링하며, 코드를 최소화하고 코드 스플리팅을 수행해야 합니다.

Next.js 컴파일러(The Next.js Compiler)

Next.js는 애플리케이션이 프로덕션으로 이동하기 쉽도록 코드 변환 및 기반이 되는 인프라를 대부분 처리합니다.

Next.js는 Rust라는 저수준 프로그래밍 언어로 작성된 컴파일러와 컴파일, 최소화, 번들링 등에 사용할 수 있는 플랫폼인 SWC를 가지고 있어 이러한 코드 변환 작업을 수행할 수 있습니다.

다음 섹션에서는 각각의 이러한 변환 작업에 대해 자세히 알아보겠습니다.


출처: https://nextjs.org/learn/foundations/how-nextjs-works/development-and-production

profile
지치지 않는 백엔드 개발자 김성주입니다 :)

0개의 댓글