작성한 질문수
Next + React Query로 SNS 서비스 만들기
패러렐 라우트
작성
·
176
0
제로초님 강의를 보면서 새롭게 페이지 작업을 하고 있는데 최다 클라이언트 컴포넌트로 작업이 되고 잇어서 고민이 됩니다.예를들어 쇼핑몰의 상세페이지를 만드는데 좋아요나 판매하기 기타등등 여기에 써야하는 click이벤트 들때문에 서버컴포넌트를 쓰기는 애매해서 클라이언트 컴포넌트로 작업 중인데... 모든 컴포넌트들이 이런 상황입니다ㅠㅠ 혹시 클라이언트 컴포넌트와 서버컴포넌트를 나누는 기준 같은거 알수 잇을까요??
답변 1
ssr이 필요한 페이지(page.tsx)만 서버컴포넌트 쓰시고 나머지는 클라이언트 컴포넌트로 하시면 충분합니다. 가장 상위 컴포넌트는 보통 서버컴포넌트고 가장 말단 컴포넌트는 클라 컴포넌트입니다. 그 가운데는 클라일 가능성이 높고요.
그러면 구조를 서버컴포넌트 안에 클라이언트 컴포넌트를 불러오고 ssr을 해서 가져온 데이터를 클라이언트 컴포넌트에 props로 넘겨준다 라고 생각을 하면 되겟죠..?
페이지라우터만 쓰다가 앱라우터 공부하니 어렵네요....좋은강의 감사합니다 ㅠㅠ
네 맞습니다!
그러면 구조를 서버컴포넌트 안에 클라이언트 컴포넌트를 불러오고 ssr을 해서 가져온 데이터를 클라이언트 컴포넌트에 props로 넘겨준다 라고 생각을 하면 되겟죠..?
페이지라우터만 쓰다가 앱라우터 공부하니 어렵네요....
좋은강의 감사합니다 ㅠㅠ