기본값은 서버, 브라우저 이유가 있을 때만 client다

실행 위치를 먼저 정하고 데이터와 상호작용 사이의 전달값을 최소화한다.

이 컴포넌트가 브라우저에서 실행돼야 하는가?상호작용과 Web API 존재를 확인
DB·secret

Server Component

서버 데이터에 직접 접근하고 결과만 렌더

정적 UI

Server Component

이벤트 없는 markup은 브라우저 JS 불필요

state·event

Client leaf

사용자 입력에 즉시 반응하는 작은 영역

window API

Client leaf

브라우저에서만 존재하는 기능

핵심서버에서 준비한 값을 props로 넘기고 interaction이 필요한 부분만 client로 분리한다.