자바스크립트 실행 환경

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

Node.js vs 브라우져

• 브라우져와 Node.js 모두 자바스크립트의 코어인 ECMAScript 를 실행 할수 있지만, 브라우져와 Node.js에서 추가로 제공하는 기능은 호환되지 않는다.
• 브라우져
  • 목적
    • 웹페이지를 브라우져 화면에 렌더링 하는것이 주된 목적
  • 제공 기능
    • 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합인 DOM API를 기본적으로 제공
    • 클라이언트 사이드 Web Api (DOM, BOM, Canvas, XMLHrrpRequest, fetch…)
• Node.js
  • 목적
    • 자바스크립트 실행 환경을 제공하는것 이 주된 목적
  • 제공 기능
    • 파일을 생성하고 수정할 수 있는 파일 시스템을 제공

브라우져

브라우져의 개발자 도구

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

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

디버깅

• 에러 발생시, 콘솔에서 에러 발생 위치를 들어가면 Source 탭으로 넘어가게 된다.
• 디버깅이란, 먼저 에러 메시지를 확인하고 에러가 발생한 원인을 제거하는 것이다.

Node.js

• Node.js 가 제공하는 REPL 을 사용하면 간단한 자바스크립트 코드를 실행해 결과를 확인해 볼 수있다.

//터미널
$ node //REPL 실행
//... 터미널에서 프롬프트가 변경되고, 자바스크립트 코드를 작성후 실행할수 있다. 
$ node index.js // 특정파일 실행