Tanstack Query
Tanstack Query는 서버 상태 관리의 복잡성을 극복하기 위해 사용하는 라이브러리입니다. 여기서 서버 상태란 서버에서 제공하는 데이터로, 클라이언트에서 직접 수정할 수 없고 네트워크 요청과 같은 비동기 작업을 통해 가져오거나 갱신해야 하는 데이터를 의미합니다.
Tanstack Query를 사용하는 이유
효율적인 캐싱 처리 기능
동일한 데이터를 반복적으로 요청하지 않아 네트워크 비용을 절감하고, 캐싱된 데이터를 즉시 제공해 더 나은 사용자 경험을 제공할 수 있습니다.
비동기 관리의 복잡성 감소
Tanstack Query는 데이터의 가져오기(fetch), 갱신(refetch), 무효화(invalidate) 등의 작업을 선언적으로 처리할 수 있어 코드가 간결해지고 유지보수가 용이해집니다.
에러 및 로딩 상태 관리 단순화
useQuery()와 useMutation() 훅을 사용하면 서버 데이터와 관련된 로딩, 성공, 실패 상태를 명확하고 직관적으로 처리할 수 있어 로직이 깔끔해집니다.
이처럼 Tanstack Query는 서버 상태 관리에서 발생하는 복잡한 문제를 해결하고 개발자가 비즈니스 로직에 더 집중할 수 있도록 도와줍니다.
Tanstack Query의 단점
캐싱 전략 관리의 복잡성
Tanstack Query는 강력한 캐싱 기능을 제공하지만, staleTime, gcTime 같은 옵션을 잘못 설정하면, 데이터 갱신 타이밍이 적절하지 않아 최신 데이터가 사용자에게 노출되지 않거나 불필요한 요청이 발생할 수 있습니다.
초기 학습 곡선
Query Key 설계, 데이터 무효화 등 다양한 개념을 이해하고 활용해야 하므로 초기에 학습해야 하는 지식의 양이 많습니다.
클라이언트 상태와 서버 상태 간 의존 관계가 복잡한 경우
클라이언트 상태와 서버 상태 간 의존 관계가 복잡한 경우, Tanstack Query만으로는 해결하기 어려울 수 있습니다. 이 때는 Redux, Zustand 등 별도의 상태 관리 라이브러리가 필요할 수 있습니다.
