반응형
use client
-
Next.js App Router(2) - 서버 vs 클라이언트 컴포넌트Next.js 2025. 6. 25. 10:25
Next.js App Router에서 가장 큰 변화점은 기본적으로 모든 컴포넌트는 Server Component(서버 컴포넌트)라는 것입니다.이번 글에서는 Server Component와 Client Component에 대해 알아보겠습니다.1. Server Component의 장점과 역할서버 환경(Node.js)에서 렌더링DB 쿼리, 외부 API 호출, 비밀 키·토큰 활용 등 브라우저에서 노출되면 안 되는 모든 작업을 안전하게 처리할 수 있습니다.예시: 서버 컴포넌트 내에서 직접 DB에 접근하여 데이터를 가져오고, 이를 UI에 반영HTML 렌더링 및 전송서버에서 렌더링 된 HTML이 브라우저로 전달되어, JS 번들 없이도 빠르게 콘텐츠가 보임React의 클라이언트 훅, 브라우저 API 미사용useStat..