React Server Components 실전 가이드

RSC의 개념, 사용 패턴, 클라이언트 컴포넌트와의 조합 전략.

React Server Components는 서버에서만 실행되는 컴포넌트입니다. JavaScript 번들에 포함되지 않아 클라이언트 번들 크기가 줄고, DB나 파일 시스템에 직접 접근할 수 있습니다.

핵심 패턴: 서버 컴포넌트를 기본으로 하고, 인터랙션이 필요한 부분만 'use client'로 분리. 데이터 페칭은 서버 컴포넌트에서, 이벤트 핸들러/상태는 클라이언트에서.

• 모든 컴포넌트에 'use client' 붙이기 (RSC 장점 소멸)
• 서버 컴포넌트에서 useState/useEffect 사용 시도
• 직렬화 불가능한 props 전달 (함수, Date 객체 등)