리액트 쿼리 refetch vs invalidate

안녕하세요 react-query에서 데이터를 새로 가져올 때 refetch와 invalidation은 다르게 동작합니다. refetch는 항상 데이터를 가져옵니다. 반면 invalidation은 쿼리를 stale하게 만듭니다. 쿼리가 stale 상태로 변경된다고 바로 데이터를 다시 가져오지 않습니다. 대략 다음과 같은 조건이 있습니다. 1. query instance가 마운트 될 때 (observer 생성) 2. 네트워크 재연결 3. 윈도우 다시 포커싱 4. refetch Interval로 인한 refetch 또한 위의 refetch 조건은 option을 통해 비활성화 될 수 있습니다. 따라서 항상 데이터를 가져와야 하는 경우가 아니라면 쓰임에 따라 invalidation을 사용하는게 미세하게나마 성능에 좋을 수 있습니다. 작성자님이 말씀해주신 페이지네이션 상황에서 얘기해보면 - 페이징 된 리스트 값에서 특정 페이지만 불러오고싶을 때는 둘 다 사용해도 괜찮을 것 같습니다. (해당 페이지 데이터의 상태 '변경') - 페이징 된 리스트 값이 '삭제'되어 모든 페이지의 구조가 변경되야 할 때는 refetch보다는 invalidation을 하는게 나을 것 같습니다. refetch는 모든 페이지의 데이터를 불러오지만 (키를 기준으로 inactive 한 데이터 까지 불러옴) invalidation은 우선 query를 stale하게만 만들기 때문에 active한 페이지의 데이터를 가져옵니다.