Jania님이 소개해주신 JavaScript의 기본적인 디버깅 도구들..

오늘 WebAppsCon의 실전 Ajax와 웹표준의 세번째 강좌, 강규영(Jania)님의 '효과적인 Ajax 구현을 위한 팁과 노하우'을 듣고 왔습니다. 너무 재미있더군요. ^^

그 중에서 가장 머리에 남았던 부분이 기본적인 디버깅 도구들 이었습니다.
JavaScript의 가장 기본적인 디버깅 수단은 alert()입니다. 출력하고 싶은 로그의 내용을 alert()을 띄워서 보여주는 가장 기본적인 수단이죠.

그리고, 이 외의 수단으로 (저의 경우) body태그의 가장 아래 쪽에 div를 추가하고 여기에 로그의 내용을 출력시켜주는 방법을 선택하거나(내부에 출력하는 거죠 뭐.. ^^;;) 파이어버그의 디버깅 도구를 이용해서 디버깅을 했었는데요.

새로운 방법을 배웠습니다. ^^

• document.title을 이용해서 출력하는 방법 - alert()과 달리 창이 안뜨죠 ^^.
  
• 주소창을 이용해서 출력하는 방법 - 주소창에 javascript:를 이용하여 코드를 실행할 수가 있는데 이 코드에서 현재 페이지의 DOM에 접근이 가능해서 훌륭한 디버깅 용도로 쓰일 수 있습니다.
  
• firebug의 콘솔에 출력하는 방법 - window.console.log메소드로 로그를 출력할 경우 파이어버그의 콘솔에 출력을 할 수 있습니다.
  

아~ 하는 소리를 낼 정도로 너무 재미있었습니다. 언제 시간되시면 강규영님의 강좌 꼭 한번 들어보세요 ^^

P.S. 시간이 되시면, 강규영님이 강좌 중간에 소개하셨던 오픈마루 DevDay 행사에도 한 번 가보세요 ^^