289 words
1 minutes
자바스크립트 개발환경

Node.js와 브라우저 환경 비교 🔄#

공통점 🤝#

  • JavaScript 엔진 내장: 두 환경 모두 JavaScript 엔진을 내장하고 있음
  • ECMAScript 기반: 두 환경 모두 ECMAScript 표준 사양을 지원함

차이점: 목적과 기능 🎯#

브라우저#

  • 주요 목적: HTML, CSS, JavaScript를 실행해 웹페이지를 렌더링
  • 지원하는 기능:
    • 클라이언트 사이드 Web API (DOM API, Fetch API 등)
    • ❌ 파일 시스템 접근 불가 (보안상의 이유)

Node.js#

  • 주요 목적: JavaScript 실행 환경 제공 (서버 사이드)
  • 지원하는 기능:
    • ✅ ECMAScript 표준
    • ✅ 파일 시스템 접근 가능
    • ✅ Node.js 고유 API (http, fs, path 등)
    • ❌ DOM API 미지원 (브라우저 환경이 아니므로)

예시#

  • 브라우저에서만 동작: document.querySelector(), window.localStorage
  • Node.js에서만 동작: fs.readFile(), process.env

Node.js와 NPM 📦#

  • NPM(Node Package Manager): JavaScript 패키지 관리자
  • 기능:
    • Node.js에서 사용할 수 있는 모듈들을 패키지화
    • 명령줄 인터페이스(CLI) 제공
    • 의존성 관리 기능
    • 전 세계 개발자들이 만든 라이브러리를 쉽게 설치하고 관리 가능
  • 사용법: npm install [패키지명]
자바스크립트 개발환경
softourr.github.io/자바스크립트-개발환경.md
Author
softourr
Published at
2025-03-14