# 액션스크립트나 개발자코드를 제 PC에서 바로 활용할 수는 없나요?

액션스크립트 코드는 꼭 리스틀리 데이터보드에서만 활용하지 않아도 됩니다.

사용자 pc 내 개발자도구에 들어가서, 복사+ 붙여넣기 하신 뒤에도 곧바로 사용 가능합니다.

<details>

<summary><strong>언제 액션스크립트 코드를 사용자 PC 내 개발자도구에 붙여넣고 작동시켜야 하나요?</strong></summary>

1. 코드가 곧바로 적용되어 특정한 웹페이지 구조를 잠시 변환시켜야 할 때
2. 특정한 자동화 액션이 해당 페이지에서 곧바로 적용되어야 할 때

아래 예제를 통해 같이 확인해보겠습니다.

[![Screenshot 2024-07-30 184817](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_184817.scale-100.png)](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_184817.scale-100.png)

위 웹페이지는 세로로 여러 상품들이 나열되어 있는데요.

동시에 가로 축에는 각 상품 별 rating , 점수들이 세부 항목 별로 정리되어 있습니다.

[![Screenshot 2024-07-30 185018](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_185018.scale-100.png)](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_185018.scale-100.png)

다만 표 상단을 보면, 마우스 드래그를 통해 좌우로 옮길 수 있는 바가 존재하는 것도 확인 가능합니다.

이렇게 다양한 요소가 하나의 페이지에 존재하기 때문에 일반적인 리스틀리 기능으로는 완벽하게 원하는 데이터를 추출하기 어려울 수 있어요.

특이한 구조의 웹사이트일 경우 액션스크립트 코드를 통해 웹페이지 데이터를 재가공해야 합니다.

그러기 위해서는 우선 마우스 우클릭을 통해, (Inspect) 개발자도구를 열어줍니다.

Windows 사용자라면 ctrl + shift + I,

Mac 사용자라면 Cmd + Option + I 키를 눌러 개발자도구를 열 수 있어요.

[![Screenshot 2024-07-30 185423](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_185423.scale-100.png)](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_185423.scale-100.png)

여기서 맨 아래 Console 창을 찾아줍니다.

콘솔은 개발자도구의 한 부분으로 '자바스크립트' 코드를 직접 입력하고 실행할 수 있는 공간입니다.

리스틀리 팀이 직접 작성하여 전달해주는 액션스크립트 코드 뿐만 아니라, ChatGPT가 작성해주는 코드도 붙여넣기하여 활용 가능한 공간입니다.

자바스크립트 코드를 통해 웹페이지 조작이 얼마든지 가능합니다.

[![Screenshot 2024-07-30 185752](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_185752.scale-100.png)](https://listly-spongebob.s3.amazonaws.com/media/images/Screenshot_2024-07-30_185752.scale-100.png)

액션스크립트를 붙여넣기 전 빈 공간, 하단의 **> 꺽쇠 모양**에 액션스크립트 코드나 일정한 코드를 복사해서 붙여넣으셔야 합니다.

그 뒤 엔터키를 누르면 웹사이트 구조가 변경되며 원하시는 추출이 가능해집니다.

</details>


---

# 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/support/faq/features/pc.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.