자바스크립트 디버거

자바스크립트 코딩을 하다보면 버그가 발생하여 고생을 한 경험이 있을 것이다.
디버깅을 위한 가장 단순한 방법은 코드 사이에 document.write() 혹은 alert() 메서드를 삽입하여 코드 내에서 어떤 일이 일어나고 있는지 직접 확인하는 방법일 것이다.

하지만 보다 복잡하고 까다로운 코드에서 디버깅을 효율적으로 하기 위해서는 이러한 단순한 방법으로는 다소 어려운 점이 있다.
이러한 문제점을 다소나마 해결해 줄 수 있는 방법은 아래와 같다.

• 인터넷 익스플로러 : Microsoft Script Debugger
• 파이어폭스 : Venkman
• jslint (http://jslint.com/)

정형화된 텍스트(pre 요소)

텍스트를 정형화된 텍스트(preformatted text)로 정의하는 데는 pre 요소를 사용한다. 정형화된 텍스트는 소스 안에서 행바꿈과 스페이스가 그대로 브라우저에 표시되는 텍스트이다.

pre 요소는 블록 레벨 요소이며 인라인 요소와 텍스트를 포함하지만 블록 레벨 요소를 포함할 수 없다. 또 ing, big, small, sub, sup, ins, del, label, input, select, textarea, button , noscript 등의 텍스트를 장식하기 위한 요소, 폼과 스크립트 관련 요소를 포함할 수 없다(XHTML1.1에는 이에 더해 ruby 요소 등 루비모듈에 정의된 요소도 포함할 수 없다.)

pre 요소는 code 요소와 조합하여 스크립트언어와 프로그래밍 언어의 소스코드를 표시하는 데 사용하는 것이 일반적이다. 또 정형시 등을 표현하는 데도 사용된다.