react-query 2

React-Query(2)

쿼리(Query)쿼리의 특징쿼리는 고유 키에 연결된 비동기 데이터에 대한 선언적 종속성을 가진다.쿼리는 모든 Promise 기반 메서드와 함께 사용하여 서버에서 데이터를 fetch 할 수 있으며 메서드가 서버의 데이터를 수정하는 경우 (Post , Put , Delete 등) Mutations 를 사용하는 것이 좋습니다.쿼리 사용컴포넌트나 커스텀 훅에서 쿼리를 구독(쿼리의 데이터 변경이 발생하면 구독한 컴포넌트나 커스텀 훅이 업데이트) 하려면 컴포넌트와 커스텀 훅에서 useQuery hook을 호출하여야 합니다.useQuery의 필수 매개변수로는 쿼리의 고유키와 Promise 를 반환하는 함수를 매개변수로 사용해야 합니다.고유한 키는 쿼리를 refetching , caching , sharing 하는데 ..

react-query 2025.05.14

React-Query (1)

프로젝트를 진행하며 react query를 적용하며 공부하고 싶었으나 프로젝트에서 사용하지 못하여 따로 공식 문서를 보며 공식문서의 Overview -> installation -> Quick start -> 쿼리-> 뮤테이션 -> Invalidation -> 캐싱-> 백그라운드 업데이트 -> 페이지네이션 및 무한쿼리 -> preFetching 순으로 공부하고자 합니다. Overview 서버 상태의 특징으로는 다음과 같습니다.서버는 보통 원격으로 유지된다.fetch 및 update를 위해서 비동기 API가 필요하다.서버는 공동 소유권(여러 사용자에 의해 동시에 변경이 될 수 있으며)을 의미하며 다른 사람이 변경 가능하다.서버에서 받아와 클라이언트에서 사용한 데이터가 서버 기준으로 오래된 내용일 수도 있..

react-query 2025.05.13