본문 바로가기

DEVLOG

검색하기
DEVLOG

  • 분류 전체보기 (114)
    • frontend (73)
      • log (9)
      • next.js (7)
      • react (25)
      • javascript (29)
      • css (2)
    • others (8)
      • server (3)
      • node (2)
    • dev log (33)
      • html canvas (2)
      • algorithm (31)
Guestbook
Today
Total
Notice
Recent Posts
Recent Comments
Link
관리 메뉴
  • 글쓰기
  • 관리

목록useQuery인피니티스크롤 (1)

DEVLOG

Next.js 프로젝트 :: infinite scroll 구현하기

📖 목차 api형태 확인하기 클라이언트 개발을 하기전 api형태를 확인해야한다. api까지 직접 만들면 좋지만,, 일단 프론트엔드 개발에 집중하려고 오픈API를 사용하기 때문에 api가 어떻게 들어오는지 확인해보자! pagination으로 개발을 하든 infinite scroll로 개발을 하든 들어오는 api에서 return값으로 받아야 하는 값이 있다. 현재 페이지와 전체 페이지의 개수 다음 페이지가 존재하는지에 대한 여부 두가지 중 한가지가 값으로 들어와야한다. 전체 데이터를 전부 불러와서 클라이언트에서 쪼개는게 아니라 필요한 만큼만 데이터를 호출해야하기 때문! 내가 사용하는 TMDB api에서는 현재 페이지와 전체 페이지수를 알 수 있었다. 🎈 useInfiniteQuery useInfiniteQu..

frontend/next.js 2023. 7. 12. 09:59
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바