고급 Next.js 기능을 배우기 전에 기본적인 Next.js 작동 방식을 이해하는 것이 도움이 됩니다.
Next.js는 React 애플리케이션을 구조화하는 프레임워크, 개발 프로세스와 최종 애플리케이션을 더 빠르게 만드는 데 도움이 되는 최적화를 제공합니다.
다음 섹션에서는 다음과 같은 단계에서 애플리케이션 코드에 어떤 일이 발생하는지 살펴보겠습니다.
- 코드가 실행되는 환경 : 개발환경 vs 프로덕션 환경
- 코드의 실행 시점 : 빌드타임 vs 런타임
- 렌더링 되는 위치 : 클라이언트 vs 서버
이제 이러한 개념에 대해 자세히 알아보고, Next.js가 백그라운드에서 수행하는 프로세스에 대해 얘기해 봅시다.