로컬 컴퓨터의 Windows 스토어 앱에서 JavaScript 코드를 프로파일링하는 방법
JavaScript용 Visual Studio 프로파일링 도구를 사용하면 코드의 성능 관련 문제를 측정하고 평가하고 대상으로 지정할 수 있습니다. 프로파일러는 응용 프로그램에서 각 함수의 진입 및 종료 시 타이밍 정보를 수집합니다. 프로파일링 보고서 뷰에는 응용 프로그램의 성능에 대한 다양한 컨텍스트의 자세한 정보를 나타내는 그래픽 표현과 표 형식 표현이 표시되며 이 보고서 뷰를 사용하여 최상의 최적화 기회를 찾도록 코드의 실행 경로와 함수의 실행 비용을 탐색할 수 있습니다. 응용 프로그램의 전체 실행을 프로파일링하거나 프로파일링을 일시 중단한 후 다시 시작하여 특정 시나리오에 대한 데이터만 수집할 수 있습니다.
이 항목에서는 Visual Studio IDE를 사용하여 로컬 컴퓨터에서 Windows 응용 프로그램의 JavaScript 코드를 프로파일링하는 방법에 대해 설명합니다.
Visual Studio가 설치되어 있지 않은 장치에 배포된 응용 프로그램에서 프로파일링 데이터를 수집하려면 원격 장치의 Windows 스토어 앱에서 JavaScript 코드를 프로파일링하는 방법을 참조하십시오.
시뮬레이터는 응용 프로그램의 성능을 왜곡할 수 있으므로 시뮬레이터에서는 프로파일링하지 않는 것이 좋습니다.
항목 내용
여기에서 배울 내용
퀵 스타트: 쉬운 프로파일링 방법
프로젝트 디버그 속성 설정 구성
응용 프로그램 프로파일링
C#/VB/C++ 구성 요소에 대한 성능 데이터 수집
전체 프로파일링 실행에 대한 성능 데이터 수집
특정 시나리오에 대한 성능 데이터 수집
퀵 스타트: 쉬운 프로파일링 방법
대부분의 경우 네 가지 단계를 통해 응용 프로그램에 대한 프로파일링 데이터를 수집할 수 있습니다.
그러나 Visual Studio 프로파일러는 프로젝트의 디버그 설정을 사용하여 로컬 컴퓨터에 있는 응용 프로그램의 배포를 구성합니다. 프로젝트의 표준 디버그 설정을 변경한 경우 먼저 해당 설정이 프로파일링과 호환되는지 확인해야 합니다. 자세한 내용은 이 항목의 프로젝트 디버그 속성 설정 구성을 참조하십시오.
4단계 프로파일링
로컬 컴퓨터를 배포 대상으로 선택합니다. Visual Studio 표준 도구 모음의 디버깅 시작 단추 옆에 있는 드롭다운 목록에서 로컬 컴퓨터를 선택합니다.
.png "로컬 컴퓨터에서 실행")
프로파일러를 시작합니다. 성능 분석 시작을 선택하여(키보드: ALT + F2) 응용 프로그램을 시작하고 바로 프로파일링을 시작합니다.
응용 프로그램을 실행합니다. 프로파일링할 응용 프로그램 부분을 실행합니다. 더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: CTRL + ALT + F2)를 선택합니다. 프로파일러가 데이터를 분석하고 프로파일링 데이터의 요약 뷰를 표시합니다.
프로파일링 실행을 중지하면 프로파일러가 데이터를 분석하고 IDE의 문서 창에 프로파일링 데이터의 요약 뷰를 표시합니다. Windows 스토어 앱에서 JavaScript 성능 데이터 분석을 참조하십시오.
프로젝트 디버그 속성 설정 구성
디버그 메뉴에서 프로젝트 속성을 선택합니다.
구성 속성 노드에서 디버깅을 선택합니다.
.png "속성 디버그")
다음 표를 사용하여 설정을 적절한 값으로 구성할 수 있습니다.
옵션
값
실행할 디버거
로컬 컴퓨터로 설정합니다.
응용 프로그램 시작
예로 설정합니다.
로컬 네트워크 루프백 허용
이 설정은 프로파일링에 영향을 주지 않습니다.
디버거 형식
스크립트만으로 설정하여 JavaScript를 프로파일링합니다.
임의의 다른 값으로 설정하여 JavaScript 앱의 C#/VB/C++ 구성 요소를 프로파일링합니다.
응용 프로그램 프로파일링
전체 실행에 대한 프로파일링 데이터를 수집하거나 특정 시나리오에 대한 데이터만 수집할 수 있습니다. JavaScript 앱의 C#/VB/C++ 구성 요소에 대한 프로파일링 데이터를 수집할 수도 있습니다.
.png "프로파일링 중지")
.gif "Hh696637.collapse_all(ko-kr,VS.110).gif")
C#/VB/C++ 구성 요소에 대한 성능 데이터 수집
JavaScript 앱의 C#/VB/C++ 구성 요소에 대한 성능 데이터를 수집하려면 JavaScript 프로젝트의 디버깅 속성 페이지에 있는 디버거 형식 목록에서 스크립트만을 제외한 항목을 선택합니다. 이 항목의 프로젝트 디버그 속성 설정 구성을 참조하십시오.
그런 다음 아래 설명된 대로 전체 프로파일링 실행에 대한 성능 데이터를 수집하거나 특정 시나리오에 대한 프로파일링 데이터만 수집할 수 있습니다.
C#/VB/C++ 성능 데이터를 분석하려면 Windows 스토어 앱에서 Visual C++, Visual C# 및 Visual Basic 코드에 대한 성능 데이터 분석을 참조하십시오.
참고
이 옵션을 선택하면 JavaScript 성능 데이터가 수집되지 않습니다.
전체 프로파일링 실행에 대한 성능 데이터 수집
참고
이 절차는 기본적으로 퀵 스타트: 쉬운 프로파일링 방법과 동일합니다.
응용 프로그램을 시작부터 끝까지 프로파일링하려면 다음을 수행합니다.
프로파일러를 시작합니다. 성능 분석 시작을 선택하여(키보드: ALT + F2) 응용 프로그램을 시작하고 바로 프로파일링을 시작합니다.
응용 프로그램을 실행합니다. 프로파일링할 응용 프로그램 부분을 실행합니다. 더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: CTRL + ALT + F2)를 선택합니다. 프로파일러가 데이터를 분석하고 프로파일링 데이터의 요약 뷰를 표시합니다.
특정 시나리오에 대한 성능 데이터 수집
응용 프로그램의 특정 시나리오를 프로파일링하려면 다음을 수행합니다.
프로파일러를 시작합니다. 일시 중지된 성능 분석 시작을 선택하여(키보드: Ctrl + Alt + F2) 프로파일링이 일시 중지된 응용 프로그램을 시작합니다.
프로파일링을 다시 시작하고 일시 중단합니다. 관심 있는 시나리오를 시작하기 직전에 프로파일링 문서 창에서 프로파일링 다시 시작을 선택합니다. 시나리오를 실행한 다음 프로파일링 일시 중지를 선택하여 데이터 수집을 일시 중단합니다. 선택할 때마다 언제든지 프로파일링을 일시 중단하고 다시 시작할 수 있습니다.
더 정확한 결과를 얻으려면 주요 시나리오를 반복합니다.
프로파일링을 중지합니다. 프로파일링 문서 창에서 프로파일링 중지(키보드: CTRL + ALT + F2)를 선택합니다.
프로파일링 실행을 중지하면 프로파일러가 데이터를 분석하고 IDE의 문서 창에 프로파일링 데이터의 요약 뷰를 표시합니다. Windows 스토어 앱에서 JavaScript 성능 데이터 분석을 참조하십시오.