모던 자바스크립트 Deep Dive - 3. 자바스크립트 개발 환경과 실행 방법

3.1. 자바스크립트 실행 환경

• 모든 브라우저와 Node.js는 자바스크립트 엔진을 내장하고 있음
• 브라우저와 Node.js는 용도가 다르기 때문에 ECMANScript 이외에 추가 기능은 호환되지 않음
  • 브라우저는 DOM, BOM, Canvas, XMLHttpRequest, fetch, SVG 등 클라이언트 사이드 Web API 지원
  • Node.js는 파일을 생성하고 수정할 수 있는 파일 시스템 등 고유의 API 지원

3.2. 웹 브라우저

3.2.1. 개발자 도구

• Elements, Console, Sources, Network, Application

3.2.2. 콘솔

• 자바스크립트 코드에서 발생한 에러 확인 가능

3.2.3. 브라우저에서 자바스크립트 실행

3.2.4. 디버깅

3.3. Node.js

3.3.1. Noje.js와 npm 소개

• npm(node package manager): 자바스크립트 패키지 매니저
• Node.js에서 사용할 수 있는 모듈들을 패키지화하여 저장하고, 패키지 설치 및 관리를 위한 CLI 제공

3.3.2. Node.js 설치

3.3.3. Node.js REPL

3.4. 비주얼 스튜디오 코드

3.4.1. 비주얼 스튜디오 코드 설치

3.4.2. 내장 터미널

3.4.3. Code Runner 확장 플러그인

3.4.4. Live Server 확장 플러그인

• 가상 서버 기동으로 브라우저에 HTML 파일을 자동 로딩 및 수정사항 자동 반영
  
  

[출처] 모던 자바스크립트 Deep Dive (이웅모, 위키북스)