크롬 개발자 도구 구성

개발자 도구는 F12 를 눌러서 확인할 수 있다. 

 

크롬 브라우저 개발자 도구 패널 

 

1️⃣ Elements 

HTML(Element) 요소에 적용된 스타일 CSS를 검사할 수 있다. 

 

2️⃣ Console 

자바스크립트 오류 체크는 물론 디버깅을 할 수 있다. 

 

3️⃣ Source

브라우저가 자바스크립트 소스를 파싱해오는 과정을 보여준다,