[Next.js] 서버 컴포넌트와 클라이언트 컴포넌트

Client Component

• useState, onClick 등을 사용하기 위해선 client 컴포넌트 여야 한다
  • 파일 최상단에 ‘use client’를 명시하면 자동으로 client component가 된다
    • client component가 된다.
  • use client라고 해서 SSR이 아닌것은 아니다, 기본적으로 서버 컴포넌트든 클라이언트 컴포넌트든 모두 SSR 적용은 동일하게 된다는 점에 유의!

Server Component

• Next.js에서는 기본적으로 모든 컴포넌트가 Server Component로 동작함
  • Server Component는 Client Component를 import해도 영향이 없지만
  • Client Component가 Server Component를 import하면 Server Component는 Client Component로 변환된다는 것을 유의하며 사용해야 함