설정 - 페이지네이션 템플릿

페이지네이션 템플릿이란?

  • 마우스, 키보드 동작을 재현할 수 있는 기능입니다.

  • 사용자가 몇 개의 값만 설정하면, 모든 사이트에서 동작합니다.

  • 계속해서 새로운 템플릿이 추가될 예정입니다.

페이지네이션이란?


사용방법

1

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

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

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


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

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

TYPE 3. 페이지 넘버 외에는 다음 페이지나 그룹으로 이동하는 버튼 부재

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


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

페이지 하단의 페이지네이션에서 ‘다음’ 버튼을 클릭하니 1페이지에서 바로 11페이지로, 즉 다음 그룹으로 이동했습니다. 이 페이지는 위의 항목 중 TYPE 2에 해당한다는 것을 파악할 수 있습니다.

2

첫 번째 페이지 추출하기

페이지네이션이 시작되는 1페이지를 추출해주세요.

3

작업 설정으로 이동하기

결과 페이지에서 추출된 데이터를 확인합니다. A사이트의 한 페이지에는 80개의 데이터가 존재하고 있어요. 상단의 Browser Settings를 클릭하여 해당 태스크의 설정창으로 이동해주세요.

4

템플릿 설정하기

A) 액션템플릿 추가 설정의 가장 하단에 ACTION TEMPLATE에서 +ADD 버튼을 클릭합니다. 해당 설정의 표현 및 디자인은 추후 변경될 수 있으나 적용 방식은 동일합니다.

B) 페이지네이션 타입 선택 1번 설명을 참고하여 적용할 템플릿을 선택합니다. A사이트의 케이스는 Pagination Type2였습니다.

C) 변수입력 이미지의 , , 항목을 채워넣습니다.

① 해당 템플릿의 액션을 몇 번 반복할 것인가 5를 입력할경우 다음 페이지로 이동하는 동작을 5회 반복하기때문에 6페이지까지 추출이 됩니다. 만약 10페이지까지 추출하고 싶다면 9를 입력하시면 됩니다.

② 현재 페이지 넘버의 CSS셀렉터 값 이미지에 표시된 부분과 같이 웹사이트 페이지네이션의 ‘현재 페이지’ 번호를 마우스 우클릭하여 선택하고 CSS셀렉터 복사&붙여넣기 ← 이 링크를 참고하여 해당 값을 입력합니다.

③ ‘다음’ 버튼의 CSS셀렉터 값 이미지에 표시된 부분과 같이 웹사이트 페이지네이션의 ‘다음’ 버튼을 마우스 우클릭하여 선택하고 CSS셀렉터 복사&붙여넣기 ← 이 링크를 참고하여 해당 값을 입력합니다.

모든 항목을 다 입력하셨다면 추가(Add)저장(Save) 버튼을 클릭하여 설정을 저장합니다.

다른 페이지네이션 타입도 적용 방식은 동일합니다. 각 상황에 맞추어 페이지네이션 타입을 확인하고, CSS셀렉터 값을 복사, 붙여넣기하시면 됩니다.

5

재추출 클릭 및 데이터 확인하기

설정을 저장했다면 반드시 재추출 버튼을 클릭해 적용한 설정으로 다시 추출을 진행해주세요.

각 페이지에서 80개씩, 총 6페이지의 480개의 데이터가 추출되었습니다.

템플릿을 이용해 여러 페이지에 나뉘어진 정보도 효율적으로 추출해보세요 😊

Last updated

Was this helpful?