Node.js - Express 웹 서버 만들기

Express

 

0. 먼저 Express 웹서버를 띄울 곳에 폴더를 만든다.

mkdir express-server-tutorial
cd express-server-tutorial

 

1.  패키지 매니저를 통한 express 설치

npm install express -d

 

 

2. express.js 파일을 생성한 후, 방금 설치한 express 모듈을 require를 통해 불러온다.

const express = require('express');

const app = express();

 

require는 import와 같은 역할을 한다. require가 사용하기 어색하여(?) import 를 쓰고자 한다면 babel을 설치한 후, 추가적인 설정을 한 후, 사용하면 된다.

import express from 'express';
// import를 사용하였을 때 모듈을 불러오는 법

 

const app = express();는 Express Application을 생성한다는 뜻으로 변수 app에 담아 express에 포함되어있는 함수들을 사용할 수 있다.

 

3.  app.listen을 사용하여 원하는 포트에 서버를 대기시킨 후, 요청들을 받을 수 있도록 설정한다.

app.listen( 3000, function() {
	console.log( '3000port server open!' );
});

 

listen은 express 서버가 3000포트를 통해 외부의 요청을 받아 처리할 수 있도록 대기시켜놓는 메서드이다.

3000이라 쓴 곳은 포트번호를 뜻하는데 사용자가 원하는 포트번호를 입력하여 해당 포트에 서버를 열 수도 있다. 하지만 현재 사용중인 포트에 서버를 대기시킬 수는 없다.

 

 

4. route를 통해 URL 연결시키기

app.get('/home', (req, res) => {
	res.send("<h1 style='color"blue;'>get home URL!!</h1>");
});

http 메서드 중,  get을 활용하였다. 첫 번째 인자에는 http 요청, 두 번째 인자에는 http 응답을 넣어 관련 내용을 담은 객체를 생성해준다.

/home URL에 get 요청이 오게 되면, 응답관련 내용이 들어있는 함수를 호출해준다.

 

 

5. express 서버 실행하기

node express.js

현재 express.js라는 자바스크립트 파일을 포함하고 있는 expres-server-tutorial 폴더의 터미널창에 위에 명령어를 입력한다.

입력하면 터미널 콘솔 창에 3000port server open! 이라는 문구가 나오게 된다. 문구가 정상적으로 나온 경우 express 서버를 실행하는데 성공한 것이다.

 

localhost:3000에서 express 서버가 열렸다. route를 통해 할당한 home URL로 이동해보자 ->

localhost:3000/home

 

현재 html문서와 연결시키지 않았기 때문에 단순히 화면에 get home URL!!이라는 문구가 나오게 된다.

3000포트의 home url을 get방식으로 이동하여 문구를 출력하였다.