자바스크립트 디버그 할때 유용한 Tip Blackbird

 자바스크립트로 복잡한 구현을 할 일이 있어서 설계를 MVC를 바탕에 두고 설계를 .... 페이지에 bind 하고 실행해줄 Control.js 와 Ajax 통신과 중요계산등을 하는 Model.js 그리고 페이지에 Dom을 만들고 추가 해줄 view.js로 나누어서 작업을 시작했다.....
 그러는 동안 다른 일이 있어서 다른 일좀 처리하고 한 일주일쯤 지났나??? 다시 작업을 하려니 컨트롤에서 모델로 넘어가 뷰로 나오다 보니 어느 함수를 타고 나오는지 기억이 안나서 일일이 alert을 찍어 봤더니 ...  실행 한번 하면 alert 창이 나오고.. 닫기를 누르면 나오고 누르면 나오고....  ㅡ,.ㅡ
 Ajax data 나 버그는 화이어버그를 이용하면 편리한데....
 어떨때는 IE에서는 되고 FF에서는 안돼고....  ㅡ,.ㅡ

 하여간 그래서 오늘 뒤져보니 블랙버드라는 js 스크립트가 있어서 소개해 본다.

http://www.gscottolson.com/blackbirdjs/

 위의 주소에 가보면 영문이라도 워낙 간단하게 자세히 소개 되어있어서 영문을 모르시는 분도 금방 이해 하시리라 생각됩니다.


 위의 사이트에서 화일을 다운받아 서버에 업로드 하고 원하는 페이지 상단에  아래와 같이 임포트 하시면 끝납니다...ㅋ

 로그를 원하는 곳에

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' );

 라고 적어 두면 블랙버드 창에 원하는 결과물이 나옵니다..^^
 블랙버드 창은 F2 키를 누르면 나타났다가 사라졌다가 합니다...^^