React Query 설치 및 기본 설정

1. React Query 설치 및 기본 설정

설치

npm install @tanstack/react-query axios

• @tanstack/react-query: React Query 라이브러리

• axios: HTTP 요청을 위한 라이브러리 (fetch도 사용 가능)

기본 설정

// index.tsx 또는 App.tsx
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import App from './App';

// QueryClient 생성 (옵션으로 캐싱과 리페칭 설정 가능)
const queryClient = new QueryClient();

const Root = () => (
  <QueryClientProvider client={queryClient}>
    <App />
  </QueryClientProvider>
);

export default Root;