# 설정 - 자동 로그인 (Beta)

## 자동 로그인 기능이란?

리스틀리에서 실험 중인 베타 버전으로, 최신 암호화 기술을 바탕으로 로그인 정보를 자동 저장해주는 기능입니다. 설정 시 원하는 웹사이트 로그인 정보를 자동으로 저장해 로그인이 필요한 데이터도 별도의 로그인 절차 없이 간편하게 추출할 수 있도록 도와주는 기능입니다. 

***

## 사용방법

{% stepper %}
{% step %}

### 데이터보드에서 **설정창 아이콘을 클릭해주세요.**

데이터보드에서 로그인 설정을 할 태스크의 톱니바퀴 모양 아이콘을 클릭해 설정창 페이지로 이동해주세요.

<figure><img src="/files/BYSKTFgxUALb9OKgKg8e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/M6RmYwDD3sEunTbeOzL5" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

### 자동 로그인을 위한 **정보를 입력해주세요.**

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

<figure><img src="/files/hZ6QjJlPPvQnh48jUdyv" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/6pcM5pMALMvkNomQWGgS" alt=""><figcaption></figcaption></figure>

① 로그인 화면의 URL 주소 \
② 해당 사이트 ID \
③ ID를 입력하는 칸의 Selector 값 \
④ 해당 사이트 비밀번호 \
⑤ 비밀번호를 입력하는 칸의 Selector 값 \
⑥ 로그인(확인) 버튼의 Selector 값

{% hint style="success" %}
참고: [CSS 셀렉터](/docs/ko/getting-started/listly-basics/css-selector.md)&#x20;
{% endhint %}
{% endstep %}

{% step %}

### 로그인 창 URL을 복사하여 붙여넣어주세요.

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

<figure><img src="/files/g4iM64kDCWJT29CVH0u4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/CLXmbn72ZT9sWBNnVymc" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

### CSS selector 복사, 붙여넣는 법

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

<figure><img src="/files/K6ubhTwGtLCU2lCwQ1XD" alt=""><figcaption></figcaption></figure>

**화면 우측 혹은 하단에 코드가 가득 적혀있는 창이 뜨지만, 겁먹지 마세요 :)** 방금 선택했던 칸에 해당하는 코드는 회색으로 표시가 되어있고, 그 위에 마우스를 올려보시면 해당하는 위치가 색으로 강조되는 것을 확인 할 수 있습니다.

<figure><img src="/files/vYZ2WNccq8lIfeAeLaU4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/VUZ4DqwjpzjKOMHQEqed" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/Wodvz4gXDjd6ULwWgDsF" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

### 나머지 정보 채우기(3의 selector 붙여넣기 과정 반복)

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

<figure><img src="/files/ZonMVuUb1a6CmEgvDiGd" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**TIP** 웹사이트에 따라 로그인 정보를 입력해야 로그인 버튼이 활성화되는 경우가 있습니다. **\[로그인 버튼]**&#xC758; selector 값을 복사하실 때에는 버튼 위에서 마우스 우클릭 → Inspect(검사)를 선택하시기 전에 아래 이미지와 같이 **로그인 버튼이 활성화 된 상태로 두고** 진행하시면 더 안정적인 selector 값을 얻으실 수 있습니다.
{% endhint %}

<figure><img src="/files/fxK1sM1DjTJ1jLcmpbzz" alt=""><figcaption></figcaption></figure>

데이터보드로 나온 후 **Refresh(재추출)** 아이콘을 클릭해 해당 로그인 정보를 입력한 태스크가 잘 작동하는지 확인합니다.

<figure><img src="/files/hxoXDNaZ0vTKWpMNiKej" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}

#### 자동 로그인 기능 사용 시 유의사항

자동 로그인 기능은 베타서비스입니다. 아래와 같이 **각 사이트의 보안정책 및 로그인 화면의 구조에 따라 설정 및 적용이 불가한 경우가 있습니다.** 아래와 같은 상황에서는 **'폴더 다운로드'** 기능을 통해 원하시는 데이터를 추출하시거나, [리스틀리팀](https://www.listly.io/contact)에 문의해주세요.

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.listly.io/docs/ko/getting-started/databoard-features/settings-auto-login.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.