← 질문 목록
#111깊이 0
클라이언트 경계는 어디에 두는가?
데이터 접근과 무거운 의존성은 서버에 둔다. 상호작용과 브라우저 API가 필요한 최소 영역만 클라이언트로 둔다.
| 기준 | 서버 | 클라이언트 |
|---|---|---|
| 적합한 일 | 데이터 조회 | 상태와 이벤트 |
| 번들 영향 | 코드 미전송 | 코드 전송 |
서버 컴포넌트 코드는 브라우저 번들에 포함되지 않아 자바스크립트를 줄인다. 서버 자원에 직접 접근할 수 있지만 요청 지연은 남는다.
서버에서 클라이언트로 넘기는 props는 직렬화할 수 있어야 한다. 클라이언트 컴포넌트가 서버 자식을 받는 조합으로 상호작용 범위를 좁힌다.