[JavaScript 스터디] 모던 자바스크립트 Deep Dive 3장 요약

• 아래의 내용은 필자가 자바스크립트 스터디를 진행하면서 공부하고 정리한 내용을 요약한 것입니다.

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

3.1 자바스크립트 실행 환경

• 자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행할 수 있다.
• 웹 어플리케이션의 자바스크립트는 사용자 컴퓨터의 브라우저에서 동작한다.
• 브라우저는 클라이언트 사이드 Web API를 지원한다.

3.2 웹 브라우저

• 구글 크롬은 ECMAScript 사양을 준수하는 것은 물론 시장 점유율도 가장 높다.

개발자 도구

• 크롬 브라우저가 제공하는 개발자 도구는 웹 애플리케이션 개발에 가장 필수적인 강력한 도구이다.

콘솔

• 자바스크립트에서 에러가 발생할 때, 가장 우선적으로 봐야하는 곳이다.
• 또한, 구현 단계에서 간편하게 코드의 실행 결과를 확인하면서 개발을 진행하기 위해 console.log 메서드를 사용하는 경우가 많다.

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

• 브라우저는 HTML 파일을 로드하면 script 태그에 포함된 자바스크립트 코드를 실행한다.

3.3 Node.js

• 클라이언트 사이드에서 동작하는 간단한 웹 애플리케이션은 브라우저만으로도 개발할 수 있다.
• 타 프레임워크 또는 라이브러리를 도입하거나 다양한 도구를 사용할 필요가 있는데, 이 때 node.js와 npm이 필요하다.

node.js와 npm 소개

• node.js는 크롬 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경으로, 브라우저에서만 동작하던 자바스크립트를 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행 환경이다.
• npm은 자바스크립트 패키지 매니저로, 사용할 수 있는 모듈들을 패키지화해서 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI를 제공한다.