45 크롬 디버거 활용하기
이번 강에서는 크롬 브라우저에서 자바스크립트 프로그램을 디버깅하는 방법을 알아보겠습니다.
프로그램을 작성하면 발생할 수 있는 오류는 크게 두 가지로 나뉩니다.
• Syntax error: 문법적 오류
• Semantic error: 프로그램의 논리적 오류
Syntax error는 해당 구문이 실행되지 않으므로 쉽게 발견되고 그만큼 수정하기도 쉽습니다. 반면 Semantic error는 실행은 되지만 개발자가 의도하지 않은 결과를 내보냅니다. 실행되기 때문에 쉽게 발견되지 않아 수정하기가 더 어렵습니다.
이런 문제점을 버그(bug)라고 부릅니다. 버그를 고칠 때 디버거(debugger)를 사용하면 실행 중인 코드의 원하는 부분에 도달했을 때, 실행을 잠시 멈추고 해당 시점에서 변수 값이나 상태를 확인함으로써 의도치 않은 프로그램 실행 결과의 원인을 쉽게 알아낼 수 있습니다. 보통 브라우저의 개발자 도구는 디버거 기능을 함께 제공합니다.
확인해 볼까요?