Node.js 기반에서 Express를 활용한 기본 웹 서버 구축하는 방법

Node.js 기반에서 Express를 활용한 기본 웹 서버 구축하는 방법

Node.js와 Express 프레임워크를 사용하여 기본 웹 서버를 만드는 과정은 매우 간단합니다. 이번 글에서는 기본적인 웹 서버 코드를 분석하며, 각 부분의 역할과 작동 원리에 대해 자세히 알아보겠습니다.

이전에 작성한 “Express.js 소개 및 윈도우에서의 노드 기반 설치 방법“을 먼저 참고하세요.

Express 웹 서버 코드 분석

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Server listening at http://localhost:${port}`);
});

1. Express 모듈 불러오기

const express = require('express'); 이 코드는 Node.js의 require 함수를 사용하여 Express 모듈을 불러옵니다. 이렇게 불러온 Express 모듈은 변수(상수) express에 할당되어, 이후 Express 애플리케이션을 생성하는 데 사용됩니다.

2. Express 애플리케이션 인스턴스 생성

const app = express(); 이 코드는 Express 모듈을 통해 새로운 Express 애플리케이션 인스턴스를 생성합니다. 변수(상수) app은 이 Express 애플리케이션의 인스턴스를 참조하며, 애플리케이션의 설정, 라우팅 등을 정의하는 데 사용됩니다.

3. 서버 포트 설정

const port = 3000; 서버가 리스닝할 포트 번호를 3000으로 설정합니다. 웹 서버를 실행시킬 때, 이 포트를 통해 외부에서 서버에 접근할 수 있습니다.

4. 라우팅 설정

app.get('/', (req, res) => { res.send('Hello World!'); }); 이 코드는 루트 URL(‘/’)에 대한 GET 요청을 처리합니다. 웹 브라우저나 다른 클라이언트가 이 서버의 루트 URL에 GET 요청을 보내면, ‘Hello World!’라는 응답을 보내도록 설정되어 있습니다. req 객체는 요청 정보를, res 객체는 응답을 처리하는 데 사용됩니다.

5. 서버 리스닝

app.listen(port, () => { console.log(`Server listening at http://localhost:${port}`); }); 이 코드는 앞서 설정한 포트(3000)에서 서버를 시작하고, 서버가 정상적으로 시작되면 콘솔에 서버 주소를 출력합니다. 이를 통해 서버가 정상적으로 작동하는지 확인할 수 있습니다.

Express 웹 서버 실행 화면

결론

위 코드는 Express를 사용하여 Node.js에서 웹 서버를 구축하는 가장 기본적인 예제입니다. 이 간단한 예제를 통해, Express의 기본적인 작동 원리와 웹 서버 구축 방법을 이해할 수 있습니다. 실제 프로젝트에서는 이러한 기본적인 웹 서버를 시작점으로 하여, 라우팅, 미들웨어, 데이터베이스 연동 등 다양한 기능을 추가하여 복잡한 웹 애플리케이션을 구축할 수 있습니다.

참고 문서

관련 이전 게시글

이 글이 도움이 되셨다면 공유 부탁 드립니다.

위로 스크롤