안녕하세요. 엔지엠소프트웨어입니다. 오늘은~ 인터파크에서 여행 상품을 검색하는 방법에 대해 알아보겠습니다^^ 간단하게 웹업무 자동화를 어떻게 하는지 알아보는거라서 디테일한 내용은 각각의 액션 도움말을 참고하세요. 이 예제를 따라하기 위해서 엔지엠 에디터를 실행하고 새로운 스크립트를 하나 추가하세요.

 

 

하단에 첨부되어 있는 예제 스크립트를 다운로드하고, 엔지엠 매크로 에디터에서 열어보세요. 아래와 같이 간단하게 구성되어 있습니다.

 

 

엔지엠 매크로의 웹 API 기능들은 셀레니움(Selenium) 기반으로 만들어져 있습니다. 그래서, 웹드라이버가 필요한데요. 엔지엠 매크로에서는 웹드라이버 관리를 편하게 할 수 있도록 기능이 추가되어 있습니다. 웹드라이버 설치를 True로 설정하면 현재 사용자의 컴퓨터에 웹드라이버가 없으면 자동으로 설치하고 셋팅까지 완료해줍니다. 웹드라이버가 이미 설치되어 있으면 건너뜁니다. 하단의 인터파크 여행 상품 링크를 웹사이트 주소에 입력하세요.

• https://mtravel.interpark.com/home?smid1=header&smid2=tour

 

 

첫번째 [ 버튼 ] 액션은 검색창을 클릭하는 역할입니다. 네이버나 구글의 경우 텍스트를 바로 입력할 수 있지만, 자동 완성 기능이 활성화되면서 엘리먼트가 변경되는 인터파크의 경우 클릭을 먼저 한번 실행해줘야 텍스트를 입력할 수 있습니다. [ 연결 ] 액션의 아이디(a)를 선택하세요. 요소 형식은 XPath입니다. 그리고, 검색창 엘리먼트의 XPath를 알아내서 요소 이름에 입력하세요.

 

 

XPath를 알아내려면 웹브라우저에서 개발자 도구를 실행해야 합니다. 개발자 도구를 실행하려면 F12를 누르세요. 그러면 아래와 같은 개발자 도구(Develop Tools)가 실행됩니다. 아래 그림과 같이 개발자 도구에서 엘리먼트 선택 도구를 클릭하고, 엘리먼트로 마우스를 이동합니다. 그리고, 클릭하면 엘리먼트가 선택됩니다.

 

 

엘리먼트가 선택되었으면 XPath를 복사해줍니다. 엘리먼트 소스에서 우클릭하고, Copy > Copy XPath를 클릭하세요.

 

 

엘리먼트의 XPath가 클립보드에 복사되었으면 에디터로 돌아와서 요소 이름 속성에서 붙여넣기(Ctrl+V) 하세요. 이번에는 [ 텍스트 ] 액션을 추가 해줍니다. 위 버튼과 동일하게 텍스트를 입력할 곳의 엘리먼트 XPath를 복사해서 요소 이름 속성에 붙여넣기 해주세요. 처음에는 이런 방법이 복잡해 보일수도 있는데요. 몇번 해보다보면 익숙해질겁니다. 사실, 웹 업무 자동화 매크로 제작의 대부분이 이렇게 XPath를 복사해서 하나씩 처리하는겁니다.

 

 

마지막으로 버튼 액션을 하나 더 추가하고, 검색어를 입력했으니 검색 버튼(돋보기)을 클릭하게 하세요. 버튼은 XPath가 아닌 마우스 좌표로 엘리먼트를 찾을수도 있습니다.

 

 

완성된 스크립트를 실행하면 인터파크 투어 사이트로 이동되고, 검색창을 한번 클릭합니다. 그리고, "설악산"을 입력한 후 검색을 클릭하여 조회가 됩니다. 여러분들도 이와 같이 동작할겁니다. 웹 업무 자동화의 기초적인 부분은 이 글 하나로도 충분합니다. 하지만, 예외적인 사이트들도 있으므로 다음에 알아볼 내용들도 학습해보시면 대부분의 웹 업무 자동화 매크로를 직접 만들어서 사용할 수 있을겁니다.

 

개발자에게 후원하기

 

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

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

감사합니다~

추천0 비추천0