# Open Codes 사용방법

{% stepper %}
{% step %}

### 리뷰를 수집할 웹페이지로 이동

리뷰를 수집하려는 커머스 사이트의 **상품 상세페이지**로 이동하여 리뷰 영역을 확인합니다. 

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

{% step %}

### 개발자 도구 열기

아래 단축키를 사용하여 **개발자 도구**(DevTools) 창을 열어주세요.\
**Windows** : `Ctrl + Shift + I` \
**Mac** : `Option + Command + I`&#x20;

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

{% step %}

### 콘솔(Console) 탭으로 이동

개발자 도구 상단의 **Console 탭**을 클릭합니다.

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

{% step %}

### GitHub 코드 복사

커머스 리뷰 수집 페이지의 **코드 목록**에서 수집하려는 사이트의 GitHub 페이지를 열고, 해당 **스크립트 코드를 복사**합니다.

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

{% step %}

### 콘솔에 코드 붙여넣기

복사한 코드를 콘솔 창에 붙여넣습니다. 코드 내의 `MAX_PAGE_COUNT` 값을 원하는 수로 변경할 수 있습니다.\
\&#xNAN;*예시) `const MAX_PAGE_COUNT = 50;` → 리뷰 50페이지까지 수집*

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

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

{% step %}

### 엔터(Enter)키로 코드 실행

`Enter`를 눌러 코드를 실행하면 브라우저 내에서 자동으로 리뷰 수집이 시작됩니다. 하단에 **작은 박스 형태의 진행창**이 나타나며, 완료 메시지가 뜰 때까지 페이지를 닫지 마세요.\
\&#xNAN;*(창을 **최소화하는 것은 가능하지만**, **종료하면 실행이 중단됩니다.**)*

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

{% step %}

### 확장프로그램 실행 및 Parts 추출

코드 실행이 완료되면 **Listly 확장 프로그램**을 실행하여 **Parts** 버튼을 클릭하고, 브라우저 하단의 **수집 박스 영역**을 선택하여 데이터를 추출합니다.

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

{% step %}

### 결과 확인 및 파일 내보내기

입력한 페이지 개수 만큼의 리뷰가 한 번에 수집된 것을 확인할 수 있습니다. 파일로 내보내 활용하세요.

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


---

# 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/open-codes-beta/readme/open-codes.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.