개발자 J

  • 홈
  • 태그
  • 방명록

infinite scroll 1

[React] 무한 스크롤 구현 및 최적화 (Scroll Event)

무한 스크롤(Infinite Scroll)이란? 사용자가 특정 페이지 하단에 도달했을 때, 추가적인 데이터를 불러오는 API를 호출하여 콘텐츠가 끊기지 않고 계속 로드되는 방식을 말합니다. 한 번의 API 요청으로 모든 데이터를 불러오는 경우, 데이터 로딩 시간이 길어질 수 있습니다. 이러한 시간을 단축하고 사용자에게 더욱 많은 양의 데이터를 제공하기 위해 무한 스크롤 방식으로 데이터를 제공하고자 합니다. 사용자에게 데이터 리스트를 제공하는 방식은 크게 두 가지로 나누어집니다. X 페이지 네이션 (Pagination) 무한 스크롤 (Infinite Scroll) 장점 페이지 번호를 통해 원하는 정보가 있는 페이지로 이동 가능 → 원하는 정보 찾기 쉬움 콘텐츠가 끊기지 않고 계속 로드되는 방식 → 많은 양..

FE Study/React 2023.11.16
이전
1
다음
더보기
  • 분류 전체보기 (6)
    • FE Study (5)
      • React (2)
      • Next.js (2)
      • Storybook (0)
    • AWS (1)
    • Coding Test (0)

Tag

AWS Lambda, 무한 스크롤, Image Resizing, Next.js, optimizePackageImports, fe, Core Web Vitals, Mocking, FID, Tree shake, WebP, infinite scroll, LCP, React, Barrel 파일, MSW, AWS, 이미지 최적화, aws s3, Web Vitals,

최근댓글

방문자수Total

  • Today :
  • Yesterday :

Calendar

«   2025/09   »
일 월 화 수 목 금 토
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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바