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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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