[Next.js] Server Component vs. Client Component

⭐ Server Component

정보를 단순히 보여주는 역할을 하는 것은 Server Component가 유리함
Next.js Components에서 아무것도 하지 않으면(default) Server Component이다.

React에서 useState와 useEffect를 사용하여 정보를 가져오고 업데이트하는 기존의 방법을 사용하면 Server Component의 장점을 이용할 수 없으므로 아래와 같은 방법을 사용한다.

⭐ Client Component

사용자와 상호작용하는 컴포넌트를 보여주는데 사용된다.
컴포넌트 파일 최상단에 'use client'라고 작성하면 Client Component가 된다.

출처

Next.js 13 - 5. 라우팅 | 생활코딩(YouTube)