[React] 페이지네이션 (pagination)

오프셋 페이지네이션 (offset pagination)

지금까지 받아온 페이지의 개수를 기준으로 데이터를 나눔.

1~30 번까지의 데이터중, 20번까지 데이터를 받아왔을때 남은 데이터는 21번 ~ 30번

그러나 하나의 데이터가 1번에 새로 추가되면, 20번~30 번을 새로 받고 데이터가 삭제되면 22번 ~ 30번을 받게 됨.

 

커서기반 페이지네이션

오프셋 페이지네이션의 단점을 보완하기 위해 만들어진 방법으로,

지금까지 받은 데이터를 표시하는 책갈피 데이터 (커서) 를 다음페이지를 받아올 때 전달해서 그 데이터 기준으로 값을 더 받게됨.