use client 지시어 활용

1

클라이언트 경계 판단

App Router는 기본 서버 렌더링이며 상태·이벤트·브라우저 API만 클라이언트 경계로 올립니다.

2

'use client' 사용법

선언은 import보다 위에 두고 필요한 props만 클라이언트 컴포넌트로 넘깁니다.

3

'use client'가 없는 경우 vs. 있는 경우

서버 컴포넌트는 DB 접근과 async 데이터 로딩에 유리하고, 클라이언트 컴포넌트는 클릭, 입력, localStorage 접근을 맡깁니다.

4

'use client' 사용 시 고려사항 및 최적화

상위 layout 대신 버튼·폼·토글 같은 잎 노드 가까이에 경계를 둡니다.