서버 데이터 로직은 page/lib에 두고 브라우저에는 결과와 작은 상호작용만 보낸다
서버 컴포넌트 데이터 페칭을 프로젝트에 넣을 때는 파일 위치와 런타임 경계를 함께 정해야 한다.
src/
app/
users/
page.tsx 서버 fetch 후 목록 렌더
[id]/
page.tsx params로 상세 fetch
lib/
api.ts 재사용 fetch/cache 함수
app/
users/
page.tsx 서버 fetch 후 목록 렌더
[id]/
page.tsx params로 상세 fetch
lib/
api.ts 재사용 fetch/cache 함수
서버DB/API 접근, 캐시 정책, 오류 판단비밀 값과 내부 주소 보호
HTML데이터가 채워진 초기 화면검색엔진과 사용자 모두 즉시 읽음
클라이언트버튼, 필터, 입력 같은 상호작용필요한 작은 컴포넌트만 use client