서버가 구조를 만들고 클라이언트 섬이 행동만 더한다
서버 결과를 유지한 채 상호작용 경계를 좁히면 초기 HTML·보안·번들 크기를 함께 지킬 수 있다.
Server fetch
데이터와 권한을 확인해 표현 가능한 결과 생성
Server layout
페이지 구조와 비상호작용 콘텐츠를 HTML로 구성
Props / children
경계를 건너는 값과 서버 결과의 위치를 명시
Client interaction
토글·입력·로컬 상태만 브라우저에서 실행
핵심client wrapper가 커질수록 하위 JavaScript와 hydration 범위가 함께 커지므로 상호작용 leaf 가까이에 둔다.