use client

• backend에서 render되고 frontend에서 hydrate됨을 의미
• client에서만 렌더된다는 것은 아님

서버 컴포넌트

• server에서 render되고 hydrate되지 않음
  => 사용자가 js를 더 적게 다운받아도 된다는 의미 -> 페이지 로딩 속도가 빨라짐

서버 컴포넌트 안에 클라이언트 컴포넌트를 포함할 수 있나

• 서버 컴포넌트 안에 클라이언트 컴포넌트는 가능
• 클라이언트 컴포넌트 안에 서버 컴포넌트는 불가능

• )
  지금은 client 컴포넌트도 server 컴포넌트를 가질 수 있습니다.
  주의할 점은 prop을 통해 전달해야 server 컴포넌트가 됩니다.
  https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#supported-pattern-passing-server-components-to-client-components-as-props