tanstack-query2 [React Query] 데이터는 언제 fetch 될까? - (2) Refetch (1) Fresh와 Stale 상태 보러가기 이번에는 useQuery를 통해서 저장 된 데이터를 변경하는 메서드에 대해서 알아볼 예정이다. 대표적으로 다음과 같이 3개의 메서드가 존재한다.setQueryDatainvalidateQueriesrefetchQueries 🎈 자동 Refetch 되는 시점 알아보기쿼리의 상태가 stale 상태가 되더라도 즉시 refetch 되지 않는다. refetch 되는 시점을 알아야 문제가 발생했을 때 무엇이 문제인지 파악하기 쉬워진다. 자동적으로 refetch가 되는 조건은 다음과 같다.쿼리를 사용하는 컴포넌트가 마운트될 때윈도우가 포커스 될 때네트워크가 재연결 될 때refetchInterval 설정을 통해 요청할 때 stale 상태인 쿼리가 위의 조건을 만족할 때 .. 2025. 5. 11. [React Query] 데이터는 언제 fetch 될까? - (1) Fresh와 Stale 상태 (2) Refetch보러가기 🛫 Fresh와 StaleTanstack Query에서는 캐시한 데이터를 Fresh, Stale 상태로 관리를 한다. ✅ Fresh쿼리가 fetch가 되면 Fresh 상태가 되며 해당 상태인 동안에는 쿼리가 신선한것으로 간주하여 해당 데이터를 요청하면 캐시된 데이터를 사용하하고 다시 fetch하지 않는다. ReactQueryDevtools를 통해 확인해보면 아래와 같이 데이터가 초록색인게 Fresh 상태이다. ✅ StaleFresh 상태인 쿼리가 staleTime으로 설정된 시간이 지나면 stale 상태가 된다. 해당 상태는 신선하지 않은 것으로 간주하게 되며, 이 상태인 쿼리를 요청하면 fetch를 통해서 데이터를 가져오도록하게 된다. ReactQueryDev.. 2025. 5. 10. 이전 1 다음
