VSCode IDE 환경에서 오토핫키 v2 스크립트의 디버깅(Debugging) 방법에 대해 알아보겠습니다. 예제 코드 작성 후 라인마다 문자열 값이 어떻게 변하는지 추척 및 관찰 해봅니다.
예제 코드 작성
아래의 예제 코드를 작성합니다.
val := "사과"
val := "바나나"
val := "귤"
MsgBox val
중단점(Break Point) 설정
-
스크립트를 실행하면 1번 줄부터 순차적으로 수행됩니다. 1번 라인부터
val
변수의 값을 관찰할것이기 때문에 마우스를 1번 라인 왼쪽의 여백 공간으로 위치시키면 투명한 빨간점이 표시됩니다. 마우스를 이동하는것만으로도 중단점을 지정할 위치를 미리 볼 수 있습니다. -
중단점으로서 추가하려면 마우스 왼쪽 버튼을 클릭합니다. 이전과는 다르게 빨간점이 투명하지 않고 진한색으로 표현됩니다. 즉, 중단점으로서 확정되었다는 뜻입니다. 중단점을 취소/삭제하려면 빨간점을 한번 더 클릭합니다.
디버그 모드로 실행
-
중단점이 지정되었으면 스크립트를
실행
이 아닌디버그 모드로 실행
합니다. 디버그 모드로 실행해야 VSCode IDE가 중단점을 인식해서 해당 라인에서 멈춥니다. -
디버그 모드로 실행되었으면
디버깅 도구모음
①이 생성됩니다. 그리고 1번 라인의 중단점이 적중②되었다는 표시로 변경됩니다.
조사식을 이용한 값 변화 관찰
1) 조사식 화면 활성
2) 관찰할 변수 조사식에 추가하기
-
우리가 관찰할 변수는
val
입니다. 이 변수를 조사식에 추가해보도록 하겠습니다. 마우스를val
변수위로 이동시킨 후 마우스 우클릭을 하여 팝업 메뉴를 전시합니다. -
팝업 메뉴에서
조사식에 추가
메뉴를 선택합니다. -
조사식 뷰에
val
변수가 정상적으로 추가된 것을 확인할 수 있습니다.
3) 1번 라인 값 변화 관찰
-
1번 라인 한 줄을 실행하기 위해 상단의
디버그 도구모음
에서단위 실행
을 마우스로 선택합니다. 키보드 단축키는F10
입니다. -
왼쪽 조사식 뷰의
val
①의 값이null
에서사과
로 바뀐것을 확인할 수 있습니다. 그리고 중단점②이 3번 라인으로 이동하여 대기하고 있는것을 확인할 수 있습니다.
4) 3번 라인 값 변화 관찰
-
3번 라인 한 줄을 실행하기 위해 상단의
디버그 도구모음
에서단위 실행
을 마우스로 다시 선택합니다. -
왼쪽 조사식 뷰의
val
①의 값이사과
에서바나나
로 바뀐것을 확인할 수 있습니다. 그리고 중단점②이 5번 라인으로 이동하여 대기하고 있는것을 확인할 수 있습니다.
5) 5번 라인 값 변화 관찰
-
5번 라인 한 줄을 실행하기 위해 상단의
디버그 도구모음
에서단위 실행
을 마우스로 다시 선택합니다. -
왼쪽 조사식 뷰의
val
①의 값이바나나
에서귤
로 바뀐것을 확인할 수 있습니다. 그리고 중단점②이 7번 라인으로 이동하여 대기하고 있는것을 확인할 수 있습니다.