서버 컴포넌트 이해하기

1

서버 컴포넌트 개념

서버에서 데이터 조회와 렌더링을 처리하고, 클라이언트에는 직렬화 가능한 결과만 넘기는 React 컴포넌트입니다.

2

서버 컴포넌트가 필요한 이유

서버 컴포넌트는 기존의 클라이언트 중심 렌더링 방식이 가졌던 여러 문제를 줄이고 렌더링 위치를 서버로 옮깁니다.

3

서버 컴포넌트 작동 원리

Next.js 앱이 서버 컴포넌트를 사용하여 페이지를 렌더링하는 과정은 요청 수신, 서버 실행, HTML 스트리밍 순서로 이어집니다.

4

서버 컴포넌트 예시 (복습)

이전 장에서 다뤘던 많은 페이지 컴포넌트와 레이아웃 컴포넌트가 이미 서버 컴포넌트로 작성되었습니다.