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

3.1 자바스크립트 실행환경

자바스크립트는 브라우저 환경 또는 Node.js환경에서 실행할 수 있다.

브라우저는 ECMAScript와 클라이언트 사이드 Web API를 지원한다.

Node.js는 ECMAScript와 Node.js 고유의 API를 지원한다.

 

3.2 웹 브라우저

웹브라우저는 Chrome브라우저가 점유율이 가장 높다.

 

3.2.1 개발자 도구

Element : 로딩된 웹의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인할 수 있다. 

단, 편집된 내용이 저장되진 않는다. 웹이 의도대로 렌더링되지 않았을 때 유용한 힌트를 얻을 수 있다.

Console : 로딩된 웹의 에러를 확인하거나 Javascript 소스코드에 작성한 console.log매서드의 실행결과를 얻을 수 있다.

Sources : 로딩된 웹페이지의 자바스크립트 코드를 디버깅할 수 있다.

Network : 로딩된 웹페이지에 관련된 request정보와 성능을 확인할 수 있다.

Application : 웹 스토리지, 세션, 쿠키를 확인하고 관리할 수 있다.

 

3.2.2 콘솔

콘솔패널은 자바스크립트 코드에서 에러가 발생해

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

콘솔은 자바스크립트 코드를 직접 입력해 결과를 확인할 수 있는 REPL(Read Eval Print Loop)환경으로 사용할 수도 있다.

 

3.3 Node.js

Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경이다.

npm은 자바스크립트 패키지 매니저다.

Node.js에서 사용할 수 있는 모듈들을 패키지화해서 모아둔 저장소 역할과

패키지 설치 및 관리를 위한 CLI(Command line interface)를 제공한다.

 

위 내용은 모던 자바스크립트 Deep Dive를 공부한 내용으로

책의 내용의 일부를 포함하고 있습니다.