페이지네이션(Pagination)이란 데이터가 많아서 클라이언트의 사용자에게 보여줄 수 없을때 사용하는 기능으로 데이터의 일부를 일정부분씩 나누어서 클라이언트에게 제공하는 방법을 말합니다.
대부분의 서비스에서 사용자에게 데이터를 전달하기 위해 Pagination 방식을 사용합니다.사용자가 데이터에 접근하는 다른 방식으로 무한 스크롤 방식도 존재합니다.
무한스크롤(Infinite scroll)은 사용자가 페이지 하단에 도달했을때 콘텐츠가 계속 로드되도록 하는 방법입니다.
다음과 같이 페이지 네이션을 활용하면 데이터의 양이 많아도 클라이언트에게 데이터를 제공할 수 있습니다.
페이지네이션 예시 - 네이버쇼핑
한 페이지에 나타낼 데이터 수 : 사용자에게 제공할 데이터의 충분할 양을 고려하여 선택합니다. 사용자가 원하는 데이터의 수를 선택하게 구현할 수 도 있습니다.
총 데이터 수 : 해당 조건에 해당되는 모든 데이터 입니다.
총 페이지 수 : 총 데이터 수 / 한 페이지에 나타낼 데이터수를 이용하여 총 페이지수를 구합니다.
현재 페이지 : 사용자가 머무르고 있는 현재 페이지입니다.
사용자가 페이지 하단에 도달했을때 콘텐츠가 로드되는 방식을 말합니다.
직접 사용해 볼 수 있는 예시로는 오늘의집이 있습니다.
무한스크롤 예시 - 오늘의 집
사용자 경험 측면에서 클릭보다 더 나은 경험을 제공할 수 있습니다.
콘텐츠 탐색이 쉽습니다.
무한스크롤중 특정 항목으로 되돌아오기가 어렵습니다.