AI 요약관련 정보

• TanStack Query는 이전 React Query의 확장 버전으로, React 외 다양한 프레임워크에서 서버 상태를 효율적으로 관리하는 라이브러리입니다. 🔄
• 클라이언트 상태(UI 관련)와 달리, 서버 상태는 서버에 저장되며 클라이언트 요청에 따라 추가, 수정, 삭제되는 데이터를 의미합니다. ☁️
• 주요 기능으로는 간편한 데이터 패칭, 자동 캐싱, 백그라운드 데이터 동기화 및 업데이트, 낙관적 업데이트, 그리고 성공/에러/로딩 상태의 쉬운 처리가 있습니다. 🚀
• 설치를 위해 @tanstack/react-query를 사용하며, QueryClientProvider로 앱을 감싸 QueryClient 인스턴스를 전달하여 React Query 기능을 전역적으로 활성화합니다. 🌐
• useQuery 훅은 데이터를 가져오는 핵심 도구로, 쿼리의 고유 식별자인 queryKey와 데이터를 패칭하는 비동기 함수인 queryFn을 필수로 전달합니다. 🔑
• useQuery는 data (가져온 데이터), error (에러 객체), isPending (최초 로딩 여부), isFetching (데이터 요청 활성화 여부) 등 다양한 상태 값을 반환합니다. 📦
• isPending은 데이터가 아직 없어 최초 로딩 중일 때만 true인 반면, isFetching은 최초 로딩이든 백그라운드 갱신이든 데이터 요청이 진행 중이면 항상 true이므로, 대부분의 로딩 스피너 구현에는 isFetching 사용이 권장됩니다. 💡