use client는 선언 파일 아래의 실행 경계를 바꾼다

지시어를 위로 올릴수록 브라우저 번들과 hydration 범위가 함께 넓어진다.

Server-rendered route기본 골격과 데이터 소유권이 시작되는 트리
server

Page · Layout

데이터·metadata·공통 HTML을 서버에 유지

boundary

Serializable props

클라이언트에 필요한 최소 값만 전달

client

Interactive leaf

event·state·browser API를 가까운 파일에 배치

cost

Imported subtree

경계 아래 모듈이 브라우저 실행 후보가 됨

핵심상호작용이 있는 작은 leaf만 클라이언트로 보내야 서버 전용 코드와 초기 JavaScript를 동시에 줄일 수 있다.