<aside> ❓ 템플릿이란?

TEMPLATE(Pagination) 설정

pagination.gif

<aside> 💡 ‘페이지네이션’이란 다음 페이지의 데이터를 불러오는 가장 대표적인 방법입니다. 숫자(혹은 문자)로 표시된 페이지 버튼들로 구성되어있으며, 다음 페이지로 이동하기 위해 숫자 혹은 특정 버튼을 클릭하는 방식입니다.

각 페이지마다 독립된 URL로 바로 접근할 수 있다면 그룹추출기능을 활용하시면 됩니다.

하지만 1. 페이지를 이동해도 URL이 변하지 않는 경우 2. 특정 페이지의 URL로 접근해도 첫 번째 페이지로 자동 이동하는 경우 위와같은 환경에서는 페이지네이션 템플릿으로 문제를 해결해보세요 🙂

</aside>

1. 페이지네이션 타입 확인하기

아래의 타입 분류를 참고하여 추출하고자 하는 웹페이지의 페이지네이션 성격을 확인해주세요.

화살표(▶️)나 ‘다음’ ‘Next’ 등으로 표현되는 ‘다음페이지로 이동’ 버튼의 존재 유무와 해당 버튼 클릭 시 페이지가 어떻게 이동하는지를 확인해보시면 됩니다. (디자인이 아닌 기능으로 확인하세요!)


type_1.png

클릭시 바로 다음 페이지로 이동(1→2)하는 버튼이 있음

type_2.png

클릭시 바로 다음 페이지로 이동하는 버튼이 없고, 다음 그룹으로(1→N) 이동 버튼만 존재

type_3.png

페이지 넘버 외에는 다음 페이지나 그룹으로 이동하는 버튼이 없음

type_4.png

페이지 넘버 없이 이전/다음 페이지로 이동하는 버튼만 존재


A 쇼핑 사이트를 예제로 단계를 확인해보겠습니다.

페이지이동.jpg