[구현 및 최적화 스터디] useInfiniteQuery로 무한스크롤 구현, Masonry 레이아웃
🌱 결과물 🌱 React Query - useInfiniteQuery thecatapi에서 고양이 사진을 무한으로 불러오기 위해 react-query에서 제공하는 useInfiniteQuery 훅을 사용했습니다.//UseFetchInfiniteData.tsimport { useInfiniteQuery } from '@tanstack/react-query';async function fetchInfiniteData({ pageParam = 1 }) { const limit = 10; // 한 번에 불러올 데이터 수 const response = await fetch(`https://api.thecatapi.com/v1/images/search?limit=${limit}&page=${pageP..
FrontEnd/구현
2024. 3. 7. 15:54
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- git
- Next.js
- 디바운싱
- 캡스톤디자인
- 이브와ICT멘토링
- web
- 쓰로틀링
- 핀터레스트
- AI Challeng for Biodiversity
- react
- 패키지 매니저
- 최적화
- 티스토리챌린지
- style-lint
- zustand
- Tanstack Query
- prettier
- Firebase
- 알고리즘
- 무한스크롤
- Network
- Masonry 레이아웃
- github
- Tanstack-Query
- sass
- 네트워크
- React Query
- react-query
- 오블완
- eslint
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함