Pagination(query string)

chloe·2020년 11월 1일
0

TIL

목록 보기
16/81

Pagination이란 무엇인가?

백엔드에서 가지고 있는 데이터는 많고 그 데이터를 한 화면에 전부 보여줄 수 없는 경우에 사용된다. 모든 데이터를 한번에 보여줄 수 없다면 일정 길이로 끊어서 전달해야 한다.

예를 들면 게시판의 이전/다음 페이지를 끊어 보여주는 기능으로 익숙하다.

pagination은 프론트엔드,백엔드 양쪽에서 모두 구현해야 한다. 프론트엔드에서 현재의 위치(offset)과 추가로 보여줄 콘텐츠의 수(Limit)를 백엔드에 전달한다. 백엔드에서는 그에 해당하는 데이터를 끊어 보내주는 방식으로 구현하게 된다.

이 과정에서 Query String을 사용하게 된다. 쿼리 스트링이란 말 그대로 해당 엔드 포인트에 대해 질의문를 보내는 요청을 뜻한다.

localhost:8000/product?limit=10&offset=5 의 경우 limit이 10이면서 offset이 5일 경우의 product페이지를 보여달라는 요청으로 해석된다.

🙃 이번 프로젝트에서 나는 pagination을 사용해보지는 않았는데 앞으로 사용할 일이 많을 것 같으므로 기본 개념을 아는 것이 무엇보다 중요한 것 같다. 프로젝트에 사용하게 될 때 더 심화 공부를 해보려고 한다! 오늘은 여기까지~!

profile
Front-end Developer 👩🏻‍💻

0개의 댓글