# Activity 스크린샷 변경
# XML
# Selector 편집 : UIExplorer
<목차>** UI 수정하기 |
** UI 수정하기
추출한 데이터에 대해
'UIExplorer' 를 통해 Selector를 편집하여
내가 원하는 대로
속성값을 불러올 수 있다.
* 추출한 데이터에 대한 UI 수정은 UIExplorer를 통해 진행한다
* UIExplorer에서 추출한 데이터에 대한 Selector에 속성을 추가·삭제하며 원하는 작업을 수행할 수 있다.
1. Selector
1) Selector과 XML
- UiPath에서 Selector란 사용자가 지정해 주는 것
- 데이터를 추출하는 영역 또는 작업이 수행되는 공간을 의미한다.
기본적으로
추출한 데이터의 Selector는 XML로 기술되어 있다.
=> 따라서 Selector 편집은 XML 편집과 동일한 원리로 작동한다.
그렇다면 XML이란?
* XML 코드 : UI 속성값을 저장.
==> UIExplorer 에서 속성값을 추가, 삭제하며 Selector에 대한 XML 코드를 수정할 수 있다!
* XML(Extensible Markup Language) : 데이터를 저장하고 전송하기 위한 마크업 언어 중 하나.
- 사용자가 자신만의 태그를 정의하여 데이터를 구조화할 수 있는 확장 가능한 형식을 제공
- 데이터의 의미와 구조를 기술하는 데 사용된다.
- XML의 예시
<!-- XML -->
<person>
<name>John Doe</name>
<age>30</age>
<city>New York</city>
</person>
2) UiExplorer - Selector 편집
(1) UIExplorer 열기
(또는 Selector 편집기 왼쪽 하단의 'UI Explorer 열기' 클릭)
(2) UI Explorer에서 Selector 편집
▲ 원하는 속성의 콤보상자를 체크 또는 체크 해제하여 Selector를 편집할 수 있다.
* 단, Selector에 변화가 생길 경우 유효성 검사 경고 버튼을 클릭하여
UiPath가 Selector를 재인식하게 해주어야 한다.
2. 와일드카드(WildCard)
1) 와일드카드 종류와 기능
<와일드카드 종류와 기능>
| 와일드카드 | * | ? |
| 기능 | 0개 이상의 문자 또는 공백을 대체 | 1개의 문자를 대체 |
2) 사용 예시
(1) url의 일부만 변화할 때
: 본래라면 Attach Browser로 변경되는 url을 각각 따로 잡아주어야 한다.
하지만, GET 방식과 같이
url의 '?' 이후의 일부 값만 변화한다면?
=> 변화하는 부분을 와일드카드로 처리.
Attach Browser의 반복 X
(2) Element의 Selector가 일부만 변화할 때
연관된 Element들의
Selector가 일부만 변화한다면?
-> Selector에 와일드카드를 사용하여 연관된 요소를 추출할 수 있다.
(3) 와일드카드를 이용한 Selector 예시 코드
- 통합 전 Selector
<!-- Attach Browser의 Selector1 -->
<html app='chrome.exe' title='ACME System 1 - Log In' />
<!-- Attach Browser의 Selector2 -->
<html app='chrome.exe' title='ACME System 1 - DashBoard' />
- 통합된 Selector
<!-- * 을 사용하여 Selector1과 Selector2를 통합 -->
<html app='chrome.exe' title='ACME System 1*' />
위와 같이 와일드카드를 이용하여 공백과 변화하는 값에 대응할 수 있다.
3) 사용 시 주의점
- 와일드카드는 유용하지만 만능은 X
- Selector에 따른 Attach 별로 분리해 작업하는 것이 project의 흐름 파악이 용이하며, 공동 작업에 있어서 더 유리함
==> 따라서,
자주 변경되는 Selector(이름, 날짜 등이 포함된 제목)에 대해 적용하고, 개발 상황을 고려하여 사용 여부를 결정해야 한다.
3. 정보용 스크린샷 변경
* 정보용 스크린샷?
: Selector가 가리키는 부분을 ScreenShot을 한 이미지.
* 만약 Selector 변경 후 정보용 스크린샷과 가리키는 것이 다르다면?
방법 1) 해당 activity 햄버거 버튼 -> 정보용 스크린샷 이미지를 제거 후 재지정
방법 2) 이미지 다시 잡기 : 햄버거 버튼 -> 화면에 표시로 다시 원하는 영역을 재지정
4. 사용한 기능 정리
1) UIExplorer
* Selector 편집 기능 : Selector에 대해 원하는 속성을 추가 또는 제거하며 Selector의 XML코드를 수정할 수 있다.
* WildCard 사용 : 수시로 변경되는 Selector 값에 대한 오류를 방지할 수 있다.
2) 정보용 스크린샷 변경
* Selector 편집으로 인해 스크린샷과 Selector가 가리키는 것이 달라질 경우에 해당한다.
'IT > RPA' 카테고리의 다른 글
| [RPA] #6-1 UiPath 엑셀(Excel) & 데이터테이블 추출, 필터링 및 가공하기 (0) | 2024.01.20 |
|---|---|
| [RPA] #5 String 데이터 가공하기 - Array 데이터, For Each, String 데이터 가공하는 7가지 필수 함수, DateTime 변수 (0) | 2024.01.16 |
| [RPA] #3-2 UI 데이터 추출하기 - 조건문(If, Flow Decision), 반복문, 논리연산자 (0) | 2024.01.16 |
| [RPA] #3-1 UI 데이터 추출하기 - 데이터 스크래핑, 데이터 타입, Site Issue 대처 방법 (1) | 2024.01.15 |
| [RPA] #2 화면 텍스트 추출하기 - 데이터 스크래핑, 브라우저 조작, 변수 정의 (0) | 2024.01.12 |
