클라이언트 경계 점검

"use client"는 import 그래프의 시작점을 바꾼다

지시어는 한 파일만 표시하지 않는다. 그 파일이 가져오는 하위 UI까지 브라우저 번들 후보가 되므로, 경계는 가능한 리프에 둔다.

넓은 선언

피해야 할 경계
Page 지시어가 상단에 있음
Layout 정적 영역까지 포함
Data View 서버 전용 import 제한
Button 실제 상호작용
Static Text 불필요하게 전송

리프 선언

권장 경계
Page 서버 데이터 유지
Layout 정적 UI 유지
Data View 초기 HTML 생성
Button 여기에만 지시어
Static Text 서버 영역에 남김
1

선언 위치

import보다 위에 문자열로 둔다.

2

브라우저 필요성

이벤트, 상태, Web API가 있는지 본다.

3

props 형태

서버에서 넘길 값은 직렬화 가능해야 한다.

4

서버 전용 코드

DB, 파일 시스템, 비밀값이 들어오지 않게 한다.