[TIL] JavaScript - debugger

서론

이건 또 웨않되??? 버튼 클릭 시 onclick event를 줬는데 안 먹힌다...

두 번 더 클릭을 해야 먹히는 이 상황은 뭐징...

어디서 문제가 걸리는지 알고 싶은데 어떻게 해야 할지 모르던 상황에서 튜터님께서 도움을 주셨습니다!!!

 

debugger

debugger문을 활용하시면 JavaScript 코드의 실행 흐름을 따라가며 효과적으로 검증이 가능합니다.

사용법은 검증하고 싶은 코드 중간에 debugger문을 끼워 넣어주면 됩니다.

위 사진처럼 debugger를 넣은 위치부터 코드가 실행되는 흐름을 사용자가 원하는 대로 볼 수 있습니다.

이 방법으로 오류 메시지는 없지만 실행이 안 되는 부분, 어디서 꼬였는지 알 수 있습니다.

 

마치며...

오늘도 참 많은 오류들을 만났고...

같은 오류면 반가워서 인사라도 건넸겠지만...

매번 새로운 오류가 반겨줘서 참 낯섭니다...