04 조사식을 이용한 값 변화 관찰

Estimated reading: 1 minute 14 views

조사식 화면 활성화

디버그 관련 정보들을 관찰하기 위해 VSCode 좌측 화면에서 [실행 및 디버그] 탭을 선택합니다.

[실행 및 디버그] 탭이 열리면 [조사식] 뷰를 볼 수 있습니다.

우리가 관찰할 변수는 val 입니다. 이 변수를 조사식에 추가해보도록 하겠습니다. 마우스를 val 변수 위로 이동 시킨 후 마우스 우 클릭을 하여 팝업 메뉴를 전시합니다.

팝업 메뉴에서 [조사식에 추가] 메뉴를 선택합니다.

조사식 뷰에 val 변수가 정상적으로 추가된 것을 확인할 수 있습니다.

1번 라인 한 줄을 실행하기 위해 상단의 [디버그 도구모음]에서 [단위 실행]을 마우스로 선택합니다. 키보드 단축키는 F10입니다.

왼쪽 조사식 뷰의 val①의 값이 null에서 사과로 바뀐것을 확인할 수 있습니다. 그리고 중단점②이 3번 라인으로 이동하여 대기하고 있는것을 확인할 수 있습니다.

3번 라인 한 줄을 실행하기 위해 상단의 [디버그 도구모음]에서 [단위 실행]을 마우스로 다시 선택합니다.

왼쪽 조사식 뷰의 val①의 값이 사과에서 바나나로 바뀐것을 확인할 수 있습니다. 그리고 중단점②이 5번 라인으로 이동하여 대기하고 있는것을 확인할 수 있습니다.

5번 라인 한 줄을 실행하기 위해 상단의 [디버그 도구모음]에서 [단위 실행]을 마우스로 다시 선택합니다.

왼쪽 조사식 뷰의 val①의 값이 바나나에서 귤로 바뀐것을 확인할 수 있습니다. 그리고 중단점②이 7번 라인으로 이동하여 대기하고 있는것을 확인할 수 있습니다.