유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Next.js 15 Tutorial - 52 - Server and Client Components

Codevolution

2025. 1. 19.

0

#frontend
#backend
  • Next.js 15에서 기본적으로 모든 컴포넌트는 서버 컴포넌트로 취급됨 ➡️🏠
  • 서버 컴포넌트는 서버측에서만 렌더링되며, 브라우저 API 접근 불가 및 상태 관리 불가능 🚫
  • 클라이언트 컴포넌트 생성에는 use client 지시어 사용 🚀
  • 클라이언트 컴포넌트는 서버와 클라이언트 양쪽에서 렌더링 (서버측 렌더링은 초기 HTML 제공을 위해) 🔄
  • 개발 모드에서는 브라우저 콘솔에 중복 로그 출력 (Strict Mode 때문) ⚠️

Recommanded Videos