Shell 기준
서버 컴포넌트가 페이지 구조와 데이터를 준비합니다.
Next checkpoint
서버와 클라이언트 조합 패턴
좋은 App Router 화면은 서버에서 큰 구조와 데이터를 만들고, 클라이언트에서는 필요한 상호작용만 담당하게 나눕니다.
Island 기준
작은 클라이언트 영역이 상태와 이벤트를 처리합니다.
Props 기준
서버에서 클라이언트로 넘길 값은 직렬화 가능해야 합니다.
Children 기준
클라이언트 래퍼 안에 서버 결과를 끼워 넣을 수 있습니다.
경계는 파일 단위로 번지므로 어디에 use client를 두는지가 번들 크기와 설계 품질을 좌우합니다.
화면을 서버 기본으로 작성 -> 상호작용 영역 식별 -> 클라이언트 섬 분리 -> props 점검 -> 동작 확인