오토핫키 이미지 찾기 기능부터 클릭 행동까지 예시 프로젝트로 쉽게 배우기

매크로를 위한 스크립트 언어 오토핫키의 강력한 기능 중 이미지 찾기를 활용한 예시 프로젝트입니다. 이를 통해 웬만한 클릭(마우스 제어)을 활용한 사무 업무 자동화는 손쉽게 구현할 수 있습니다.

 

2024.03.11 - [인터넷 활용법/업무자동화] - 오토핫키(AutoHotkey) 가벼운 매크로 프로그램 및 에디터 설치 방법

오토핫키(AutoHotkey) 가벼운 매크로 프로그램 및 에디터 설치 방법

 

오늘 다룰 주제는 다음과 같습니다.

 

1.이미지찾기 기능을 통해 저장된 png파일과 동일한 요소를 화면 내에서 찾습니다.
2. 위 1번에서 찾은 화면 내의 x, y 좌표를 받아 마우스 좌클릭으로 연계한 행동을 유발합니다.
3. 이를 하나의 단축키로 지정합니다.

 

 

오토핫키 기본 문법 | 기능 단축키

오토핫키 또한 기본적으로 스크립트 언어이기 때문에 문법에 대해 알아야 합니다. 다만, 매크로를 위한 가볍고 일반인도 쓸법한 선에서 간단한 몇 가지만 알아보도록 합시다.

 

4가지 기능키를 다음과 같이 오토핫키에서는 지칭(표현)합니다.

 

• ctrl : ^
• alt : !
• shift : +
• win : #

 

쉼표(,) 기반 스크립트 언어

또한 오토핫키는 , (쉼표)를 기반으로 문법이 전개되는 특성을 가집니다. 마치 엑셀에서 함수를 쓰기 위해서는 함수명 이후 괄호()를 써야 하는 것과 같은 개념이라고 보시면 됩니다.

 

 

오토핫키에서는 특정 기능을 구현할 때 쉼표로 시작하고, 엑셀 함수의 인수와 같은 개념을 구분할 때도 쉼표를 씁니다.

 

 

 

이미지서치 기능 활용

본격적으로 오늘의 프로젝트를 구현하기 위한 코드 전문을 보여드리겠습니다.

!5::
ImageSearch, vX, vY, 0, 0, 1920, 1080, images\88.png
;동일한 경로 내에 ahk파일이 위치했을 때, 해당 경로 내에 images폴더 내 88.png 이미지를 찾아냄

MsgBox, % vX "/" vY
;좌표값을 가시화하기 위해 메시지 박스를 중간에 넣었음. 본인은 문과생이라 디버깅으로 메시지 박스를 쓰는 근본없는 방식을 씀.. 기능상 생략 가능(%는 변수를 호출하기 위한 문법)

CoordMode,Mouse,Screen
;절대좌표계로 마우스 모드를 설정해놓은 것

MouseClick, Left, vX, vY, 1
;좌클릭, 좌표값, 1은 기본 옵션

return

 

 

먼저 !5라는 것은 'alt + 5(숫자키)'를 눌렀을 때, :: 이하를 실행한다는 뜻입니다. 마치는 것은 항상 return을 써줍니다.

실행 시 좌표값을 메시지 박스로 띄워주며, 확인 버튼을 누르면 즉시 해당 좌표의 이미지를 클릭하는 매크로 프로그램

 

 

오늘의 핵심 기능인 ImageSearch는 위와 같이 7개의 하위 요소를 넣어야 합니다. 마치 엑셀에서 인수가 7개인 함수와 같습니다. 순서대로 하나씩 살펴보면 vX, vY는 이미지파일과 일치하는 요소를 찾았을 때, 그 요소가 화면 내에 위치하는 x, y좌표값을 담기 위한 변수(일종의 가상 바구니 개념)입니다.

 

 

 

이어서 이번 예시에서는 화면 전체(풀 스크린)를 놓고 해당하는 좌표를 찾을 예정이기 때문에 0,0 지점부터 1920,1080(본인 컴퓨터 해상도에 맞게 설정)까지 입력해 줍니다.

해상도는 윈도우 설정 디스플레이 확인

 

 

끝으로 해당 이미지 파일이 저장된 경로와 이미지파일명을 넣어주면 되는데, 주의사항은 동일한 층위에 .ahk 파일이 있어야 한다는 점입니다.

 

 

위의 예시에서는 뀨잉이라는 .ahk파일이 바탕화면에 저장되어 있으며, 바탕화면에 images라는 폴더를 생성하여 이미지 파일은 '88.png'라는 이름으로 저장하였습니다.

 

오토핫키 실행파일 바탕화면 내 저장

바탕화면 내 images 폴더 생성

 

 

어떤 이미지를 활용했냐 하면 바로 네이버 검색창의 검색돋보기를 누르는 프로젝트를 구현하기 위한 이미지를 캡처하여 저장하였습니다.

 

 

윈도우11 스크린샷 | 컴퓨터 화면 캡처(캡쳐) 방법 3가지

 

현재는 돋보기 이미지가 아래와 같습니다.(이미지는 웹 페이지 개발자에 의해 달라질 수 있습니다.)

네이버 검색돋보기 모양 캡처본

 

주의사항
이미지서치는 저장된 경로 내 이미지파일과 동일한 요소를 화면상에서 찾는 기능으로 웹 디자인이 바뀌어 위의 돋보기 모양이 바뀐다면 바뀐 이미지로 새로 저장해 줘야 오작동을 피할 수 있습니다.

 

 

 

---

오늘은 클릭 자동화의 간단한 예제 프로젝트를 구현해 보았습니다. 이를 통해 네이버 검색 기능을 자동화하였는데 응용하여 다양한 요소의 이미지 버튼을 기반으로 각종 사무 업무 자동화에 활용해 보시기 바랍니다.