'디버그'에 해당되는 글 2건

  1. 2008.10.17 alert()에게 작별을 (3)
  2. 2008.06.12 NitobiBug: 크로스 브라우저 디버깅

alert()에게 작별을

2008. 10. 17. 07:44 from [IT] Web Tech
Blackbird는 G. Scott Olson씨가 작성한 JavaScript 로깅 라이브러리로 "Blackbird에게 환영을, alert()에게 작별을" 이라는 캐치 슬로건을 가지고 있습니다. 그 슬로건이야말로 Blackbird 라이브러리가 목표하는 바를 명확히 알 수 있게 해줍니다. 자바스크립트에서 메시지 로깅을 아주 쉽게 해주는 것입니다. 그리고 설치도 매우 쉽습니다. 아래 몇 줄의 코드만으로, 관심있는 특정 데이터를 표현해주는 체크포인트를 설정할 수 있게 됩니다.
[code:html]
<html>
    <head>
        <script type="text/javascript" src="/PATH/TO/blackbird.js"></script>
        <link type="text/css" rel="Stylesheet" href="/PATH/TO/blackbird.css" />
        ...
    </head>
</html>
콘솔에 결과를 보내는 Blackbird의 메소드를 사용하는 것은 매우 간단한 일입니다.
[code:js]
log.debug( 'this is a debug message' );
log.info( 'this is an info message' );
log.warn( 'this is a warning message' );
log.error( 'this is an error message' );
이러한 공개 메소드들이 보내진 메시지들의 유형을 쉽게 파악할 수 있도록 고유한 방식으로 데이터를 표현한다는 것도 장점입니다.
Blackbird는 다음 브라우저들에서 테스트되었습니다.
  • Internet Explorer 6+
  • Firefox 2+
  • Safari 2+
  • Opera 9.5
Brian Dillard씨는 이번 릴리즈를 처음 알린 분들 중 한 명으로 Blackbird에 대한 좋은 글을 쓰기도 하셨습니다.

from Say Goodbye to alert()
Posted by 행복한고니 트랙백 2 : 댓글 3

댓글을 달아 주세요

  1. addr | edit/del | reply BlogIcon 열이아빠 2008.10.17 09:21 신고

    이거 괜찮네요.
    사용하기도 너무 편하고 가볍고...

  2. addr | edit/del | reply BlogIcon 알통 2008.10.19 17:45 신고

    너무나도 많은 라이브러리.. 그것도 문제네요.
    하나를 선택해서 공부를 해야겠습니다.

사용자 삽입 이미지
Nitobi 에서 크로스 브라우저 디버깅 스크립트인 NitobiBug를 릴리스했습니다:
이것은 브라우저 기반의 JavaScript  객체 로거이자 인스펙터입니다 - Firebug와 유사하죠. NitobiBug는 일관성과 rich Ajax 응용프로그램 개발을 위한 강력한 도구를 제공하기 위해 다른 브라우저에서도 동작합니다(IE6+, Safari, Opera, Firefox).
이렇게 사용할 수 있습니다:
[code:js]
// inspect an object
var myObject = {a:234523, something:'else', mylist:[32423,4556,'sdfs']}; nitobi.Debug.log(myObject);
 
// inspect a DOM element
var myDomObject = document.getElementById('someID'); nitobi.Debug.log(myDomObject);
 
// output text
nitobi.Debug.log("This is a test");
창의 위치를 기억하며, DOM 디버그 창의 "show me" 링크를 클릭하면 강조된 엘리먼트를 (가능하다면) 보시게 될 것입니다.


from NitobiBug: Cross browser debugging
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요