원경 장치의 스토어 앱에서 JavaScript 함수 타이밍 데이터 수집
.png "Windows에만 적용")
Visual Studio 성능 및 진단 허브의 JavaScript 함수 타이밍 도구를 사용하면 코드에서 성능 관련 문제를 측정, 평가하고 대상으로 지정할 수 있습니다. 프로파일러는 앱에서 각 함수를 시작 및 종료할 때 타이밍 정보를 수집합니다. 프로파일링 보고서 뷰에는 앱 성능에 대한 다양한 컨텍스트의 자세한 정보를 나타내는 그래픽 표현과 표 형식 표현이 표시됩니다. 이 보고서 뷰에서 코드 실행 경로와 함수 실행 비용을 탐색하여 가장 최적화된 기회를 찾을 수 있습니다. 앱의 전체 실행을 프로파일링하거나, 프로파일링을 일시 중단했다가 다시 시작하여 특정 시나리오의 데이터만 수집할 수 있습니다.
참고
Visual Studio 2013 업데이트 2부터 CPU 사용량 도구를 이용하여 JavaScript 함수 타이밍 도구와 동일한 데이터를 수집할 수 있습니다.스토어 앱에서 CPU 사용 분석을 참조하십시오.이 두 도구의 주요 차이점은 다음과 같습니다.
-
JavaScript 함수 타이밍 도구는 앱에서 함수에 대한 호출 수를 수집합니다.그러나 이 도구는 Windows Phone 앱에서 실행되지 않으므로 프로파일링 세션에서는 이 도구와 함께 다른 도구를 사용할 수 없습니다.
-
CPU 사용량 도구는 모든 Windows 런타임 앱에서 실행됩니다.또한 에너지 소비 도구와 같은 다른 진단 도구에서 데이터를 수집하여 특정 문제를 진단할 수도 있습니다.
이 항목에서는 Visual Studio IDE를 사용하여 원격 컴퓨터에서 Windows 스토어 앱의 JavaScript 코드를 프로파일링하는 방법에 대해 설명합니다.
Visual Studio 컴퓨터에 배포된 앱에서 프로파일링 데이터를 수집하려면 로컬 컴퓨터의 스토어 앱에서 JavaScript 함수 타이밍 데이터 수집을 참조하세요.
시뮬레이터는 응용 프로그램의 성능을 왜곡할 수 있으므로 시뮬레이터에서는 프로파일링하지 않는 것이 좋습니다.
일반적으로 Visual Studio는 데스크톱 컴퓨터에 설치되어 있습니다. Windows 스토어 앱은 다양한 장치, 폼 요소 및 프로세서 유형에서 실행됩니다. 원격 프로파일링을 사용하면 네트워크를 통해 Visual Studio 컴퓨터에 연결되거나 이더넷 케이블을 통해 직접 연결된 장치에서 성능 데이터를 수집할 수 있습니다. 원격으로 프로파일링하면 응용 프로그램의 최신 빌드가 배포됩니다.
참고
-
원격 장치에서 프로파일링하려면 해당 장치에서 관리자여야 합니다.
-
원격 데스크톱 연결은 사용하지 않고 원격 장치에서 직접 사용자 상호 작용을 수행하는 것이 좋습니다.원격 데스크톱 연결을 사용하면 응용 프로그램의 성능과 수집하는 성능 데이터가 크게 변경됩니다.
항목 내용
원격 장치에서 원격 프로파일링 구성
Visual Studio에서 원격 프로파일링 구성
- 다른 디버깅 속성
응용 프로그램 프로파일링
전체 프로파일링 실행에 대한 성능 데이터 수집
특정 시나리오에 대한 성능 데이터 수집
원격 장치에서 원격 프로파일링 구성
원격 장치에는 개발자 라이선스와 Visual Studio 원격 도구가 설치되어 있어야 하고 원격 디버깅 모니터가 실행되고 있어야 합니다.
원격 장치에 개발자 라이선스를 설치하려면 Getting a developer license for Windows 8를 참조하세요.
Visual Studio 원격 도구를 설치하려면 원격 도구 설치를 참조하세요.
원격 디버깅 모니터를 시작하려면 시작 화면에서 원격 디버깅 모니터를 선택합니다.
Visual Studio에서 원격 프로파일링 구성
원격 장치에서 앱을 프로파일링하려면 Visual Studio 프로젝트의 디버깅 속성에서 장치의 이름 또는 IP 주소를 지정합니다. 로컬 컴퓨터 배포 대상을 지정하고 전체 또는 일부 실행에 대한 데이터 프로파일링과 수집을 시작했다가 중지합니다. 그러면 Visual Studio에서 IDE의 문서 창에 결과가 표시됩니다.
원격 장치에서 응용 프로그램을 프로파일링하려면 다음을 수행합니다.
Visual Studio에서 프로파일링할 프로젝트를 엽니다.
디버그 메뉴에서 프로젝트 속성을 선택합니다.
구성 속성 노드에서 디버깅을 선택합니다.
.png "JavaScript 디버깅 프로젝트 속성")
실행할 디버거 목록에서 원격 컴퓨터를 선택합니다.
컴퓨터 이름 행에 원격 장치의 이름 또는 IP 주소를 입력합니다.
원격 장치가 Visual Studio 컴퓨터와 동일한 서브넷에 있거나 원격 장치가 Visual Studio 컴퓨터에 직접 연결되어 있는 경우, 행에서 아래쪽 화살표를 선택하고 <찾기...> 항목을 선택한 다음 원격 디버거 연결 대화 상자에서 장치를 선택하면 됩니다.
디버거 유형 목록에서 앱 구성 요소에서 JavaScript 또는 Visual C++, Visual C# 또는 Visual Basic 코드를 프로파일링할지 선택합니다.
JavaScript를 프로파일링하려면 스크립트만을 선택합니다.
JavaScript 앱의 C#/VB/C++ 구성 요소를 프로파일링하려면 다른 값을 선택합니다.
다른 디버깅 속성
네트워크 로컬 루프백 허용은 프로파일링에 아무런 영향을 주지 않습니다.
인증 필요는 항상 예로 설정해야 합니다. 네트워크 인증을 요구하지 않으면 네트워크가 악의적인 사용자에 의한 중대한 공격 위험에 놓이게 됩니다.
응용 프로그램 프로파일링
전체 실행에 대한 프로파일링 데이터를 수집할 수도 있고, 특정 시나리오에 대한 데이터만 수집할 수도 있습니다.
.png "프로파일링 중지")
전체 프로파일링 실행에 대한 성능 데이터 수집
앱을 시작부터 끝까지 프로파일링하려면 다음을 수행합니다.
프로파일러를 시작합니다. 성능 분석 시작(키보드: ALT+F2)을선택하여 앱을 시작하고 즉시 프로파일링을 시작합니다. 원격 디버거 모니터 권한 상승을 수락해야 합니다.
앱을 실행합니다. 앱에서 프로파일링할 부분을 실행합니다. 더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: Ctrl+Alt+F2)를 선택합니다. 프로파일러가 데이터를 분석하고 프로파일링 데이터의 요약 뷰를 표시합니다.
특정 시나리오에 대한 성능 데이터 수집
앱에서 특정 시나리오를 프로파일링하려면 다음을 수행합니다.
프로파일러를 시작합니다. 일시 중지된 성능 분석 시작(키보드: Ctrl+Alt+F2)을 선택하여 프로파일링이 일시 중단된 상태에서 앱을 시작합니다. 원격 디버거 모니터 권한 상승을 수락해야 합니다.
프로파일링을 다시 시작했다가 일시 중단합니다. 관심 있는 시나리오를 시작하기 직전에 프로파일링 문서 창에서 프로파일링 다시 시작을 선택합니다. 시나리오를 실행한 다음 프로파일링 일시 중지를 선택하여 데이터 수집을 일지 중단합니다. 선택한 횟수 만큼 프로파일링을 일시 중단했다 다시 시작할 수 있습니다.
더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: Ctrl+Alt+F2)를 선택합니다.
프로파일링 실행을 중지하면 프로파일러가 데이터를 분석하고 IDE의 문서 창에 프로파일링 데이터의 요약 뷰를 표시합니다. 스토어 앱에서 JavaScript 함수 타이밍 데이터 분석을 참조하십시오.
참고 항목
개념
Visual Studio 진단 도구를 사용하여 Windows 스토어 앱의 성능 분석