검사기를 제대로 사용하려면 디버거도 사용할 줄 알아야한다.

디버깅은 코딩을 하는 사람들이라면 가장 중요하게 여겨야하는 것 중 하나다. 부끄럽지만, 나는 버그 픽스를 굉장히 중요시하면서도 크롬 개발자 도구에서 디버거를 제대로 사용해본 경험이 없고 그에 관한 지식이 없었다.

이번 시간에는 그 디버거를 어떻게 활용하는지에 관해 학습을 좀 해보고자 한다.

목차

❓디버거를 왜 사용하는가?

❗ 그럼, 디버거를 사용해보자.

📝 범위(Scope)와 콜 스택(Call Stack)?

📚 이후의 학습 사항

❓ 디버거를 왜 사용하는가?

• 프로그램, 앱을 만들다보면 우리는 어떤 예상치 못 한 문제가 발생했을 때, 그 문제가 어떻게 발생했는가를 파악하고 싶을 때가 있다.
• 디버거는 그런 상황에서 우리가 사용할 수 있는 매우 좋은 도구이다.

❗ 그럼, 디버거를 사용해보자.

• 특정 코드의 테스트를 위한 거라면 굳이 모든 코드를 다 읽게 할 필요는 없지 않은가. 코드 읽는 걸 끊는 부분을 지정해서 한줄씩 읽어가게 할 수 있다. 이 방식을 잘 활용해보자.
• 일시 정지를 하게 하는 방법은 두 가지가 있다.

1. 중단점(BreakPoint)를 설정하는 방법

소스 페이지의 특정 구역에 index를 누르면 BreakPoint가 설정된다.