로그인(beta) 기능 설정 방법

로그인 기능, 누가 사용할 수 있나요?

  • 공개 사이트가 아닌 비공개 사이트 (ID/PW를 요구하는) 를 추출하고 싶은 분
  • 유료 사용자에게 제공되는 기능입니다.

로그인이 필요한 비공개 페이지를 추출하고 싶다면, 이 기능을 활용해보세요.

  1. 데이터보드에서 설정하기

데이터보드에서 로그인 설정을 할 태스크의 톱니바퀴 모양 아이콘을 클릭해 설정창으로 들어갑니다.

자동 로그인을 위한 정보 입력란은 설정창 중간에 위치해 있습니다.

2. 자동 로그인을 위한 정보 입력하기

드롭다운 메뉴를 클릭하고 + Add a login account(+로그인 계정 추가) 옵션을 클릭합니다.

팝업창에 입력할 정보들은 다음과 같습니다.

① 로그인 화면의 URL 주소

② 해당 사이트 ID

③ ID를 입력하는 칸의 CSS Selector 값

④ 해당 사이트 비밀번호

⑤ 비밀번호를 입력하는 칸의 Selector 값

⑥ 로그인(확인) 버튼의 Selector 값

※ CSS Selector란?

CSS Seletor(선택자)란 스타일 속성을 적용하는 요소들을 말합니다. 쉽게 말하자면 우리가 보고있는 웹사이트는 코드로 이루어져있는데, 코드 위에 디자인을 입히기 위하여 웹페이지에 존재하는 요소 요소에 매겨준 특정한 값이라고 할 수 있습니다.

리스틀리의 도움말에서 CSS Selector에 대한 언급이 보일 때에는 특정한 선택요소(e.g. 버튼, 입력란 등)가 갖는 코드값 정도로 이해하셔도 문제 없습니다.

이 정보를 입력하는 방법은 아래 설명에서 계속됩니다.

3. 로그인 창 URL 복사하여 붙여넣기

웹 사이트로 로그인하는 화면의 URL을 복사합니다.

복사한 URL을 첫번째 칸에 붙여넣기하고, ID와 Password 칸에 해당 사이트에서 로그인할 때 필요한 정보를 입력합니다.

4. CSS selector 복사, 붙여넣는 방법

ID를 입력하는 칸에서 마우스 오른쪽 버튼을 클릭하여 Inspect(검사)를 선택합니다.

화면 우측 혹은 하단에 코드가 가득 적혀있는 창이 뜨지만, 겁먹지 마세요. :)

방금 선택했던 칸에 해당하는 코드는 회색으로 표시가 되어있고, 그 위에 마우스를 올려보시면 해당 영역이 강조되어 표시된 것을 확인 할 수 있습니다.

회색으로 강조 표시된 코드 위에서 마우스 오른쪽버튼을 클릭하여 Copy -> Copy selector를 선택하시면 자동으로 해당 selector의 값이 복사됩니다.

로그인 정보 입력창으로 돌아와 해당 위치에 커서를 놓고 키보드 Ctrl + V를 눌러 붙여넣기 합니다.

모든 정보를 입력하셨다면 Add(추가) 버튼을 클릭한 후, 설정창 하단의 Save(저장) 버튼을 클릭하여 해당 로그인 설정을 저장해주세요.

※ TIP

웹사이트에 따라 로그인 정보를 입력해야 로그인 버튼이 활성화되는 경우가 있습니다.

[로그인 버튼]의 selector 값을 복사하실 때에는 버튼 위에서 마우스 우클릭 → Inspect(검사)를 선택하시기 전에 위 이미지와 같이 로그인 버튼이 활성화 된 상태로 두고 진행하시면 더 안정적인 selector 값을 얻으실 수 있습니다.

데이터보드로 이동해 Refresh(재추출) 아이콘을 클릭하면, 로그인 정보를 입력한 태스크가 잘 작동하는지 확인할 수 있습니다.

※ NOTICE ※

자동 로그인 기능은 베타서비스입니다. 각 사이트의 보안정책 및 로그인 화면의 구조에 따라 설정 및 적용이 불가한 경우가 있습니다.

  1. 보안이 강력한 웹사이트(ex.인증된 디바이스로만 로그인, 2단계 인증 필요, 해외접속 차단 등..메일서비스 대부분 포함)
  2. 아이디, 비밀번호 입력창 및 로그인(확인) 버튼이 한 페이지에 있지 않은 경우
  3. 로그인 페이지가 모달 팝업 형태(url 확인 불가)로 제공되는 웹사이트
  4. URL에 임의 문자열(영어+숫자+특수문자가 혼재된 문자열)이 포함되어있는 로그인 페이지

위와 같은 상황에서는 '폴더다운로드' 기능이나 '멀티탭 다운로드'를 통해 원하시는 데이터를 추출하시거나 리스틀리팀에 문의해주세요.