express 설치부터 기본 사용법

express 설치

npm 또는 yarn을 이용하여 express 를 설치한다.

• 본 글에서는 yarn을 사용

$ yarn add express

npm을 사용할 경우 npm install --save express 명령어를 수행한다.

 

hello world 출력

아래와 같이 server.js 파일을 생성

const express = require("express");
const app = express();
const port = 3000; // port 번호 설정

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

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

 

터미널에서 아래와 같이 node server.js 를 실행한다.

$ node server.js

 

그리고, localhost:3000 으로 접속하여, 화면에 Hello World가 나오는지 확인해본다.

 

express 프로젝트 생성

직접 하나하나 파일을 생성해도 되지만, 번거롭기 때문에 express-generator를 사용하면 express 서버가 동작하기 위한 기본적인 틀을 자동으로 만들어준다.

$ yarn global add express-generator

• npm을 사용하는 경우, npm install express-generator -g 명령어 사용

 

myapp 이라는 이름으로 프로젝트를 생성해보자

$ express --no-view myapp
$ cd myapp

 

의존하는 모듈을 다운로드 받기 위해 아래 명령어를 수행한다.

$ cd myapp
$ yarn install

여기까지 실행하면 아래와 같은 디렉토리 구조를 가지게 된다.

 

express 서버를 실행해보자

DEBUG=myapp:* yarn start

• localhost:3000으로 접속해서, 아래와 같은 화면이 나오면 성공

express 서버 실행

 

Reference

https://expressjs.com/