Web/React-query (1) 썸네일형 리스트형 React-query 시작하기 📌React-query란? 리액트쿼리는 리액트 앱의 서버 상태를 관리하는 라이브러로, 클라이언트에서 서버 데이터 캐시를 관리한다. 리액트 코드에 서버 데이터가 필요할 때, fetch나 axios를 사용해 서버로 바로 이동하지 않고 react-query 캐시를 요청한다. 또한 리액트쿼리 클라이언트를 어떻게 구성했느냐에 따라서 해당 캐시의 데이터를 유지 관리한다. 🛠프로젝트에 리액트쿼리 셋팅하기 리액트쿼리 라이브러리 추가 queryClient 셋팅 - 쿼리와서버의데이터캐시를관리하는클라이언트 const queryClient = new QueryClient(); //클라이언트가 가지고 있는 캐시와 모든 기본 옵션을 provider의 자식 컴포넌트도 사용할 수 있게된다. 최상위컴포넌트(App.jsx 또는 inde.. 이전 1 다음