서버에서 둘을 조합
page.tsx 가 서버 컴포넌트와 클라이언트 래퍼의 관계를 결정한다.
서버 부모가 children으로 서버 콘텐츠를 클라이언트 래퍼에 합성한다
클라이언트 컴포넌트가 서버 컴포넌트를 직접 import하는 대신, 서버 부모가 둘을 조합해 이미 렌더링된 서버 결과를 슬롯으로 전달한다.
서버 콘텐츠를 먼저 렌더링
ServerContent 는 서버에서 해석되고, 그 결과가 RSC payload를 통해 children 자리에 전달된다.
브라우저에서는 슬롯만 제어
useState 와 이벤트가 보이기 여부를 바꾸지만 서버 컴포넌트 코드를 브라우저에서 실행하지는 않는다.
핵심실행 경계를 뒤집는 패턴이 아니라 합성 위치를 서버 부모로 올리는 패턴이다. 서버 작업은 서버에 남고, 클라이언트는 전달받은 결과의 상호작용만 맡는다.