일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 투포인터
- webpack
- 반공변성
- async/await
- 인터섹션
- Cypress
- 공변성
- 이분 검색
- 리터럴 타입
- map
- CORS
- 타입 좁히기
- useAppDispatch
- app router
- 호이스팅
- RTK Query
- TS
- CI/CD
- dfs
- 결정 알고리즘
- 태그된 유니온
- autosize
- React
- recoil
- Promise
- 무한 스크롤
- Jest
- ESlint
- tailwind
- SSR
Archives
- Today
- Total
목록prefetching (1)
짧은코딩
Prefetching을 해야하는 이유
prefetching페이지네이션을 하고 다음 페이지로 넘어갈 때, prefetching을 하지 않으면 "로딩중..." 이런 메시지가 보이게 된다. 이는 사용자 경험에 좋지 않다. 그렇기에 prefetching을 해야 한다. prefetching은 데이터를 캐시에 추가하며 구성할 수 있지만 기본값은 stale(만료) 상태이다. 그러고 데이터가 필요할 때 stale 상태에서 데이터를 다시 가져오고 이때 캐시에 있는 만료되지 않은 데이터를 이용한다. 그렇기에 추후에 사용자가 사용할 법한 데이터를 prefetching 하면 좀 더 개선된 사용자 경험을 제공할 수 있다. 페이지네이션에서는 다음 페이지의 데이터를 prefetchig 하면 된다.사용 방법페이지네이션을 예시로 들면 다음 페이지로 넘어가는 버튼을 눌렀을..
인프런, 유데미/React-Query
2023. 3. 29. 23:21