안녕하세요. 엔지엠소프트웨어입니다. 웹 매크로를 만들다보면 텍스트 박스(Input)의 내용이나 웹페이지의 텍스트를 가져오는 경우가 많습니다. 그런데, 콤보박스와 같이 내부에 항목이 들어있는 경우 원하는 항목을 클릭하기란 쉽지 않습니다. 사이트마다 다르긴하지만, 내부 항목이 로드되지 않은 상태에서는 값을 가져올 수 없기 때문입니다. 간단한 테스트를 위해 엔지엠 매크로를 실행하고 새로운 스크립트를 추가하세요.

 

 

이 예제에서는 나이키 홈페이지의 콤보박스를 대상으로 테스트 하도록 하겠습니다. 사이트 주소는 아래 링크입니다.

[ 나이키 쇼핑몰 상품 페이지 ]

 

 

[ 웹 API의 연결 ] 액션을 추가하고, 위 링크와 구글 크롬 웹드라이버의 위치를 선택하세요. 그리고, 아이디는 "test"로 설정해주세요.

 

 

아래 동영상을 참고하셔서 웹 API의 [ 버튼 ] 액션을 설정하세요. 이 액션은 웹페이지의 노드(버튼, 텍스트, 콤보박스, 리스트등등...)를 클릭할 때 사용합니다. 그리고, 중요한 부분은 클릭하고 싶은 노드를 어떻게 찾느냐인데요. 크롬 브라우저에서 F12를 누르면 개발자 도구가 표시됩니다. 여기서 엘리먼트 선택() 도구로 원하는 노드를 찾을 수 있습니다. 노드를 찾으면 소스 코드에서 해당 부분이 하이라이트됩니다. 여기서 우클릭 후 XPath를 복사한 후 [ 버튼 ] 액션에 붙여넣기하면 됩니다.

 

 

여기까지 작성한 후 스크립트를 실행하면 아래 동영상과 같이 신발 사이즈 콤보박스를 클릭해줍니다.

 

 

이번에는 콤보박스안에 모든 신발 사이즈를 가져올께요. [ 엘리먼트 목록 ] 가져오기 액션을 추가하고, 아래 동영상을 참고해서 XPath를 설정 해줍니다. 여기서 중요한 부분은 요소 인덱스 속성을 -1로 설정해야 한다는 것입니다. 보통은 인덱스를 알고 있기 때문에 가져온 전체 목록에서 몇번째 항목의 데이타만 가져옵니다. 그런데, 지금은 콤보박스의 모든 항목의 내용을 가져와서 내가 원하는 항목이 있는지 비교하고 있으면 해당 항목을 클릭해야 합니다. 그래서, 인덱스를 -1로 줘서 콤보박스안의 모든 항목을 가져왔습니다.

 

 

스크립트를 실행하고, 모든 항목을 가져왔는지 체크 해보세요. 여러분들도 아래 동영상처럼 나이키 신발 사이즈를 잘 가져왔을겁니다.

 

 

마지막으로 원하는 신발 사이즈를 배열로 처리해서 비교한 후 인덱스를 가져옵니다. 이 인덱스를 알면, 원하는 엘리먼트를 선택할 수 있습니다. 저는 임의로 3을 주었습니다. 실제 업무에서는 인덱스를 엑셀 값과 비교해서 찾거나 데이타베이스와 연동해야 할수도 있습니다. 단순히 텍스트 파일에 목록을 적어놓고 비교해도 됩니다.

 

 

처음 신발 사이즈는 225입니다. 인덱스를 3을 줘서 실제 콤보박스를 클릭해서 선택한 사이즈는 240이 되었습니다.

 

 

이런식으로 웹 업무를 자동화할 수 있습니다. 사실, 윈도우 API를 사용하거나 이미지 서치나 이미지 매치로는 완벽하게 동작하는 매크로를 만들려면 예외 상황에 대한 대처가 필수입니다. 하지만, 웹 API는 정확하게 엘리먼트를 선택한다면 입력이 실패하거나 문제가 되지는 않습니다. 그렇기 때문에 웹 관련 업무를 자동화려면 필수로 웹 API의 사용법을 익히셔야 합니다. 물론, 학습 난이도가 높아서 우회적으로 처리해야 할 필요도 있지만요^^

 

이 글이 도움이 되셨다면~ 커피 한잔이라도 후원 부탁드립니다^^

개발자에게 후원하기

 

추천, 구독, 홍보 꼭~ 부탁드립니다.

여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

감사합니다~

추천0 비추천0