JavaScript 디버깅을 console.log만 사용하고 있는데, 크롬 DevTools를 제대로 활용하는 방법을 알고 싶습니다.
breakpoint 설정, watch, call stack 확인 등 기본적인 디버깅 기법을 알려주세요.
JavaScript 디버깅을 console.log만 사용하고 있는데, 크롬 DevTools를 제대로 활용하는 방법을 알고 싶습니다.
breakpoint 설정, watch, call stack 확인 등 기본적인 디버깅 기법을 알려주세요.
댓글 1
Sources 탭에서 코드 줄 번호를 클릭하면 breakpoint가 설정됩니다. 코드에 debugger; 문을 넣어도 됩니다. Scope 패널에서 변수값을 확인하고, Watch에 표현식을 추가할 수 있습니다. console.table(), console.group()도 유용합니다.