클라이언트 컴포넌트에서 데이터 페칭

1

데이터 페칭의 기준

클라이언트 컴포넌트는 브라우저(클라이언트)에서 렌더링되고 실행되는 React 컴포넌트입니다.

2

데이터 페칭하는 방법

클라이언트 컴포넌트에서 데이터를 페칭하는 방법은 일반적인 React 애플리케이션에서 데이터를 가져오는 방식과 동일합니다.

3

데이터 페칭 라이브러리 활용

Next.js는 클라이언트 컴포넌트에서 데이터 페칭을 더 효율적으로 관리할 수 있도록 SWR, React Query(TanStack Query)와 같은 라이브러리 사용을 권장합니다.

4

서버 컴포넌트와의 데이터 페칭 시너지

App Router에서는 서버 컴포넌트가 초기 데이터를 가져오고, 클라이언트 컴포넌트가 사용자 상호작용 이후의 재검증과 캐시 갱신을 맡도록 나눌 수 있습니다.