일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- RTK Query
- 태그된 유니온
- Cypress
- app router
- CORS
- 결정 알고리즘
- ESlint
- tailwind
- SSR
- Jest
- autosize
- 투포인터
- React
- CI/CD
- 공변성
- async/await
- 호이스팅
- Promise
- TS
- dfs
- useAppDispatch
- 리터럴 타입
- 무한 스크롤
- 이분 검색
- map
- recoil
- webpack
- 타입 좁히기
- 인터섹션
- 반공변성
Archives
- Today
- Total
목록stale Data (1)
짧은코딩
리액트 쿼리, staleTime
리액트 쿼리란 클라이언트에서 서버 데이터가 필요할 때, fetch나 axios를 사용하지 않고 리액트 쿼리 캐시를 요청할 수 있다. 즉, 리액트 쿼리는 해당 캐시의 데이터를 유지 관리하는 것이다. 데이터 관리는 리액트 쿼리가 하지만 새 데이터로 캐시를 업데이트하는 시기를 개발자가 설정할 수 있다. 클라이언트 캐시에 있는 데이터가 서버 데이터와 일치하는지 확인하는 방법은 2가지가 있다. 1. 명령형: 쿼리 클라이언트에 기존에 있던 데이터를 무시하고 새 데이터를 서버에서 가져와 교체하는 것 2. 선언형: 예를 들어 브라우저 창을 다시 포커스 하면 refetch하는 트리거 조건을 구성한다. 혹은 시간을 설정하여 그 시간이 지나면 다시 데이터를 불러올 수 있게 할 수 있다. 리액트 쿼리는 서버에 대한 모든 쿼리..
인프런, 유데미/React-Query
2023. 3. 28. 21:59