nextjs 서버컴포넌트 질문있습니다 !

Question

안녕하세요 nextjs 14 app router 공부 중 질문이있어 이렇게 글 남깁니다....

1. ”use client“ 클라이언트 컴포넌트가 자식으로 서버컴포넌트를 가져오면 그 아래의 모든 컴포넌트는 서버컴포넌트로 동작이 아닌 클라이언트 컴포넌트가 되는건지 궁금합니다..

2. 그렇다면 layout단에서 use client를 사용한 provider가 있다면 children으로 받은 모든 페이지들은 클라이언트 컴포넌트가 되는건지 궁금합니다...

3. 서버컴포넌트랑 SSR이 다른 개념이라는데 너무 헷갈립니다.. 혹시 다른점이 뭔지 알 수 있을까요?

궁금한 점들을 나열하다보니 두서가 없어진거같아서 죄송합니다.. 좋은 히루 보내세요 :) !!!!

포크코딩 · Answer

1. children(props)을 사용해 쓰면 기본 값인 서버 컴포넌트입니다. 그 외에 자식 컴포넌트를 import하여 그대로 jsx를 쓰게 된다면 클라이언트 컴포넌트가 됩니다.

2. 아닙니다.

3. 서버컴포넌트 => 리액트 컴포넌트 + 서버쪽 기능(직접 접근 가능)
SSR => 서버에서 웹 사이트를 만들어 내는 동작이나 방법론 그 자체를 의미하는 말