NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 팁 앤 테크
  • 매뉴얼

    팁과 테크니컬 노하우를 확인하세요.

    팁 앤 테크

    팁과 테크니컬 노하우를 확인하세요.

    본 사이트의 컨텐츠는 저작권법의 보호를 받으므로 무단 복사, 게재, 배포 등을 금합니다.

    에디터 웹소켓 API의 웹브라우저 콘트롤을 이용해서 네이버 검색어를 입력하고 검색 버튼을 클릭하는 방법. (MouseClick)

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 조회수 매크로나 슬롯 또는 선착순 매크로와 같은 프로그램을 만들려면 다양한 기술들이 필요합니다. 일반적으로 많이 사용하는 기술은 윈도우 API와 웹 API입니다. 웹 API로 대표되는 도구는 셀레니움(Selenium)과 퍼펫티어(Puppeteer)입니다. 이외에도 엔지엠 매크로와 같은 전문가용 도구를 사용하면 쉽게 매크로 프로그램을 제작할 수 있습니다. 네이버에서 내 상품을 검색하고, 클릭하는 방법에 대해 알아보도록 할건데요. 이 내용을 학습하기전에 기본적인 내용을 먼저 학습하고 오셔야 합니다.

    1. 웹소켓 연결 ]

    2. 웹소켓 세션 목록 ]

    3. 웹소켓 세션 연결 ]

    4. 웹소켓 명령 ]

     

    기본 기능 4단계를 모두 학습하셨으면 아래와 같은 스크립트를 만들 수 있습니다. 이번 예제에서는 윈도우 핸들도 필요하기 때문에 [ 변수(핸들) ]를 하나 더 추가했습니다.

    KXXuXck.png

     

     

    [ 연결 ] 액션에서 웹브라우저의 핸들 값을 변수에 추가하세요. 참고로, 현재 실행중인 브라우저에서 매크로를 실행하려면 다른 방법을 사용해야 합니다. 이 방법은 다음에 자세하게 알아보도록 하고, 오늘 예제에서는 연결 액션으로 웹브라우저를 실행하고 테스트 해볼께요.

    OgXWaxP.png

     

     

    세션 목록과 세션 연결은 앞의 도움말을 참고하시면 됩니다. 네이버로 이동하는 방법과 검색어를 입력하는 방법은 아래 예제를 참고하세요.

    웹소켓 API를 이용해서 페이지 이동하는 방법. (PageNavigate) ]

    웹소켓 API를 이용해서 인풋 콘트롤에 텍스트 입력하기. (InputSetText) ]

     

    마지막 마우스 클릭 웹소켓 명령에서 변수로부터 웹소켓과 윈도우 핸들을 가져오세요.

    VNGqsVa.png

     

     

    파라메터는 아래와같이 입력하세요.

    • 메소드 선택: MouseClick
    • 파라메터: {"depth":-1,"offsetY":80,"selector":"#sform > fieldset > button"}

     

    파라메터의 각 요소들은 아래에서 설명하도록 하고, 일단은 완성된 매크로 프로그램을 실행 해보세요.

     

     

    위 파라메터에서 중요한 부분은 offsetY에 80으로 설정한 내용입니다. 이 내용은 웹브라우저의 구조를 이해할 필요가 있습니다. 구글 크롬 브라우저는 크게 2가지 부분으로 이루어져 있습니다. 주소 표시줄 및 설정등등... 상단 부분과 실제 웹페이지가 표시되는 중앙 부분입니다. 매인 핸들 정보로 처리하기 때문에 상단 부분을 제외하고 좌표를 계산해야 합니다. 실제 selector로 가져온 엘리먼트는 상단을 제외하고 처리하기 때문에 Y 축으로 오프셋을 설정해야 합니다.

     

    그렇다면~ 웹브라우저의 상단 부분의 높이(Y)는 어떻게 알아낼 수 있을까요? [ 프로그램 정보 ] 액션을 사용하면 됩니다. 아래 그림에서 보듯이 매인 윈도우의 Y 좌표는 20입니다. 그리고, 컨트롤 윈도우의 Y 좌표는 100인데요. 컨트롤 윈도우 Y 좌표 위치에서 매인 윈도우의 Y 좌표를 빼면 실제 클릭할 좌표의 오프셋을 알아낼 수 있습니다. 그래서, 마우스 클릭 메소드의 offsetY의 값이 80이 된겁니다. 이 부분은 컴퓨터 환경에 따라 다르므로 무조건 80을 입력해야 하는건 아닙니다^^

    rK3Omhe.png

     

     

    MouseClick API

    Parameters

    • depth: integer (하위 항목을 검색해야 하는 최대 깊이입니다. 전체 하위 트리에서 검색하려면 -1을 사용하세요.)
    • selector: string (엘리먼트를 찾기 위한 selector입니다. 웹브라우저의 개발자 도구에서 selector 정보를 찾을 수 있습니다.)
    • offsetX: integer (마우스 클릭 좌표의 X 축 오프셋 값입니다.)
    • offsetY: integer (마우스 클릭 좌표의 Y 축 오프셋 값입니다.)


    Return Object

    • errorText: string (탐색이 실패한 경우에만 표시되는 사용자 친화적인 오류 메시지를 반환합니다.)

     

    개발자에게 후원하기

    MGtdv7r.png

     

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

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

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.