쉽게 쉽게

▤ 목차Sources 메뉴에서는 중단점(Breakpoint)을 활용하여 디버깅을 할 수 있다.즉 ​ 중단점(Breakpoint)을 활용하면 실행 단계마다 스크립트의 동작을 잠시 멈추고 발생하는 이슈를 확인할 수 있다.이에 대해 자세히 알아보려고 한다.1. 중단점(Breakpoint) 사용법1. Sources 메뉴 구조Sources 패널은 크게 세 개의 영역으로 구성된다.파일 탐색 영역 : 페이지를 구성하는 모든 리소스(HTML, JavaScript, CSS 등)를 트리 형태로 보여준다.코드 에디터 영역 : 선택한 파일의 소스 코드를 보여주며 편집도 가능하다.자바스크립트 디버깅 영역 : 디버깅에 관련된 기능을 제공한다.2. 중단점 설정코드 에디터 영역에서 디버깅하길 원하는 라인을 클릭하면 파란색으로 선..