지시어 기준
파일 상단의 use client가 경계를 만듭니다.
Next checkpoint
클라이언트 컴포넌트 경계 설정
클라이언트 컴포넌트는 이벤트, 상태, 브라우저 API가 필요한 작은 영역에만 지정하는 편이 좋습니다.
상태 기준
useState, useEffect, 이벤트 핸들러를 사용할 수 있습니다.
번들 기준
경계 아래 코드는 브라우저 번들에 포함됩니다.
조합 기준
서버 컴포넌트를 children으로 받아 섞을 수 있습니다.
버튼 하나 때문에 큰 화면 전체를 클라이언트 컴포넌트로 만들지 말고 상호작용 영역만 분리합니다.
브라우저 기능 필요 확인 -> 작은 컴포넌트로 분리 -> use client 추가 -> props 직렬화 확인 -> 번들 영향 점검