Chrome 디버거 활용
프로그램 오류의 종류
- Syntax Error (문법적 오류)
- 해당 구문이 실행되지 않아 쉽게 발견 및 수정 가능
- Semantic Error (논리적 오류)
- 실행은 되지만 의도한 결과가 도출되지 않는다.
개발자 도구 Sources tab 활용
Breakpoint
- 프로그램이 실행되는 도중 원하는 위치에서 멈추도록 할 수 있음
- 멈추고 싶은 코드의 라인번호를 클릭해서 추가 가능
단계적 실행
- 한번 멈춘 프로그램은 step over, step into, step out 버튼을 통해 한단계씩 프로그램을 실행할 수 있음
- resume 버튼을 통해 프로그램을 계속 진행할 수 있음 (다음에 breakpoint를 만나면 다시 중지)
Watch 창
- 조사식을 추가해 각 시점의 변수 상태를 조회 가능
Scope
- 실행중인 함수의 scope 정보 확인 가능
Console 창
- 디버깅 중에도 명령을 입력 가능
- 변수의 값을 수정하거나 확인 가능
등록된 질문이 없습니다. 궁금한 부분이 있으면 주저하지 말고 무엇이든 물어보세요.