AI 요약관련 정보

• React Query는 React 뿐 아니라 다른 프레임워크에서도 사용 가능하며, 서버 상태 관리를 효율적으로 돕는 라이브러리다. 🌐
• 클라이언트 상태는 UI 관련 상태, 서버 상태는 서버에 저장되지만 클라이언트에 필요한 데이터를 의미한다. 📱↔️🖥️
• React Query는 데이터 패칭, 캐싱, 백그라운드 업데이트, 낙관적 업데이트, 로딩/에러 처리 등을 간편하게 제공한다. 🚀
• useQuery 훅은 queryKey와 queryFn을 인자로 받아 데이터를 가져오고 관리한다. 🎣
• queryKey는 쿼리를 식별하는 고유한 값, queryFn은 데이터를 가져오는 비동기 함수다. 🔑
• useQuery 반환 값 중 data, error, isPending, isFetching을 통해 로딩 및 에러 처리를 할 수 있다. 🚦
• isPending은 최초 로딩 중, isFetching은 데이터 패칭 중 상태를 나타내며, 로딩 스피너 표시에 isFetching을 주로 사용한다. 🔄