server boundary

서버에서 끝낼 일과 브라우저로 넘길 일을 분리한다

DB 접근, secret, 정적 markup은 서버에 두고 상태와 이벤트가 필요한 작은 섬만 클라이언트로 보낸다.

Server only DB, secret 클라이언트 노출 금지
Plain props JSON 가능 값 class/Date 주의
Client island button/form 상호작용 담당
Hydration 상태 연결 차이 검사
위험
원인
해결
secret leak
클라 번들 포함
서버 경계 유지
bundle bloat
큰 컴포넌트 use client
작은 섬으로 분리
hydration mismatch
서버/클라 값 차이
초기값 고정
핵심 브라우저로 넘기는 것은 화면의 상호작용이지 서버가 가진 비밀과 데이터 접근 권한이 아니다.