Client boundary

use client는 파일 경계를 만든다

파일 맨 위의 use client는 그 파일과 하위 import를 클라이언트 번들 후보로 만들기 때문에 작게 두는 것이 중요합니다.

01

상호작용 담당

useState, useEffect, onClick, form 제어처럼 브라우저에서 이어질 동작을 맡습니다.

02

경계 전파

클라이언트 파일이 import한 UI도 번들에 포함될 수 있어 경계를 잎사귀에 가깝게 둡니다.

03

직렬화 props

서버에서 클라이언트로 함수나 클래스 인스턴스 대신 JSON에 가까운 값을 전달합니다.

1

event

사용자 입력이나 클릭 처리가 실제로 필요한지 봅니다.

2

state

상태가 화면 안에서 바뀌어야 하는지 확인합니다.

3

browser api

window, document, localStorage 접근은 클라이언트 경계 안에 둡니다.

4

props

서버에서 넘어오는 값이 직렬화 가능한지 점검합니다.