- TanStack Query (이전 React Query) 설치 및 설정: npm install tanstack/react-query ✨
- React Query Client Provider를 이용한 컴포넌트 감싸기: 전역적으로 Query Client 사용 가능하게 함 🌎
useQuery
훅 사용: API 요청 및 데이터 페칭 🎣- 자동 캐싱 기능: API 데이터 중복 요청 방지 및 성능 향상 🚀
- 로딩 및 에러 상태 자동 처리: UI에 로딩/에러 메시지 표시 및 사용자 경험 개선 🔄
- 백그라운드 새로고침 기능: 데이터 자동 갱신 및 최신 상태 유지 🔄
- 사용자 정의 로직 대비 장점: 시간 절약 및 전문적인 라이브러리 활용 🏆