모던 자바스크립트 Deep Dive #2

 

 

모던 자바스크립트 Deep Dive

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

 

 

자바스크립트 실행 환경

모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다.

Node.js도 자바스크립트 엔진을 내장하고 있다.

 

=> 기본적으로 브라우저에서 동작하는 코드는 Node.js에서도 동작한다.

 

 

 

 

But, 용도가 다르다!

브라우저는 HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링 하는 것이 주된 목적

Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적

 

• 자바스크립트 코어인 ECMAScript를 브라우저와 Node.js 실행 가능하지만, ECMAScript 이외에 추가로 제공하는 기능은 호환되지 않는다.
  • ex) DOM API - 브라우저: O / Node.js: X, File System - 브라우저: X / Node.js: O
• 브라우저는 ECMAScript와 클라이언트 사이드 Web API 지원, Node.js는 ECMAScript와 Node.js 고유 API 지원
  • * 클라이언트 사이드 Web API: DOM, BOM, Canvas, XMLHttpRequest, fetch, requestAnimation Frame, SVG, Web Storage, Web Component, Web Worker 

 

 

 

 

출처: https://curryyou.tistory.com/200

 

 

 

 

 

 

 

이후에는 실습 파트 위주여서 중요하거나 메모하고 싶은 부분만 적어보았다.

 

• console.log(...)는 소괄호 안의 코드를 평가해서 그 결과를 콘솔에 출력하는 함수다.
• 브라우저는 HTML 파일을 로드하면 script 태그에 포함된 자바스크립트 코드를 실행한다. 

 

Node.js

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

= 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행 환경이다.

 

npm은 자바스크립트 패키지 매니저로 Node.js에서 사용할 수 있는 모듈들을 패키지화해서 모아둔 저장소 역할과

패키지 설치 및 관리를 위한 CLI를 제공한다.

** Node.js 설치 시, npm도 같이 설치된다.

 

 

Node.js REPL

Node.js가 제공하는 REPL(Read-Eval-Print-Loop)을 사용하면 간단한 자바스크립트 코드 실행 결과를 확인할 수 있다.

 

 

아래 떠있는 것이 Node.js REPL이다.