[Javascript] 01-2 개발 환경 준비하기

 

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

 

1. Elements : HTML요소에 적용된 스타일(CSS)을 검사할 수 있다.

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

3. Source : 브라우저가 자바스크립트 소스를 파싱해오는 과정을 보여줌, Source 패널도 오류체크와 디버깅 가능

 

* 파싱 : 저장된 값을 원하는 형식의 값으로 가공해 읽어오는 것을 말함

* 디버깅 : 버그(오류)를 검사하고 수정하는 작업을 말함

 

 

자바스크립트 편집기 설치

 

- 편집기 종류로는 에디트플러스, 노트패드++ , 아톰, 서브라임 텍스트, 브라켓, 웹스톰, 비주얼스튜디오코드 등이 있음

 

[Visual Studio Code] 비주얼 스튜디오 코드 설치 (tistory.com)

[Visual Studio Code] 비주얼 스튜디오 코드 설치