fresh - 기본적으로 서버에서 데이터를 불러왔을때 갓 가져온 데이터
react-query는 기본적으로 모든 값이 fresh가 아니다 라고 정의한다.
언제까지 fresh인지 개발자가 설정해야함
stale - 기회가 되면 항상 데이터를 새로 가져와라.
RQProvider에 있는 refetch~~ 를 통해서 다시 받아온다.
refetchOnWindowFocus - 다른 탭 갔다가 다시 돌아왔을때 t/f
refetchOmMount - 페이지를 이동했다던가 컴포넌트가 다시 리액트에 올라갈때 t/f
refetchOnReconnect - 인터넷 연결이 끊겼다가 다시 시작될 때 t/f
retry - 실패시에 몇번정도 더 시도할지
useQuery에서 따로 부여도 가능함
staleTime 옵션으로 fresh의 기한을 개발자가 지정 밀리세컨드 기준, Infinity 가능
cacheTime - gcTime 가비지 컬렉터 타임 - 기본 5분
Inactive - 사용하지 않는 데이터는 Inactive로 이동한다. 사용중인지 아닌지 판별함
gcTime? 안쓰는 데이터들을 자동으로 처리해줌
Inactive 상태일때 gcTime시작 gcTime은 무조건 staleTime보다 무조건 커야한다.
데이터를 재사용해서 자원을 아낀다 백엔드에 요청하는것도 모두 비용임
fetching - 데이터를 가져올때
paused - 잠깐 데이터를 가져오다가 멈추는 기능
반응형
'FrontEnd > React' 카테고리의 다른 글
[React] 웹 에서 Toast를 띄워보기 (react-toastify) (0) | 2024.02.14 |
---|---|
[React] useState에 ReactComponent가 들어있을때 어떤 Type을 부여하면 될까? (0) | 2023.12.07 |
[React] React 앱에서 firebase DB 조회 하기 CRUD (0) | 2023.10.24 |
SRT 자동 예매 프로그램 만들기 - 기술선점 ( React + Flask ) (1) | 2023.10.10 |