Next · RSC

RSC와 Client Boundary 직렬화 규칙

서버에서 실행되는 트리와 브라우저에서 살아나는 섬을 나누고, 경계는 직렬화 가능한 props만 건넙니다.

컴포넌트 실행 위치

boundary

Server Tree

기본 컴포넌트는 서버에서 데이터를 읽고 렌더링합니다.

use client

상호작용이 필요한 지점에서 클라이언트 경계를 엽니다.

Serializable Props

함수나 클래스 인스턴스 대신 데이터만 전달합니다.

Client Island

상태와 이벤트 핸들러가 브라우저에서 동작합니다.

Bundle Scope

경계 아래 코드만 클라이언트 번들에 포함됩니다.

server component → props → client boundary → hydrate island → browser event

정리

RSC의 핵심은 서버와 클라이언트를 섞는 것이 아니라 어느 코드가 어디서 실행되는지 경계를 선명하게 긋는 것입니다.