https://youtu.be/2f1aMNdhAEg?si=WnM0dd0Uh2jcl9pm

크롬의 개발자 도구 공식문서를 보면, 이런 튜토리얼이 있다.

https://googlechrome.github.io/devtools-samples/debug-js/get-started

우측의 디버깅 탭을 잘 활용할 줄 알아야 한다.

여기서 자주쓰이는건 이벤트 리스너 중단점이다.

수많은 이벤트들이 나열되어 있다.

마우스의 클릭에 중단점을 줘보자.

이제 어디든지 클릭하면 중단점에 의해 일시정지되고, 해당 이벤트를 처리하는 리스너가 강조표시된다.

이렇게 파란색 라벨이 붙으면 일반적인 코드 줄에 중단점을 붙인 것임.

감시에 감시할 변수명등을 적을 수도 있다.