JavaScript 구동 환경에 따른 객체 차이

브라우저의 자바스크립트 엔진

클라이언트 사이드 환경

• 전역객체 window
• 표준 빌트인 객체(Object, String, Number, Function, Array …)
• 호스트 객체(Client Side Web API)

확장 플러그인: Live Server

HTML, CSS, JS를 실행하여 웹페이지를 브라우저 화면에 렌더링하는 것이 주된 목적

브라우저는 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합인 DOM API를 기본적으로 제공하지만 Node.js는 불가능

<aside> 📎

브라우저의 렌더링 과정

DOM

</aside>

Node.js의 자바스크립트 엔진

서버 사이드 환경

• 전역객체 global
• 표준 빌트인 객체(Object, String, Number, Function, Array …)
• 호스트 객체(Node.js 고유의 Host API)

확장 플러그인: Code Runner

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

Node.js는 파일을 생성하고 수정할 수 있는 파일 시스템을 기본 제공하지만 브라우저는 불가능(브라우저의 경우 FileReader 객체를 사용하여 사용자가 직접 지정한 파일을 읽어 들이는 것만 가능)

결론

브라우저와 Node.js 모두 자바스크립트의 코어인 ECMAscript를 실행할 수 있지만 Node.js에서 ECMAscript 이외에 추가로 제공되는 기능은 호환되지 않음