[TIL] Pagination (Query string)

Paginatino

벡엔드에서 가지고 있는 데이터가 너무 많아서 한 화면에 전부 보여줄 수 없을 때 사용되는 기능이다.
정해진 엔드포인트에 계속 question을 해주면서 띄워준다.

ex) 게시판의 "이전/다음 페이지"를 끊어 보여주는 기능

LIMIT or Page Size:

한 페이지에 보여줄 데이터 수

사진속 괄호 한 첫번째 부분이 API url; "https://api.com",
endpoint가: "restaurants"
parameter가: "?" (메소드는 get일거고)
limit가 6개, offset=0, 여기서 프론트 입장에서 계속 변하는것은 "offset=0".

Offset:

데이터가 시작하는 위치(index)

Back-end한테 중요한 포인트:

프론트엔드가 컨텐츠의 수(Limit) 를 벡엔드에 전달하고 그에 해당하는 데이터를 끊어 보내주는 방식을 사용할때 쿼리스트링(Query String) 을 사용하게 된다.

쿼리스트링(Query String)이란 말 그대로 해당 엔드포인트에 대해 질의문을 보내는 요청을 뜻한다.
localhost:8000/product?limit=10&offset=5 라는 주소가 있다고 가정하면 이 경우 "limit이 10이면서 offset이 5일 경우의 product 페이지를 보여달라"는 요청으로 해석된다.