디버깅 세션을 시작하는 방법(JavaScript)

이 항목에서는 JavaScript 및 HTML5로 작성된 Windows 스토어 앱에 대한 디버깅 세션을 시작하는 방법에 대해 설명합니다. 단일 키 입력으로 디버깅을 시작하거나 특정 시나리오에 대해 디버깅 세션을 구성한 다음 응용 프로그램을 시작하는 방법을 선택할 수 있습니다.

항목 내용

In this topic

The easy way to start debugging

Configure the debugging session

• Open the debugging property page for the project

• Choose the build configuration options

• Choose the deployment target

• Choose the debugger to use

• (Optional) Delay starting the app in the debug session

• (Optional) Disable network loopbacks

Start the debugging session

• Start debugging (F5)

• Start debugging (F5) but delay the app start

Start an installed app in the debugger

Attach the debugger to a running app

• Set the app to run in debug mode

• Attach the debugger

디버깅을 쉽게 시작하는 방법

1. Visual Studio에서 응용 프로그램 솔루션을 엽니다.

2. F5 키를 누릅니다.

Visual Studio가 디버거가 연결된 응용 프로그램을 빌드하고 시작합니다. 중단점에 도달하거나 수동으로 실행을 일시 중단하거나 처리되지 않은 예외가 발생하거나 응용 프로그램이 끝날 때까지 계속해서 실행됩니다. 자세한 내용은 빠른 시작: 앱 디버깅(JavaScript)을 참조하십시오.

디버깅 세션 구성

스크립트가 컴파일되지 않았기 때문에 빌드 구성 및 플랫폼 설정이 적용되지 않습니다. C++ 또는 관리되는 구성 요소를 디버깅하는 중인 경우 구성을 설정하여 디버그하고 구성 대화 상자에서 대상 플랫폼을 선택합니다.

프로젝트에 대한 디버깅 속성 페이지 열기

1. 솔루션 탐색기에서 프로젝트를 선택합니다. 바로 가기 메뉴에서 속성을 선택합니다.

2. 구성 속성 노드를 확장한 다음 디버깅을 선택합니다.

빌드 구성 옵션 선택

1. 구성 목록에서 Debug 또는 (활성)Debug를 선택합니다.

2. 플랫폼 목록에서 빌드할 대상 플랫폼을 선택합니다. 대부분의 경우 Any CPU를 선택하는 것이 가장 좋습니다.

배포 대상 선택

Visual Studio 컴퓨터, 로컬 컴퓨터의 Visual Studio 시뮬레이터 또는 원격 컴퓨터에서 응용 프로그램을 배포하고 디버깅할 수 있습니다. 프로젝트의 디버깅 속성 페이지에서 실행할 디버거 목록의 대상을 선택합니다.

실행할 디버거 목록에서 아래 옵션 중 하나를 선택합니다.

원격 컴퓨터를 선택하는 경우 다음 방법 중 하나를 사용하여 원격 컴퓨터의 이름 또는 IP 주소를 지정합니다.

• 컴퓨터 이름 상자에 원격 컴퓨터의 이름 또는 IP 주소를 입력합니다.

• 컴퓨터 이름 상자에서 아래쪽 화살표를 선택하고 **<찾기...>**를 선택합니다. 그런 다음 원격 디버거 연결 선택 대화 상자에서 원격 컴퓨터를 선택합니다.

  

  참고

  원격 디버거 연결 선택 대화 상자에는 로컬 서브넷에 있는 컴퓨터와 이더넷 케이블을 통해 Visual Studio 컴퓨터에 직접 연결되어 있는 컴퓨터가 표시됩니다. 다른 컴퓨터를 지정하려면 컴퓨터 이름 상자에 이름을 입력합니다.

사용할 디버거 선택

기본적으로 디버거는 응용 프로그램의 JavaScript 코드에 연결됩니다. JavaScript 코드 대신 응용 프로그램 구성 요소의 네이티브 C++ 및 관리 코드를 디버깅하도록 선택할 수 있습니다. 응용 프로그램 프로젝트의 디버깅 속성 페이지에 있는 디버거 형식 목록에서 디버깅할 코드를 지정합니다.

디버거 형식 목록에서 아래 디버거 중 하나를 선택합니다.

(선택 사항) 디버그 세션에서 응용 프로그램 시작 지연

기본적으로 디버깅을 시작하면 바로 응용 프로그램이 시작됩니다. 디버그 세션을 시작하되 응용 프로그램 시작을 지연할 수도 있습니다. 시작 메뉴 또는 활성화 계약을 통해 응용 프로그램이 시작되거나 다른 프로세스 또는 메서드를 통해 응용 프로그램이 시작되면 디버거에서 응용 프로그램이 시작됩니다. 또한 지연된 시작을 사용하여 응용 프로그램이 실행되지 않는 경우 발생하게 할 백그라운드 이벤트를 응용 프로그램에서 디버깅할 수도 있습니다.

응용 프로그램 프로젝트의 디버깅 속성 페이지에 있는 응용 프로그램 시작 목록에서 응용 프로그램의 실행을 지연할지 여부를 지정합니다. 다음 옵션 중 하나를 선택합니다.

• 아니요를 선택하여 응용 프로그램의 실행을 지연합니다.

• 예를 선택하여 응용 프로그램을 즉시 실행합니다.

(선택 사항) 네트워크 루프백 비활성화

보안상의 이유로 일반적인 방식으로 설치된 Windows 스토어 앱은 앱이 설치된 장치에 대한 네트워크 호출을 수행할 수 없습니다. 기본적으로 Visual Studio를 배포하면 배포된 응용 프로그램에 대한 이 규칙의 예외가 만들어 집니다. 이 예외로 인해 사용자는 단일 컴퓨터에서 통신 프로시저를 테스트할 수 있습니다. 응용 프로그램을 Windows 스토어에 제출하기 전에 이 예외 없이 응용 프로그램을 테스트해야 합니다.

네트워크 루프백 예외를 제거하려면 디버깅 속성 페이지의 네트워크 루프백 허용 목록에서 아니요를 선택합니다.

디버깅 세션을 시작합니다.

디버깅 시작(F5)

디버그 메뉴(키보드: F5)에서 디버깅 시작을 선택하면 Visual Studio는 디버거가 연결된 응용 프로그램을 시작합니다. 중단점에 도달하거나 수동으로 실행을 일시 중단하거나 처리되지 않은 예외가 발생하거나 응용 프로그램이 끝날 때까지 계속해서 실행됩니다.

디버깅을 시작하되F5) 응용 프로그램 시작 지연

디버그 모드에서 실행되도록 응용 프로그램을 설정할 수 있지만 디버거가 아닌 방법으로 응용 프로그램이 시작되게 할 수 있습니다. 예를 들어 시작 메뉴에서 응용 프로그램 시작을 디버깅하거나 응용 프로그램을 시작하지 않고 응용 프로그램에서 백그라운드 프로세스를 디버깅할 수 있습니다. 응용 프로그램 시작을 지연하려면 다음을 수행합니다.

1. 응용 프로그램 프로젝트 속성의 디버그 페이지에 있는 응용 프로그램 시작 목록에서 아니요를 선택합니다.

2. 디버그 메뉴에서 디버깅 시작(키보드: F5)을 선택합니다.

3. 시작 메뉴, 실행 계약 또는 다른 프로시저를 통해 응용 프로그램을 시작합니다.

디버그 모드에서 응용 프로그램이 시작됩니다. 중단점에 도달하거나 수동으로 실행을 일시 중단하거나 처리되지 않은 예외가 발생하거나 응용 프로그램이 끝날 때까지 계속해서 실행됩니다.

. 백그라운드 작업 디버깅에 대한 자세한 내용은 Windows 스토어 앱에서 일시 중단, 다시 시작 및 백그라운드 이벤트를 트리거하는 방법을 참조하십시오.

디버거에서 설치된 응용 프로그램 시작

F5 키를 사용하여 디버깅을 시작할 때 Visual Studio에서는 응용 프로그램을 빌드 및 배포하고 디버그 모드에서 실행되도록 응용 프로그램을 설정한 다음 응용 프로그램을 시작합니다. 장치에 이미 설치된 응용 프로그램을 시작하려면 설치된 응용 프로그램 패키지 디버그 대화 상자를 사용합니다. 이 절차는 Windows 스토어에서 설치된 응용 프로그램을 디버깅해야 하는 경우나 응용 프로그램의 소스 파일은 있지만 응용 프로그램에 대한 Visual Studio 프로젝트가 없는 경우에 유용합니다. 예를 들어 Visual Studio 프로젝트 또는 솔루션을 사용하지 않는 사용자 지정 빌드 시스템이 있을 수 있습니다.

응용 프로그램은 로컬 장치에 설치되거나 원격 장치에 있을 수 있습니다. 응용 프로그램을 즉시 시작하거나 시작 메뉴나 활성화 계약 등의 다른 프로세스나 방법으로 시작될 때 디버거에서 실행되도록 응용 프로그램을 설정할 수 있습니다. 응용 프로그램을 시작하지 않고 백그라운드 프로세스를 디버깅하려는 경우에도 디버그 모드에서 실행되도록 응용 프로그램을 설정할 수 있습니다. 자세한 내용은 Windows 스토어 앱에서 일시 중단, 다시 시작 및 백그라운드 이벤트를 트리거하는 방법을 참조하십시오.

디버그 모드에서 실행되도록 설치된 응용 프로그램을 설정하려면 다음을 수행합니다.

1. 디버그 메뉴에서 설치된 응용 프로그램 패키지 디버그를 선택합니다.

2. 목록에서 다음 옵션 중 하나를 선택합니다.

   로컬 컴퓨터	로컬 컴퓨터의 현재 세션에서 응용 프로그램을 디버깅합니다. 로컬 컴퓨터에서 Windows 스토어 앱 실행을 참조하십시오.
   시뮬레이터	Windows 스토어 앱에 대한 Visual Studio 시뮬레이터에서 응용 프로그램을 디버깅합니다. 시뮬레이터는 로컬 컴퓨터에서 사용할 수 없는 터치 제스처 및 장치 회전과 같은 장치 기능을 디버깅할 수 있도록 하는 데스크톱 창입니다. 시뮬레이터에서 Windows 스토어 앱 실행을 참조하십시오.
   원격 컴퓨터	인트라넷을 통해 로컬 컴퓨터에 연결되거나 이더넷 케이블을 사용하여 직접 연결된 장치에서 응용 프로그램을 디버깅합니다. 원격으로 디버깅하려면 Visual Studio 원격 도구가 원격 장치에 설치되어 실행되고 있어야 합니다. 원격 컴퓨터에서 Windows 스토어 앱 실행을 참조하십시오.

3. 설치된 응용 프로그램 패키지 목록에서 응용 프로그램을 선택합니다.

4. 다음 코드 형식 디버깅 목록에서 사용할 디버그 엔진을 선택합니다.

5. (선택 사항) 다른 방법으로 시작될 때 응용 프로그램을 디버깅하거나 백그라운드 프로세스를 디버깅하려면 **시작하지 않음(시작 시 코드 디버그)**을 선택합니다.

시작을 클릭하면 응용 프로그램이 시작되거나 디버그 모드에서 실행되도록 설정됩니다.

실행 중인 응용 프로그램에 디버거 연결

Windows 스토어 응용 프로그램에 디버거를 연결하려면 디버깅 가능 패키지 관리자를 사용하여 응용 프로그램이 디버그 모드에서 실행되도록 설정합니다. 디버깅 가능 패키지 관리자는 Visual Studio 원격 도구와 함께 설치됩니다.

응용 프로그램에 디버거를 연결하는 기능은 Windows 스토어에서 설치된 응용 프로그램과 같이 이미 설치된 응용 프로그램을 디버깅해야 하는 경우 유용합니다. 응용 프로그램의 소스 파일은 있지만 응용 프로그램에 대한 Visual Studio 프로젝트가 없는 경우 연결해야 합니다. 예를 들어 Visual Studio 프로젝트 또는 솔루션을 사용하지 않는 사용자 지정 빌드 시스템이 있을 수 있습니다.

응용 프로그램에 연결하려면

1. 응용 프로그램이 디버그 모드에서 실행되도록 설정합니다. 이 작업은 응용 프로그램이 실행되고 있지 않을 때 수행해야 합니다.

2. 응용 프로그램을 시작합니다. 시작 메뉴, 실행 계약 또는 다른 메서드를 통해 응용 프로그램을 시작할 수 있습니다.

3. 실행 중인 응용 프로그램에 디버거 연결합니다.

응용 프로그램이 디버그 모드에서 실행되도록 설정

1. 응용 프로그램이 설치된 장치에 Visual Studio 원격 도구를 설치합니다. Installing the Remote Debugger를 참조하십시오.

2. 시작 메뉴에서 Debuggable Package Manager를 검색한 다음 응용 프로그램을 시작합니다.

   AppxDebug cmdlet에 맞게 올바르게 구성된 PowerShell 창이 나타납니다.

3. 응용 프로그램의 디버깅을 사용하도록 설정하려면 응용 프로그램의 PackageFullName 식별자를 지정해야 합니다. PackageFullName이 포함되어 있는 모든 응용 프로그램의 목록을 보려면 PowerShell 프롬프트에서 Get-AppxPackage를 입력합니다.

4. PowerShell 프롬프트에서 Enable-AppxDebug PackageFullName을 입력합니다. 여기서 PackageFullName은 응용 프로그램의 PackageFullName 식별자입니다.

디버거 연결

디버거를 연결하려면 다음을 수행합니다.

1. 디버그 메뉴에서 프로세스에 연결을 선택합니다.

   프로세스에 연결 대화 상자가 나타납니다.

2. 원격 장치의 응용 프로그램에 연결하려면 한정자 상자에 원격 장치를 지정합니다. 다음과 같은 작업을 수행할 수 있습니다.

   • 한정자 상자에 이름을 입력합니다.

   • 한정자 상자에서 아래쪽 화살표를 선택하고 앞에서 연결한 장치의 목록에서 장치를 선택합니다.

   • 찾기를 선택하여 로컬 서브넷의 장치 목록에서 장치를 선택합니다.

3. 연결 대상 상자에서 디버깅할 코드의 형식을 지정합니다.

   선택을 선택한 후 다음 중 하나를 수행합니다.

   • 디버깅할 코드 형식을 자동으로 결정을 선택합니다.

   • 다음 코드 형식 디버깅을 선택한 다음 목록에서 하나 이상의 형식을 선택합니다.

4. 사용 가능한 프로세스 목록에서 적절한 wwahost.exe 프로세스를 선택합니다. 제목 열을 사용하여 응용 프로그램을 식별합니다.

5. 연결을 선택합니다.

프로세스에 디버거가 연결됩니다. 중단점에 도달하거나 수동으로 실행을 일시 중단하거나 처리되지 않은 예외가 발생하거나 응용 프로그램이 끝날 때까지 계속해서 실행됩니다.

참고 항목

개념

퀵 스타트: 디버거 탐색(JavaScript)

빠른 시작: 앱 디버깅(JavaScript)

Windows 스토어 앱에서 일시 중단, 다시 시작 및 백그라운드 이벤트를 트리거하는 방법

Windows 스토어 앱 디버깅