RSC

Server Component 렌더 경계

서버 컴포넌트는 서버에서 실행되어 RSC payload를 만들고, 클라이언트 컴포넌트 경계만 브라우저에서 hydrate된다.

서버와 클라이언트 렌더 책임 분리

경계

서버 실행

DB 접근과 비밀 값 사용이 서버에서 먼저 처리된다.

RSC Payload

렌더 결과와 클라이언트 경계 정보가 전송된다.

클라이언트 경계

use client 컴포넌트는 브라우저 번들에 포함된다.

Hydration

상호작용이 필요한 부분만 클라이언트에서 연결된다.

Server ComponentRSC payload클라이언트 경계JS bundleHydration
서버와 클라이언트 렌더 책임 분리

서버 컴포넌트는 HTML을 조금 빨리 만드는 기능이 아니다. 데이터 접근 위치와 클라이언트 번들 경계를 설계하는 방식이다.