Java 스크립트 구성요소 사용

의 RPA 데스크톱 디자인 스튜디오Java 스크립트 구성 요소를 사용하여 웹 페이지에 JavaScript를 삽입합니다. 이 구성 요소를 사용하여 브라우저 DOM(문서 개체 모델)을 조작하거나, HTML 태그를 읽거나, HTML 태그를 설정할 수 있습니다.

시작하기 전에

필요한 역할: 없음

이 태스크 정보

JavaScript 구성 요소의 속성은 다른 작업 UI 구성 요소와 공통적으로 사용되며, 이러한 속성을 구성하려면 을 참조하십시오 작업(UI) 구성요소의 속성.

프로시저

1. 도구 상자 창에서 작업(UI) > Java 스크립트.
2. Java 스크립트 구성 요소를 디자인 화면으로 끌어옵니다.
3. Java 스크립트 구성 요소에서 카메라 아이콘( )을 클릭합니다.
   Press "CTRL+SHIFT" for selection(선택하려면 "Ctrl+Shift" 누르기) 메시지가 나타납니다.
4. Ctrl + Shift 키를 누릅니다.
   마우스 장치가 크로스오버 아이콘( ).
5. 구성요소가 작업을 수행하고 마우스 장치를 놓을 응용 프로그램 부분 위로 마우스 장치를 끕니다.
   선택한 영역이 Java 스크립트 구성요소에 이미지로 캡처됩니다.
6. 녹색 더하기 아이콘( . )을 캡처된 이미지 위로 끌어 구성요소가 작업을 수행할 위치에 놓습니다.
7. 옵션: 다음 작업을 수행하여 캡처된 이미지에 앵커를 추가합니다.
   앵커는 Java 스크립트 구성요소가 작업을 수행할 애플리케이션을 식별할 수 있도록 하는 고유 식별자입니다. 앵커를 추가하는 것은 좋은 방법이지만 선택 사항입니다. 앵커를 추가하지 않으면 Java 스크립트 구성 요소는 캡처된 전체 이미지를 앵커로 처리합니다. 앵커에 대한 자세한 내용은 닻.
   1. Java 스크립트 구성 요소에서 이미지를 마우스 오른쪽 버튼으로 클릭하고 앵커 추가를 클릭합니다.
   2. Java 스크립트 구성 요소에 대한 이미지 부분을 식별하려면 앵커를 끌어서 이미지의 고유한 위치에 놓습니다.
      팁:

      앵커의 크기를 변경하려면 마우스 장치가 대각선 양면 화살표( )로 바뀔 때까지 앵커 가장자리를 따라 마우스 장치를 배치한 다음 앵커를 끕니다.

8. Java 스크립트 구성요소 표시줄에서 구성요소 설정 아이콘(구성요소 )을 클릭합니다.
9. JAVA SCRIPT EDITOR 창에서 JAVA SCRIPT 제목 아래에 사용자 지정 JavaScript를 추가합니다.
10. 옵션: 매개변수를 추가하려면 다음 작업을 수행합니다.
    1. 매개변수(PARAMETERS) 제목 아래에서 매개변수 추가(Add )을 클릭합니다.
    2. 매개 변수 데이터 유형을 설정합니다.
       Data In 포트는 각 데이터 매개변수 데이터 유형 세트와 함께 추가됩니다.
    3. RETURN TYPE 제목 아래에서 출력 데이터 유형을 설정합니다.
11. JAVA SCRIPT EDITOR 창을 닫으려면 확인을 클릭합니다.
12. 옵션: 입력을 구성하려면 을 참조하십시오 포트 속성 구성.
    주:

    Data In 포트는 JAVA SCRIPT EDITOR 창에서 매개 변수를 설정하는 경우에만 나타납니다.
13. 옵션: 출력 필드에 출력을 표시하는 방법을 구성하려면 을 참조하십시오 출력 포트 속성 구성.
14. 다음 표에 설명된 대로 Java 스크립트 구성요소의 데이터 및 제어 포트를 다른 구성요소의 해당 포트에 연결합니다.

    포트 유형	포트 이름	데이터 유형	연결 목적	필수?
    데이터 출력	반환	객체	JavaScript의 출력을 반환합니다.	해당 사항 없음

15. 옵션: 구성 요소를 테스트하려면 구성 요소 모음을 마우스 오른쪽 단추로 클릭한 다음 Run From Here(여기에서 실행)를 클릭합니다.