3. 자바스크립트 개발 환경과 실행 방법

3.1 자바스크립트 실행 환경

브라우저 vs Node.js

브라우저 :

• HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것
• DOM API제공 (HTML요소를 선택하거나 조작하는 기능)
• 파일시스템 지원하지 않음.

Node.js :

• 브라우저 외부에서 자바스크립트 실행환경을 제공하는 것
• DOM API를 제공하지 않음
• 파일시스템 기본 제공 (파일 생성, 수정)

3.2 웹 브라우저

3.2.1 개발자 도구

3.2.2 콘솔

콘솔은 애플리케이션이 정상적으로 동작하지 않을 때 우선적으로 살펴봐야할 곳.

3.3 Node.js

React, Angular, Lodash같은 프레임워크, 라이브러리를 도입하거나 Babel, Webpack, ESLint등 여러가지 도구를 사용해야할 때 Node.js와 npm을 필요로 한다.

3.3.1 Node.js와 npm소개

• Node.js : 자바스크립트를 브라우저 이외의 환경에서 동작시킬 때 필요한 실행환경
• npm : 자바스크립트 패키지 매니저. Node.js에서 사용할 수 있는 모듈들을 패키지화해서 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI을 제공함.