Eden님의 게시글

질문&답변

27강 Context내 RSC 사용 관련 문의

AI 답변 감사합니다. 다만 답변 내용 중 "Provider가 클라이언트 컴포넌트라면 그 안의 모든 자식 컴포넌트도 클라이언트 환경에서 실행된다"는 부분이 제가 알고 있는 내용과 차이가 있어 추가로 여쭙고자 합니다. 제가 이해한 바로는, Client Component가 직접 import 한 컴포넌트는 Client 경계에 포함되지만, children prop 으로 외부에서 주입된 컴포넌트는 부모(Server Component)에서 이미 렌더링이 끝난 결과가 슬롯으로 들어가는 것이라 Server Component 상태를 유지하는 것으로 알고 있습니다. 이 composition pattern을 사용하면 Provider를 쓰면서도 children 영역은 RSC로 유지할 수 있어서, 실습 자료의 "정밀 아키텍처 분석"에 적힌 "App.tsx를 10개의 Provider로 감싸는 순간 그 아래의 모든 컴포넌트는 서버 컴포넌트로서의 최적화 기회를 잃게 됩니다"라는 설명이 모든 경우에 해당하지는 않는 것 같습니다. 혹시 강의에서는 composition pattern을 적용하지 않은 일반적인 경우를 전제로 설명해주신 건지, 지식공유자님의 의견이 궁금합니다. (참고로 AI 인턴이 첨부해준 링크는 404 페이지로 연결되어 답변에 직접 관련된 자료는 아닌 것 같습니다.)