소프트웨어/JavaScript • Dhtml

Ajax 디버깅

falconer 2007. 6. 29. 08:24

디버깅 안하기, 혹은 디버거 안쓰기

강력한 디버깅 툴을 찾기 전에, 디버깅 자체를 줄이는 방법이나 디버거 없이도 디버깅을 할 수 있도록 하는 방법을 고민하는 것이 좋습니다. 일례로 Javascript TDD를 하는 등 다양한 방법으로 피드백 주기를 짧게 줄이고, 코드를 깔끔하게 유지(Clean Code That Works)하면 디버깅을 거의 안하게 되거나, 디버깅을 하더라도 특별한 툴의 도움 없이도 쉽게 할 수 있습니다.

기본적인 디버깅 도구들

window.alert

가장 직관적이고 가장 널리 쓰이며 사용하기 쉬운 디버깅 도구 입니다. "잘못된 인자입니다. 0번째 줄"과 같은 애매한 에러 메시지가 나오는 경우에 수동 Binary Search를 통해 정확한 에러 위치를 빠르게 찾아낼 수 있습니다.  --;

document.title

window.alert과 달리 대화상자가 뜨지 않으므로 확인 버튼을 누르지 않아도 된다는 장점이 있기 때문에 반복문 안에서 뭔가를 찍어보고 싶다거나 할 때 활용하면 좋습니다. 하지만, window.alert과는 달리 길이 제한이 있다는 단점도 있습니다.

console.log

FireBug를 설치하면 window.console.log 메서드가 추가됩니다. 이 메서드를 통해 FireBug의 콘솔창에 로그를 출력할 수 있습니다.

주소창

주소창에 Javascript 입력해서 디버깅하기: See Browser Address Bar as Debugger

고급 디버깅 도구들

공용:

Internet Explorer:

FireFox:

Safari:

Opera:

개발 환경과 사용 환경을 가깝게

디버깅 도구가 설치되어 있지 않은 사용자 PC에서 오류가 발생할 경우, 오류가 발생한 그 순간에 사용자 PC에서 직접 디버깅을 할 수 있다면 재현 불가능해보이는 버그들을 찾는데 큰 도움이 됩니다:

이 글과 관련있는 글을 자동검색한 결과입니다 [?]


출처 : Jania's