2009년 2월 4일 수요일

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

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

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


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

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

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

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

ps/ 제 글의 오류를 지적해 주신 Rhio.Kim님 감사드립니다.
작성자: 시간:
라벨: , , , , , ,

댓글 3개:

  1. Rhio.kim2009년 2월 4일 오후 8:30

    아시겠지만 Obtrusive 는 Unobtrusive의 반의어인데요.

    위의 설명중에 혼돈스럽게 설명하신 부분이 있네요.



    Unobtrusive JavaScript 를 "겸손한 자바스크립트", "비간섭 자바스크립트" 라고 부르는데 Obtrusive JavaScript는 그와 반대로 HTML내에서 동작하는 JavaScript를 의미합니다.



    설명하신 Obtrusive JavaScript Checker Addon도 보니 Obstrusive JavaScript 를 찾아주는 기능을 하는것 같더군요.

    답글삭제
  2. Rhio.Kim's Blog - drawing Laputa Web -2009년 2월 4일 오후 8:31

    trackback from: Unobtrusive JavaScript 에 대한 고찰
    프로포타입과 스크립타큘러스 상세보기 크리스토피 포트누브 지음 | 인사이트 펴냄 이 책은 자바스크립트 개발에서 필수적인 라이브러리가 된 프로토타입(Prototype)과 스크립타큘러스(script.aculo...프로토타입(Prototype)은 동적인 웹 애플리케이션 개발을도와주는 자바스크립트 라이브러리다.... 인사이트 출판사에서 Prototype and Script.aculo.us 라는 책을 출간하면서 던졌던 Unobtrusive JavaScript에..

    답글삭제
  3. 추지호2009년 2월 4일 오후 9:12

    @Rhio.kim - 2009/02/05 13:30
    아이쿠, 감사합니다.

    제가 제대로 확인하지 않고 포스팅을 해 버렸네요^^;

    Rhio.Kim님 덕분에 제대로 알고 수정했습니다.

    답글삭제

피드 구독하기: 댓글 (Atom)