[Node.js – 기초 강좌] 1. Nodejs 소개(Intro.) 및 개발환경 설정(environment setting)

Node.js는 서버 사이드 애플리케이션 개발을 위한 강력한 도구입니다.

이 강좌에서는 Node.js의 소개(Intro.), 개발 환경 설정(environment setting), 그리고 첫 번째 애플리케이션 튜토리얼(tutorial)을 다룹니다.

Node.js의 비동기 I/O 모델, 단일 스레드 구조의 장점을 이해하고, Node.js와 npm 설치부터 Visual Studio Code 설정까지의 환경 설정 방법을 배웁니다.

Node.js 소개

Node.js란 무엇인가?

Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다.

Node.js는 서버 사이드 애플리케이션 개발을 위해 설계되었으며, 비동기 이벤트 기반의 아키텍처를 활용하여 높은 성능과 확장성을 제공합니다.

Ryan Dahl이 2009년에 처음 발표한 이후, Node.js는 웹 서버, API, 마이크로서비스 등 다양한 용도로 널리 사용되고 있습니다.

Node.js의 특징

  • 비동기 I/O:
    • Node.js는 비동기 I/O를 지원하여 높은 처리 성능을 자랑합니다.
    • 이를 통해 데이터베이스 쿼리, 파일 읽기/쓰기 등 블로킹 없는 처리가 가능합니다.
  • 단일 스레드:
    • Node.js는 단일 스레드 이벤트 루프(메인루프)를 사용하지만, 백그라운드 작업을 효율적으로 처리하기 위해 워커 스레드를 활용합니다.
    • 이는 이해하기 꽤나 난해하므로 다음 글을 참조하자.
      : https://helloinyong.tistory.com/350
  • NPM:
    • Node Package Manager (NPM)은 수많은 오픈 소스 라이브러리와 패키지를 쉽게 설치하고 관리할 수 있는 도구입니다.
  • 크로스 플랫폼:
    • Node.js는 Windows, macOS, Linux 등 다양한 운영 체제에서 실행할 수 있습니다.

개발 환경 설정

Node.js와 npm 설치하기

Node.js와 npm을 설치하려면 다음 단계를 따라야 합니다.

1. Node.js 공식 웹사이트에서 (운영 체제에 맞는)설치 파일을 다운로드합니다.

download-nodejs

2. 설치 파일을 실행하여 Node.js와 npm을 설치합니다.

3. 설치가 완료되면, 터미널(또는 명령 프롬프트)을 열고 다음 명령어를 입력하여 설치가 제대로 되었는지 확인합니다.

$ node -v
$ npm -v

Visual Studio Code 설치

효율적인 Node.js 개발을 위해 Visual Studio Code (VS Code)와 같은 코드 에디터를 사용하는 것이 좋습니다. VS Code는 다양한 확장 기능을 제공하여 개발 생산성을 높여줍니다.

1. Visual Studio Code 다운로드 페이지에서 설치 파일을 다운로드합니다.

2. 설치 파일을 실행하여 VS Code를 설치합니다.

3. VS Code에서 Node.js 개발 시, 유용한 Extension들을 설치합니다.

  • VS Code for Node.js – Development Pack
    • Node.js 개발에 필요한 다양한 확장 기능을 한 번에 설치할 수 있는 패키지입니다.
    • Node.js Extension Pack
  • TypeScript Extension Pack
  • Express Snippets
    • Express 애플리케이션 개발을 위한 코드 스니펫을 제공합니다.
    • Express Snippets
  • REST Client
    • HTTP 요청을 쉽게 테스트할 수 있는 도구입니다. Express API 개발 시 유용합니다.
    • REST Client
  • Prettier – Code formatter
    • 코드 포맷터로, 코드 스타일을 일관되게 유지할 수 있게 도와줍니다.
    • Prettier
  • Debugger for Chrome

첫 Node.js Application 만들기

Node.js의 기본 개념을 이해하기 위해 간단한 애플리케이션을 작성하고 실행해봅시다.

프로젝트 폴더를 생성하고, 해당 폴더로 이동합니다.

1. 프로젝트 폴더를 생성하고 해당 폴더로 이동합니다.

이번 예제에서는 01-first-app 이란 프로젝트 폴더를 생성했습니다.

$ mkdir 01-first-app
$ cd 01-first-app

2. 프로젝트 폴더에 app.js 파일을 생성하고, 다음 코드를 입력합니다.

다음에서 http 서버를 생성하여 응답 본문에 Hello, World! 를 보냅니다.

특정 서버 IP(127.0.0.1)와 Port(3000)로 서버 연결을 Listen 합니다.

const http = require("http");

const hostname = "127.0.0.1";
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader("Content-Type", "text/plain");
  res.end("Hello, World!\n");
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

3. 터미널에서 app.js로 이동한 후, 다음 명령어를 실행하여 Application을 실행합니다.

node app.js

4. 브라우저를 열고 http://127.0.0.1:3000/에 접속하면 “Hello, World!” 메시지를 확인할 수 있습니다.

결과

first-node-js-app-result

참고 링크

Leave a Comment