개발자 JIN
close
프로필 배경
프로필 로고

개발자 JIN

  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
  • 홈
  • 태그
  • 방명록
useInfiniteQuery를 활용한 무한 스크롤 구현하기

useInfiniteQuery를 활용한 무한 스크롤 구현하기

🤔 useInfiniteQuery를 사용한 이유 무한 스크롤을 적용시키는 방법은 여러가지가 있다. 하지만 구조는 비슷할 것이다. Intersection-observer를 이용해 특정 영역을 감시하고, 감시된 영역이 보이면 데이터 요청을 보내는 방식이 대부분일 것이다. 이를 구현하는 방식의 차이가 있다고 생각한다. useState를 사용해서 observer가 발동되면 page를 1씩 늘려주는 방법, 또는 useInfiniteQuery를 사용해 자동으로 page를 늘려주는 방식이 있다. 하지만 내가 useInfiniteQuery를 사용한 이유는 우선 useState는 간단한 데이터 구조와 UI 상태 변경을 위해 사용되고, 이경우 페이지 번호를 state로 관리하고 무한 스크롤 로직에서 페이지 번호를 직접 증..

  • format_list_bulleted React
  • · 2024. 2. 25.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
최근 글
인기 글
최근 댓글
태그
  • #작품
  • #프로그래머스
  • #코딩테스트
  • #자바스크립트
  • #CSS
  • #프론트엔드
  • #코딩온
  • #졸업작품
  • #팀 프로젝트
  • #REACT
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바