NodeJS vs. Javascript

JavaScript는 웹 페이지에 동적인 기능을 추가하기 위해 만들어진 프로그래밍 언어이다.
주요 특징은 다음과 같다:

  1. 객체 기반의 스크립트 언어이다.
  2. 동적이며 타입을 명시할 필요가 없는 인터프리터 언어이다.
  3. 이벤트 중심의 프로그래밍이 가능하다.
  4. 웹 브라우저에서 실행되며, HTML 문서와 함께 사용된다.
  5. 프로토타입 기반의 객체지향 프로그래밍을 지원한다.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10

// JavaScript 예시
// DOM 조작
document.getElementById('myButton').addEventListener('click', function() {
    alert('버튼이 클릭되었습니다!');
});

// 비동기 처리
fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data));****

Node.js는 JavaScript를 서버 측에서 실행할 수 있게 해주는 런타임 환경이다.
주요 특징은 다음과 같다:

  1. Chrome V8 JavaScript 엔진을 기반으로 한다.
  2. 비동기 I/O와 이벤트 기반 아키텍처를 사용한다.
  3. 단일 스레드 모델을 사용하지만 비동기 처리로 높은 성능을 제공한다.
  4. NPM(Node Package Manager)을 통해 다양한 모듈을 사용할 수 있다.
  5. 서버 사이드 애플리케이션 개발에 주로 사용된다.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

// Node.js 예시
// HTTP 서버 생성
const http = require('http');

const server = http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
});

server.listen(3000, () => {
    console.log('서버가 3000번 포트에서 실행 중입니다.');
});

JavaScript와 Node.js 비교 분석

구분JavaScriptNode.js
실행 환경웹 브라우저서버 환경
주요 용도클라이언트 사이드 웹 개발서버 사이드 애플리케이션 개발
DOM 조작가능불가능
모듈 시스템ES6 모듈 (import/export)CommonJS (require/module.exports)
I/O 모델동기식비동기식
파일 시스템 접근제한적완전한 접근 가능
멀티스레딩불가능 (단일 스레드)가능 (Worker Threads)
패키지 관리CDN, 웹팩 등npm (Node Package Manager)
보안 모델브라우저 샌드박스에 제한운영체제 수준의 접근 권한
데이터베이스 접근제한적 (AJAX, Fetch API)직접 접근 가능
API 지원브라우저 API (Window, Document 등)Node.js API (File System, HTTP 등)
메모리 관리브라우저가 관리V8 엔진이 관리
비동기 처리Promise, async/awaitEvent Loop, Promise, async/await
네트워크 기능웹 소켓, Fetch APITCP, UDP, HTTP 등 완전한 네트워킹 지원
실시간 애플리케이션WebSocket 사용Socket.io 등 라이브러리 사용
디버깅 도구브라우저 개발자 도구Node.js 디버거, IDE 통합 도구
확장성브라우저 제한에 따름높은 확장성 (클러스터링 지원)
주요 프레임워크React, Vue, AngularExpress, Nest.js, Koa

참고 및 출처