클라이언트측 스크립트 디버깅 안내
[이 도움말 항목은 Visual Studio 시험판의 도움말로서 향후 릴리스에서 변경될 수 있습니다. 빈 도움말 항목은 임시로 포함되었습니다.]
이 항목은 다음 언어에 적용됩니다.
Visual Studio |
Visual Basic |
C# |
C++ |
J# |
Visual Web Developer |
Express |
예 |
예 |
예 |
예 |
예 |
Standard |
예 |
예 |
예 |
예 |
예 |
Pro/Team |
예 |
예 |
예 |
예 |
예 |
Visual Studio 디버거를 사용하여 웹 페이지에서 클라이언트측 스크립트를 디버깅할 때 다음 작업을 수행할 수 있습니다.
디버깅하고 있는 웹 페이지(.htm, .html, .asp, .aspx)의 소스 코드 보기
중단점 및 단계별 실행을 사용하여 스크립트 실행 제어
직접 실행 창 및 조사식 창을 비롯한 여러 디버깅 창을 사용하여 변수 및 속성 값 보기 및 변경
호출 스택 창을 사용하여 스크립트 흐름 보기 및 제어
.gif)
참고:스크립트를 디버깅하려면 Internet Explorer에서 스크립트 디버깅을 사용하도록 설정해야 합니다.
소스 보기
Visual Studio 디버거를 사용하면 디버깅하고 있는 스크립트를 IDE에서 읽기 전용 편집기로 볼 수 있습니다. 디버깅하는 동안은 스크립트 문서가 읽기 전용이므로 창에서 텍스트를 변경할 수 없지만 해당 문서를 새 이름으로 저장한 다음 문서를 다시 열어 수정할 수는 있습니다.
프로그램 실행 제어
프로그램 실행을 제어하려면 스크립트 실행이 중단되는 위치인 중단점을 설정합니다. 중단점이 포함된 줄은 편집기에서 강조 표시됩니다.
중단점을 설정한 후에는 스크립트를 포함하고 있는 문서를 실행합니다. 스크립트 실행이 첫 번째 중단점에 도달하면 스크립트가 일시 중지되고 디버거가 시작됩니다. 현재 줄은 편집기의 왼쪽 여백에서 노란색 바탕에 노란색 화살표가 있는 모양으로 표시됩니다.
중단점에 도달한 후에는 스크립트의 개별 줄을 단계별로 실행할 수 있습니다. 스크립트를 단계별로 실행하면서 각 줄의 결과를 볼 수 있습니다.
스크립트에서 다른 프로시저(함수 또는 서브루틴)를 호출하는 지점에 도달하면 해당 프로시저의 코드를 한 단계씩 실행하거나, 프로시저를 실행(프로시저 단위 실행)하고 다음 줄에서 중지할 수 있습니다. 아무 지점에서나 현재 프로시저의 끝으로 건너뛴 다음 원래 프로시저 호출의 다음 줄로 이동(프로시저 나가기)할 수 있습니다. 다음 중단점으로 진행할 수도 있습니다.
일반적으로 실행은 문 단위로 진행되며 위에서 설명한 것과 같은 프로시저가 있어도 이 순서는 변경되지 않고 단순히 다음에 실행이 중단되는 위치에만 영향을 줍니다. 그러나 노란색 실행 화살표를 다른 위치로 끌어서 해당 줄을 다음에 실행할 문으로 설정할 수 있습니다. 유일한 제한은 "범위"를 변경할 수 없다는 것입니다. 즉 화살표를 현재 프로시저의 외부로 끌 수는 없습니다.
값 보기 및 변경
디버깅하는 동안 변수나 속성 값을 보고 변경할 수 있습니다. 실행하고 있는 스크립트를 직접 변경하면 스크립트의 값이 변경되어 스크립트 실행에 영향을 줄 수 있습니다. 값을 변경한 다음 스크립트를 계속 실행하여 변경 내용의 결과를 볼 수 있습니다.
값을 보고 변경하려면 직접 실행 창이나 디버거 변수 창을 사용합니다. 이 창에서 식을 계산하고 스크립트 명령을 입력하여 해당 결과를 볼 수 있습니다. 또한 현재 실행하고 있는 스크립트의 언어로 명령을 입력할 수 있습니다.
프로그램 흐름 보기 및 제어
호출 스택 창에서는 현재 실행하고 있는 프로시저와 함수를 추적할 수 있습니다. 디버깅하는 동안 프로시저 사이의 제어 흐름을 볼 수 있습니다. 호출 스택에서 프로시저를 선택하고 실행이 해당 프로시저로 반환될 때까지 실행할 수도 있습니다. 자세한 내용은 How to: Run to a Specified Function을 참조하십시오.