[React] 클라이언트에서 pagination 구현하기 1. (심플버전)

복잡버전 보러가기 심플한 버전과 복잡한 버전 2 가지 페이지네이션 중 심플한 버전을 구현해보자. 1. 클라이언트에서 페이지네이션 구현하는 경우는 언제인가? 백엔드에서 부득이하게 pagination 기능을 제공할 수 없을 때 사용할 수 있다. 백엔드에서 주는 데이터가 방대하지 않아서 클라에서 전체 데이터를 한번에 받음으로써 api호출 양을 줄이고 싶을 때. 써드파티 api를 사용하는데, 하루/한달 단위 api호출 양(unit)이 한정적일 경우, 최대한 api호출 횟수를 줄이기 위해 사용할 수 있다. 예를 들어 youtube api 호출을 하루에 100번만 가능하다. 유저에게 pagination기능을 제공하고 싶은데 이전페이지, 다음페이지 마다 api호출이 가는걸 최대한 막고 싶다. 나는 한 페이지당 5개의..

2022.09.27