Tanstack Query
1.[Tanstack Query] Query Status와 Fetch Status
리액트 쿼리에서 중요한 두 가지 상태 값인 query status와 fetch status에 대해 알아보자. 이 두 상태 값은 각각 데이터의 유무와 쿼리 함수의 실행 상태를 나타낸다.query status는 실제로 데이터를 받아왔는지 여부를 나타내는 상태 값이다. 이는
2.[Tanstack Query] 리액트 쿼리의 캐싱
우리는 데이터를 유저에게 보여줄 때 매번 백엔드에서 받아오는 대신, 캐시를 사용해 더 빠르고 효율적으로 데이터를 보여준다.캐시는 자주 사용하는 데이터를 임시로 저장해 두는 장소다. 저장 공간은 작지만, 데이터를 빠르게 가져올 수 있다. 웹 브라우저는 사이트 데이터를 캐
3.[Tanstack Query] useMutation과 invalidateQuries 그리고 refetchQuries
데이터 CRUD에서 useQuery 는 C를, useMutation은 RUD를 맡는다. 이 글에서는 간단한 useMutation의 사용법과 데이터를 갱신하는 메서드 invalidateQueries와 refetchQueries에 대해 알아본다.invalidateQueri
4.[Tanstack Query] 유용한 쿼리 - Dependent Query, Paginated Query, Infinite Query
특정 값을 먼저 받아오거나 어떤 조건이 되었을 때 쿼리 함수를 실행하려면 enabled 옵션을 사용한다.!!를 통해 boolean데이터로 바꿔준다.쿼리 키에 페이지 정보를 포함해서 페이지네이션을 구현할 수 있다. placeholderData 옵션을 활용하면, 새로운 페
5.[Tanstack Query] Optimistic Updates 낙관적 업데이트
Optimistic updates는 서버가 제대로 동작할 것을 낙관적으로 기대하며, 서버로부터의 응답을 기다리지 않고 사용자에게 바로 피드백을 주는 방식을 말한다. useMutation의 onMutate, onError, onSettled 옵션을 활용해 Optimist