구글 Chrome브라우저를 사용하시면요. Angular 애플리케이션의 debugging을 매우 간단하게 하실수 있으세요. 아래와 같이 Angular애플리케이션 아무데나 debugger;라고 삽입하시면 해당 앱을 브라우저에서 실행했을때, 거기서 딱 멈추고 debug명령을 기다립니다.
function init() {
debugger;
...
}위의 코드를 Chrome브라우저로 실행하면 아래와 같이 해당위치에서 멈춰서 debugging해주기를 기다리는 걸 보실수 있으실거에요.
이후로는 브라우저에서 제공하는 디버깅 버튼을 눌러가며 편리하게 디버깅을 하시면 됩니다.