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

Last updated 1 year ago

Was this helpful?

모든 브라우저에는 JS를 해석하고 실행하는 엔진이 내장되어 있다.

그리고 Node.js도 JS 엔진이 내장되어있다.

하지만 각각의 용도가 다르기에 사용 가능한 기능이 다르다.

브라우저는 렌더링 / Node.js는 자바스크립트 실행 환경 제공이 주 목적이다. 따라서 공통적으로 ECMAScript는 사용가능하지만, 그 이외의 기능은 호환되지 않는다.

크롬 점유율 1위, V8 자바스크립트 엔진 사용

웹 개발에 필수적인 강력한 도구. 효과적이고 유용한 기능을 제공한다.

F12로 확인 가능

Element, Console, Sources, Network, Application

에러 확인과 console.log() 등의 사용으로 가장 많이 사용하는 부분.

디버깅 모드: Sources > 브레이크 포인트 선택 > 에러 발생 시도

에러 발생 원인 확인에 매우 유용한 기능이다.

브라우저에서 동작하는 간단한 웹 어플리케이션은 브라우저만으로 개발 가능하다. 하지만 프레임워크(React) 또는 라이브러리, 여러 도구를 사용하려면 Node.js와 npm이 필요하다.

Node.js는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경이다. 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행 환경이다.

npm(node package manager)은 자바스크립트 패키지 매니저다. Node.js에서 사용할 수 있는 모듈들을 패키지화해 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI를 제공한다.

브라우저의 콘솔이나 Node.js의 REPL은 좋은 도구지만 어플리케이션 개발 단계에서 사용하기에는 부족함이 많다. 그래서 코드 자동 완성, 문법 오류 감지, 디버깅, Git 연동 등 강력하고 편리한 기능을 제공하는 코드 에디터를 사용한다.