Client Fetch

클라이언트 페칭은 상호작용 이후의 상태를 다룬다

서버 컴포넌트가 초기 화면을 맡고, 클라이언트 컴포넌트가 로딩, 에러, 성공 상태를 갱신한다.

상태 흐름

UX 갱신

useEffect + useState

직접 로딩과 에러 상태를 만들고 mount 이후 데이터를 요청한다.

SWR/React Query

캐싱, 재검증, 실패 재시도를 표준화해 반복 코드를 줄인다.

역할 분담

SEO와 초기 데이터는 서버, 사용자 조작 후 갱신은 클라이언트에 둔다.

mountloadingfetchrender
상태 흐름

클라이언트 페칭은 모든 데이터를 브라우저로 미루는 전략이 아니라, 사용자 행동 뒤에 바뀌는 부분을 맡기는 선택지다.