[자바스크립트,javascript] 디버깅(debugging) 방법

자바스크립트 디버깅(javascript debugging) 방법입니다.

개발자 도구를 사용하여 디버깅하는 방법입니다.

아래 예제는 인터넷 익스플로러의 개발자 도구를 사용했습니다.

크롬(chrome)에도 개발자 도구가 존재합니다. 

디버깅 방법은 동일합니다.

그림이 작아서 잘 안보이면 

클릭 시 원본 사진이 보입니다.

1. 개발중인 웹페이지로 접근합니다.

    

2. F12 키를 누르면 개발자도구(Developer Tools) 창이 뜹니다.

  스크립트 항목 탭으로 이동 후 디버깅 시작 버튼을 클릭합니다.

  

3. 자바스크립트에 오류가 발생한 부분에서 실행이 일시정지되고 어느부분에서 오류가 발생했는지 정보가 출력됩니다.

 ※ alert가 alret로 오타가 발생하여 자바스크립트 에러가 있었습니다.