NextJS:Rendering
렌더링은 작성한 코드를 사용자 인터페이스로 변환합니다. React와 Next.js를 사용하면 코드의 일부가 서버나 클라이언트에서 렌더링될 수 있는 하이브리드 웹 애플리케이션을 만들 수 있습니다. 이 섹션은 이러한 렌더링 환경, 전략 및 런타임 간의 차이점을 이해하는 데 도움이 됩니다.
Server Side Components (SSC)
React Server 구성 요소를 사용하면 서버에서 렌더링하고 선택적으로 캐시할 수 있는 UI를 작성할 수 있습니다. Next.js에서는 스트리밍 및 부분 렌더링을 활성화하기 위해 렌더링 작업이 경로 세그먼트별로 추가로 분할되며 세 가지 서버 렌더링 전략이 있습니다.
- Static Rendering
- Dynamic Rendering
- Streaming
Client Side Components (CSC)
Server and Client Composition Patterns
React 애플리케이션을 구축할 때 서버나 클라이언트에서 애플리케이션의 어떤 부분을 렌더링해야 하는지 고려해야 합니다. 이 페이지에서는 서버 및 클라이언트 구성 요소를 사용할 때 권장되는 몇 가지 구성 패턴을 다룹니다.