더 고급 Next.js 기능을 배우기 전에 Next.js가 어떻게 동작하는지에 대한 기본적인 이해가 도움이 될 것입니다.
이 과정의 처음에는 React가 어떻게 애플리케이션을 구축하고 구조화하는지에 대해 비교적 개입하지 않는다고 언급했습니다. React로 애플리케이션을 구축하는 여러 가지 방법이 있습니다. Next.js는 애플리케이션을 구조화하는 데 도움이 되는 프레임워크를 제공하며, 개발 프로세스와 최종 애플리케이션의 성능을 향상시키는 최적화를 제공합니다.
다음 섹션에서는 다음과 같은 다양한 단계에서 애플리케이션 코드가 어떻게 처리되는지 살펴보겠습니다:
- 코드가 실행되는 환경: 개발(Development) 환경 vs. 프로덕션(Production) 환경
- 코드가 실행되는 시기: 빌드 타임(Build Time) vs. 런타임(Runtime)
- 렌더링이 발생하는 위치: 클라이언트(Client) vs. 서버(Server)
이제 이러한 개념을 더 깊이 알아보고 Next.js가 뒷단에서 수행하는 일부 프로세스에 대해 논의해보겠습니다.
지치지 않는 백엔드 개발자 김성주입니다 :)