1. 설정창 진입

로그인설정 이미지-01.jpg

로그인설정 이미지_login-2.jpg

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

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

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

로그인설정 이미지_login-3.jpg

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

로그인설정 이미지_login-4.jpg

팝업창에 입력할 정보들은 다음과 같습니다. ① 로그인 화면의 URL 주소 ② 해당 사이트 ID ③ ID를 입력하는 칸의 Selector 값 ④ 해당 사이트 비밀번호 ⑤ 비밀번호를 입력하는 칸의 Selector 값 ⑥ 로그인(확인) 버튼의 Selector 값

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

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

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

</aside>

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

로그인설정 이미지_login-5.jpg

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