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

고급 Next.js 기능을 더 배우기 전에 Next.js의 기본 작동 방식을 이해하는 것이 도움이 될 것입니다.

 

이 과정의 시작에서 React가 응용 프로그램을 어떻게 구축하고 구조화하는지에 대해 비교적 객관적임을 설명했습니다. React로 응용 프로그램을 여러 가지 방법으로 구축할 수 있습니다. Next.js는 응용 프로그램을 구조화하고 개발 프로세스와 최종 애플리케이션을 모두 빠르게 만들어주는 최적화를 제공하는 프레임워크입니다.

 

다음 섹션에서는 다음과 같은 다른 단계에서 응용 프로그램 코드에 어떤 일이 발생하는지 살펴보겠습니다.

 

• 코드가 실행되는 환경 : Development vs. Production
• 코드가 실행되는 시점 : Build Time vs. Runtime
• 렌더링이 발생하는 위치 : Client vs. Server

이제 이러한 개념을 더 자세히 살펴보고 Next.js가 내부에서 수행하는 일부 프로세스를 논의해보겠습니다.