Next.js(App Router)에서 클라이언트 컴포넌트 내부로 서버 컴포넌트를 직접 import 할 수는 없지만, children 패턴을 사용하면 배치가 가능하다. 이 패턴이 작동하는 핵심 원리인 RSC Payload 직렬화와 렌더링 실행 시점의 차이를 기술적으로 분석한다. Next.js: 클라이언트 컴포넌트 안에 서버 컴포넌트 넣기 (Composition 패턴의 원리)Next.js의 App Router를 사용하다 보면 딜레마에 빠질 때가 있다. 애니메이션이나 클릭 이벤트를 위해 최상위 래퍼를 클라이언트 컴포넌트('use client')로 만들었는데, 그 자식으로 DB에 직접 접근하는 서버 컴포넌트를 넣고 싶은 경우다.공식 문서를 보면 "클라이언트 컴포넌트에서 서버 컴포넌트를 import 할 수 없다..
