자바스크립트/JS1 [JS] 크롬 개발자 도구를 통해서 자바스크립트 디버깅하기 자바스크립트 디버깅 consol.log를 통해 어디까지 오류가 났는지 파악을 할 수도 있지만 한줄한줄의 실행과정을 따라가며 오류를 찾는 방식이 조금 더 정확할 수 밖에 없다. 오늘은 디버깅에 대해서 알아보자 ! 중단점(break point) 정하기 크롬에서 할때와 코드 내에 추가하는 방식으로 나뉜다. (1) - 크롬에서 중단점 정하기 위와 같이 간단한 html 코드가 있다. 위 코드를 디버깅하길 원한다면 원하는 라인을 클릭해 중단점으로 잡고 리로드를 해준다. 5번 코드를 중단점으로 잡고 새로고침해준다. 새로고침을 하면 보다시피 5번 이전 코드까지 실행이 된다. 5번의 'hi' 로그가 콘솔에 찍혀있지 않다. 이 상태에서 위 'step over next function call' 버튼을 클릭하면 다음 코드 .. 2022. 11. 25. 이전 1 다음