본문 바로가기 메뉴 바로가기

doeunn.log

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

doeunn.log

검색하기 폼
  • 분류 전체보기 (256)
    • 빅데이터 인공지능 (51)
      • 데이터분석 (12)
      • OpenCV (0)
      • 머신러닝 (14)
      • 딥러닝 (25)
    • 프론트엔드 (137)
      • HTML (5)
      • CSS (11)
      • Javascript (31)
      • DOM (5)
      • React (49)
      • TypeScript (19)
      • Next.js (17)
    • 백엔드 (45)
      • NodeJS (8)
      • Java (30)
      • JSP (7)
    • 코드 회고 (15)
      • facebook 프로젝트 (8)
      • 영화 목록 조회 프로젝트 (3)
      • NEGO MARKET (4)
    • Git | Github | VSCode (3)
    • 디프만x인프런 (4)
  • 방명록

useInfiniteQuery (1)
[영화 목록 조회 프로젝트] React-Query의 useInfiniteQuery로 무한 스크롤링 기능 구현

🚀 React-Query의 useInfiniteQuery로 무한 스크롤 기능 구현 이번 글에서는 무한 스크롤 기능을 구현해 보려고 합니다. 무한 스크롤은 페이지네이션을 위한 api를 통해 page와 관련된 파라미터를 연속적으로 넘기면서 계속 데이터를 받아오고 이어서 화면에 보여주는 로직으로 작동되게 됩니다. 우선 React-Query 공식 문서에서 useInfiniteQuery 부분을 살펴보면서 정리해봅시다. Infinite Queries | TanStack Query Docs Rendering lists that can additively "load more" data onto an existing set of data or "infinite scroll" is also a very common UI ..

코드 회고/영화 목록 조회 프로젝트 2023. 4. 3. 11:34
이전 1 다음
이전 다음
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • frontend
  • jest
  • 자바
  • 인프런
  • 자바스크립트
  • react
  • 파이썬
  • 머신러닝
  • 프론트엔드
  • next.js
  • 타입스크립트
  • CSS
  • 스타일 컴포넌트 styled-components
  • testing
  • rtl
  • react-query
  • 디프만
  • 프론트엔드 기초
  • HTML
  • 데이터분석
  • 자바스크립트 기초
  • 프로젝트 회고
  • TypeScript
  • JSP
  • 리액트 훅
  • 프론트엔드 공부
  • 딥러닝
  • 리액트
  • styled-components
  • Python
more
«   2026/01   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바