자바 스크립트(Obtrusive JavaScript) 이벤트를 찾아주는 Firefox 확장기능

최근 자바스크립트를 이용한 웹 어플리케이션 제작이 많아졌습니다. 또한, 구조와 동작을 분리하여 자바스크립트를 마크업과 분리시키는 Unobtrusive JavaScript라는 것이 있는데요. 흔히 '겸손한 자바스크립트'라고도 부르고, 저는 하는 짓이 음큼하기 짝이 없어서 '응큼한 스크립트'라고 편하게 부르고 있습니다. 하지만 의외로 많은 개발자들이 편의성 때문에 마크업 내에 스크립트를 그대로 작성하는 경우가 많습니다. 지금 소개해 드리는 부가기능은 그러한 '눈에 띄는' 자바 스크립트(Obtrusive JavaScript)를 쉽게 찾아주는 도구입니다.

화면 어디 어디에 자바스크립트 이벤트들이 숨겨져 있는지 찾아준다.

Obtrusive JavaScript Checker를 설치하면 파이어폭스 하단 우측에 'OJSC'라는 아이콘이 생성되고, 이를 클릭하면, 위와 같이 페이지 내 어디 어디에 자바스크립트로 작성된 이벤트 영역이 붉게 표시됩니다. 좌측 하단에는 각 이벤트마다 갯수가 헤어려져 나타납니다.

자바스크립트를 이용한 웹 어플리케이션 개발이 잦은 개발자들에게는 요긴한 부가기능이 되지 않을까 싶습니다.

Robert's talk 웹 사이트와 파이어폭스 부가기능 웹 사이트에서 내려받을 수 있습니다.

참고로 Unobtrusive Javascript에 대해서는 Rhio.Kim님의 글 Unobtrusive JavaScript 에 대한 고찰을 살펴보시면 이해에 도움이 되실 것 같습니다.

ps/ 제 글의 오류를 지적해 주신 Rhio.Kim님 감사드립니다.