목록2025/12/08 (1)

민혁이의 IT스토리

서버 컴포넌트 vs 클라이언트 컴포넌트

1. 기본 개념 및 실행 환경가장 큰 차이점은 코드가 실행되는 환경입니다.구분서버 컴포넌트 (Server Component)클라이언트 컴포넌트 (Client Component)실행 환경서버 (Node.js 런타임)클라이언트 (브라우저)기본 설정App Router의 기본값컴포넌트 최상단에 "use client"; 명시자바스크립트 번들클라이언트에 전송되지 않음 (JS 번들 크기 감소)클라이언트에 전송되고 실행됨 (상호작용 담당)렌더링 과정서버에서 HTML로 미리 렌더링되어 전송브라우저에서 HTML을 받은 후 하이드레이션(Hydration) 과정을 거쳐 상호작용 가능 2. 주요 역할 및 사용처각 컴포넌트 타입은 고유의 장점을 살려 애플리케이션의 특정 부분을 담당합니다.서버 컴포넌트 (Server Compon..
혼자 공부해서 개발까지/Next.js 2025. 12. 8. 11:32
이전 Prev 1 Next 다음