
라인 수 옆에 마우스 커서를 가져가 클릭하게 되면 브레이크 포인트를 지정할 수 있습니다.
💡 브레이크 포인트
중단지점, 실행 모드가 아닌 디버그 모드에서 프로그램을 중지하게 되는 지점의 표시
브레이크 포인트란 말 그대로 디버거를 사용했을 때 코드의 실행을 잠시 멈추게 될 지점을 뜻합니다.
좌측 패널 디버그 탭에 들어가 디버깅을 시작할 수 있습니다.

디버깅을 시작하면 아래와 같은 컨트롤 패널을 만나게 됩니다.

좌측부터 순서대로 시작, 스텝 아웃, 스텝 인, 스텝 오버, 새로고침, 중단입니다.
시작: 한 줄씩 디버그하는 트레이스 모드를 중지하고 다음 브레이크 포인트를 만날 때 까지 실행
스텝 아웃 : 현재 실행중인 함수를 끝까지 실행시키고 호출시킨 곳으로 되돌아 간다.
스텝 인 :코드를 한 줄씩 실행, 함수를 만날 시 함수 내부로 들어가 실행된다.
스텝 오버 : 코드를 한 줄씩 실행, 함수가 있어도 실행 후 다음으로 넘어간다.
디버거를 활용하면 변수가 변화하는 것을 추적 가능하기에 콘솔 대신 디버거를 활용하는 것도 좋은 방법이 될 수 있겠습니다.