[javascript] 개발환경 세팅

자바스크립트 관련 사이트

• ecma-international.org
• deloper.mozilla.org

자바스크립트 시작전 준비물

1. 크롬 브라우저
   • F12 누르면 개발자 도구가 뜨는데 요소확인 가능
   • Elements : HTML, 요소에 적용된 스타일(CSS)을 검사가능
   • Console : 자바스크립트 오류체크, 디버깅 가능. 간단한 자바스크립트 작성시 출력확인 가능
   • Source : 브라우저가 자바스크립트 소스를 파싱(parsing)해오는 과정을 보여줌. 소스패널도 오류체크와 디버깅 가능 (브레이크 포인트)
   • Network : 네트워크상에 데이터가 오고가는 정보를 알수 있음

2. 아톰, 웹스톰, 비쥬얼 스튜디오 코드 등 IDE

3. 비쥬얼 스튜디오 코드를 선택했다고 가정

4. 사이드바의 [확장 기능] -> open-in-browser 설치 (제작자 : coderfee)