코공기(코딩 공부 기록) 코공기(코딩 공부 기록)

React로 개발을 진행할 때 사용하게 되는 것 중에 QueryClient가 있다.QueryClient는 서버 상태를 관리할 때 사용하며 비동기 작업 및 캐시를 효율적으로 활용할 수 있는 기능을 제공한다. 오늘은 QueryClient에 대해 자세히 알아보겠다.1. QueryClient란?서론에서 말했듯 QueryClient는 React Query에서 서버 상태를 관리하는 핵심 클래스로,서버와의 데이터를 요청하고 캐싱하며 데이터를 전역적으로 공유하는 역할을 한다. 또한 stale-while-revalidate같은 패턴을 기본으로 지원하여 성능과 사용자 경험을 동시에 향상시킬 수 있다. (1) stale-while-revalidate란?여기서 stale-while-revalidate란 서버 데이터 캐싱 및 ..

우리가 React 애플리케이션을 개발할 때 서버와의 데이터 상호작용은 필수적이며, 이 때 데이터 조회뿐만 아니라 생성, 수정, 삭제 작업도 진행하게 된다.이러한 작업을 쉽게 할 수 있도록 하는 게 TanStack Query의 useMutation hook이다. useMutation에 대해 깊이있게 알아봄으로써 제대로 활용할 수 있도록 해보자! 1. TanStack Query란?useMutation을 알아보기 전에 useMutation을 제공하는 TanStack Query에 대해 간단히 알아보자.TanStack Query는 원래 React 전용 데이터 페칭 및 상태 관리 라이브러리이기 때문에 React Query라는 명칭이었지만React뿐만 아니라 Vue, Svelte, Solid 등과 같은 다양한 프레임..