pagination(paging)🙌

Pagination(Paging)이란?
백엔드에서 가지고 있는 데이터를 한 화면에 전부 보여줄 수 없는 경우에 사용하는 것으로 일정 길이로 끊어서 전달한다.
ex) 흔히 인스타에 피드를 내리다보면 보이는 로딩이 이러한 경우이다.

백엔드와 미리 정해야하는 Limit과 Offset🐒

출처: 위코드 수업


limit = 한 페이지에 보여줄 데이터
offset = 데이터가 시작하는 위치

프론트엔드에서 offset은 변하는 값이고 limit은 상수로 정해서,
ex) const limit = 10을 정해주고 offset은 클릭할때마다 새로운 offset으로 업데이트 시켜주면 된다!

Pagination은 프론트엔드, 백엔드 양쪽에서 모두 알아야 한다.
왜냐하면 위와 같이 데이터를 얼마나 자를지 얼마나 보여줄지를 서로 상의해야하기 때문이다.

위코드 1차 프로젝트 기능구현 중 가장 인상 깊었던 기능은 역시 페이지네이션이였던 것 같다. 쿼리 스트링을 이용하고 limit과 offset에 대한 개념이 없었을 첫 프로젝트에 당연히도 이를 미리 정하지 않아서 처음엔 당황했지만.. 역시 방법은 있었기에 페이지 네이션으로 원하는 데이터를 잘라서 받을 수 있었다!💪