튜토리얼: Qt Quick 디버깅

이 튜토리얼에서는 동일한 게임 예제 애플리케이션을 사용하여 Debug 모드에서 Qt Quick 애플리케이션을 디버깅하는 방법을 설명합니다.

사용 가능한 모든 옵션에 대한 자세한 내용은 Qt Quick 프로젝트 디버깅을 참조하세요.

Same Game 데모는 모든 게임 로직에 JavaScript를 사용하여 QML로 게임을 작성하는 방법을 보여줍니다. Qt Creator 에서 데모 프로젝트를 열어 디버깅하세요:

1. 새 게임을 시작하는 코드를 보려면 startNewGame() 함수가 호출되는 줄의 줄 번호와 창 테두리(1) 사이를 클릭하여 samegame.qml 에 중단점을 배치합니다.

   

   빨간색 원은 이제 해당 줄 번호에 중단점이 설정되었음을 나타냅니다.

2. Debug > Start Debugging > Start Debugging of Startup Project 로 이동하거나 F5 키를 누릅니다.
3. 동일한 게임 애플리케이션이 시작되면 Puzzle 을 선택하여 새 게임을 시작합니다.

   

4. 디버거가 중단점에 도달하면 애플리케이션이 중단됩니다. Qt Creator 은 현재 위치로 이어지는 중첩된 함수 호출을 호출 스택 추적으로 표시합니다.

   

5. 툴바에서 (Step Into)를 선택하거나 F11을 선택하여 스택의 코드로 이동합니다. 코드 에디터에서 새 게임을 시작하는 함수의 samegame.js 파일이 열립니다.

   

6. Locals 보기에서 로컬 변수를 살펴봅니다. 코드를 단계별로 진행하여 뷰에서 정보가 어떻게 변경되는지 확인합니다.
7. startNewGame() 함수의 끝에 중단점을 추가하고 (Continue)을 선택하여 중단점에 도달합니다.

   

8. 현재 컨텍스트에서 JavaScript 명령을 실행하려면 QML Debugger Console 을 엽니다.

   

9. 중단점을 제거하려면 마우스 오른쪽 버튼으로 클릭하고 Delete Breakpoint 을 선택합니다.
10. Locals 보기에서 런타임에 객체 구조를 탐색합니다.

    

11. Debug > Show Application on Top 으로 이동하여 디버거와 상호 작용하는 동안 애플리케이션을 계속 표시합니다.
12. Debug > Select 로 이동하여 선택 모드를 활성화한 다음 Menu 를 선택하여 Locals 보기 및 코드 편집기에서 menuButton 구성 요소로 이동합니다.
13. Locals 보기에서 속성 값을 두 번 클릭하여 변경합니다.