Node.js를 활용한 간단한 웹 애플리케이션 만들기

작성: 2024년 08월 07일읽기: 약 3분

Node.js는 웹 개발을 위한 강력한 도구입니다. 오늘은 Node.js를 사용하여 간단한 웹 애플리케이션을 만드는 방법을 배워보겠습니다. 이 과정은 주니어 개발자들에게도 쉽게 따라 할 수 있도록 설계되었습니다.

시작하기 전에

Node.js가 설치되어 있어야 합니다. 설치되어 있지 않다면, Node.js 공식 웹사이트에서 다운로드하여 설치할 수 있습니다.

첫 번째 웹 서버 만들기

먼저, 새 프로젝트 폴더를 만듭니다. 이 폴더 안에서 모든 작업을 진행할 것입니다.
터미널을 열고, 생성한 프로젝트 폴더로 이동합니다.
다음과 같이 server.js 파일을 생성합니다:

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}/`);
});

터미널에서 node server.js를 실행하여 서버를 시작합니다.
웹 브라우저를 열고 http://127.0.0.1:3000/으로 이동합니다. "Hello World" 메시지가 표시됩니다.

축하합니다! 당신은 Node.js를 사용하여 첫 번째 웹 서버를 성공적으로 만들었습니다.

웹 애플리케이션 확장하기

간단한 웹 서버를 만들었으니, 이제 HTML 페이지를 반환하도록 확장해 보겠습니다.

프로젝트 폴더 안에 index.html 파일을 생성하고, 다음과 같이 작성합니다:

<!DOCTYPE html>
<html>
<head>
    <title>Node.js 웹 애플리케이션</title>
</head>
<body>
    <h1>Node.js로 만든 첫 웹 페이지</h1>
    <p>이 페이지는 Node.js와 함께 작동합니다!</p>
</body>
</html>

server.js 파일을 다음과 같이 수정합니다:

const http = require('http');
const fs = require('fs');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  fs.readFile('index.html', (err, data) => {
    if (err) {
      res.statusCode = 500;
      res.end(`Error: ${err.message}`);
    } else {
      res.statusCode = 200;
      res.setHeader('Content-Type', 'text/html');
      res.end(data);
    }
  });
});

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

다시 node server.js를 실행하여 서버를 시작합니다.
웹 브라우저에서 http://127.0.0.1:3000/으로 이동합니다. 이번에는 HTML 페이지가 표시됩니다.

이제 당신은 Node.js를 사용하여 HTML 페이지를 제공하는 웹 서버를 만드는 방법을 배웠습니다. 이 기초를 바탕으로 더 복잡한 웹 애플리케이션을 개발할 수 있습니다. Happy coding!