리액트 페이지네이션

웅평·2023년 8월 1일
0

페이지네이션이란?

책의 페이지처럼 데이터를 나눠서 제공하는 것

페이지네이션은 크게 2가지가 있다

오프셋 기반 페이지네이션

  • 지금까지 받아온 데이터 갯수

    https://ex.com/post?offset=20&limit=10 이라는 URL이 있다면
    서버에게 20개까지 받았으니까 다음 데이터 10개 더 보내줘 하고 요청한 것이다

  • 오프셋 기반에서는 개수를 기준으로 데이터를 나눈다

문제점

  • 새로운 글이나 글이 삭제되었다면 중복해서 가져오거나 중간 데이터가 빠지는 문제가 있다
  • 이 문제를 보안한 것이 커서 기반 페이지네이션이다

커서 기반 페이지네이션

  • 커서는 데이터를 가리키는 값을 뜻하는데 커서 기반 페이지네이션은 지금까지 받은 데이터를 표시한 책갈피라고 보면 된다.

https://ex.com/post?offset=20&limit=10 이렇게 리퀘스트를 보내면
서버는 리스폰스로 데이터랑, 페이지네이션 정보를 보내주는데 여기에 다음 커서값도 같이 넘겨준다
다음 페이지를 불러 올 땐 아까 받은 커서값으로 리퀘스트를 커서 기분으로 서버에 데이터를 요청

참고
코드잇

0개의 댓글