디버깅(Debugging) 하는 방법 (VSCode, Chrome)
프로그래밍 공부를 하면서 종종 들어봤던 이야기 중 하나는 "프로그래밍에서 디버깅이 절반이다." 라는 말이었다. 매번 결과 값을 확인 할 때 console.log()를 작성하여 확인하거나, 크롬 개발자 도구에서 나오는 에러 코드를 확인하고 찾아서 해결했는데 디버깅을 배워두면 앞으로 에러를 해결하는데 도움이 될것같다는 생각이 들었고, 내가 작성한 코드가 어떤 순서로 동작하는지 확인하기도 좋다고 생각되어 이번 기회에 공부하게 되었다. 1. VSCode 홈페이지에서도 디버깅(Debugging) 관련한 참고 문서가 아주 잘 정리되어있다. https://code.visualstudio.com/docs/editor/debugging 2. 구글 Chrome Developer 홈페이지에 디버깅 관련해서 참고하기 좋은 문서가 있어서 아래의 링크를 참고했다. https://developer.chrome.com/docs/devtools/javascript/ https://developer.chrome.com/docs/devtools/javascript/breakpoints/ https://developer.chrome.com/docs/devtools/javascript/reference/