로컬 컴퓨터의 스토어 앱에서 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 프로파일러는 프로젝트의 디버그 설정을 사용하여 로컬 컴퓨터에 있는 응용 프로그램의 배포를 구성합니다. 프로젝트의 표준 디버그 설정을 변경한 경우 먼저 해당 설정이 프로파일링과 호환되는지 확인해야 합니다. 자세한 내용은 이 항목의 프로젝트 디버그 속성 설정 구성을 참조하세요.
4단계 프로파일링
로컬 컴퓨터를 배포 대상으로 선택합니다. Visual Studio 표준 도구 모음의 디버깅 시작 단추 옆에 있는 드롭다운 목록에서 로컬 컴퓨터를 선택합니다.
.png "로컬 컴퓨터에서 실행")
프로파일러를 시작합니다. 성능 분석 시작(키보드: ALT+F2)을 선택하여 앱을 시작하고 즉시 프로파일링을 시작합니다.
앱을 실행합니다. 앱에서 프로파일링할 부분을 실행합니다. 더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: Ctrl+Alt+F2)를 선택합니다. 프로파일러가 데이터를 분석하고 프로파일링 데이터의 요약 뷰를 표시합니다.
프로파일링 실행을 중지하면 프로파일러가 데이터를 분석하고 IDE의 문서 창에 프로파일링 데이터의 요약 뷰를 표시합니다. 스토어 앱에서 JavaScript 함수 타이밍 데이터 분석을 참조하십시오.
프로젝트 디버그 속성 설정 구성
디버그 메뉴에서 프로젝트 속성을 선택합니다.
구성 속성 노드에서 디버깅을 선택합니다.
.png "속성 디버그")
다음 표를 사용하여 설정을 적절한 값으로 구성합니다.
옵션
값
실행할 디버거
로컬 컴퓨터로 설정합니다.
응용 프로그램 시작
예로 설정합니다.
로컬 네트워크 루프백 허용
이 설정은 프로파일링에 아무런 영향을 미치지 않습니다.
디버거 형식
JavaScript를 프로파일링하려면 스크립트만으로 설정합니다.
JavaScript 앱의 C#/VB/C++ 구성 요소를 프로파일링하려면 다른 값으로 설정합니다.
응용 프로그램 프로파일링
전체 실행에 대한 프로파일링 데이터를 수집할 수도 있고, 특정 시나리오에 대한 데이터만 수집할 수도 있습니다. JavaScript 앱의 C#/VB/C++ 구성 요소에 대한 프로파일링 데이터를 수집할 수도 있습니다.
.png "프로파일링 중지")
전체 프로파일링 실행에 대한 성능 데이터 수집
참고
이 절차는 기본적으로 퀵 스타트: 쉬운 프로파일링 방법과 동일합니다.
앱을 시작부터 끝까지 프로파일링하려면 다음을 수행합니다.
프로파일러를 시작합니다. 성능 분석 시작(키보드: ALT+F2)을 선택하여 앱을 시작하고 즉시 프로파일링을 시작합니다.
앱을 실행합니다. 앱에서 프로파일링할 부분을 실행합니다. 더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: Ctrl+Alt+F2)를 선택합니다. 프로파일러가 데이터를 분석하고 프로파일링 데이터의 요약 뷰를 표시합니다.
특정 시나리오에 대한 성능 데이터 수집
앱에서 특정 시나리오를 프로파일링하려면 다음을 수행합니다.
프로파일러를 시작합니다. 일시 중지된 성능 분석 시작(키보드: Ctrl+Alt+F2)을 선택하여 프로파일링이 일시 중단된 상태에서 앱을 시작합니다.
프로파일링을 다시 시작했다가 일시 중단합니다. 관심 있는 시나리오를 시작하기 직전에 프로파일링 문서 창에서 프로파일링 다시 시작을 선택합니다. 시나리오를 실행한 다음 프로파일링 일시 중지를 선택하여 데이터 수집을 일지 중단합니다. 선택한 횟수 만큼 프로파일링을 일시 중단했다 다시 시작할 수 있습니다.
더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: Ctrl+Alt+F2)를 선택합니다.
프로파일링 실행을 중지하면 프로파일러가 데이터를 분석하고 IDE의 문서 창에 프로파일링 데이터의 요약 뷰를 표시합니다. 스토어 앱에서 JavaScript 함수 타이밍 데이터 분석을 참조하십시오.