[Node.js] express를 이용해 간단한 웹 서버 만들기

express를 이용해 간단히 웹 서버를 만드는 과정이다.

기본적으로 node.js가 설치되어 있어야한다.

 

1. 웹서버로 사용할 폴더 만들기

 

터미널에 접속해서 웹 서버를 만들 폴더를 생성하고 그 안으로 진입한다.

 

$ mkdir myServer
$ cd myServer

 

 

2. 폴더 기본 셋팅하기

 

npm init 명령을 이용하여 애플리케이션에 대한 package.json 파일을 작성한다.

잘 모르겠다면 그냥 ENTER를 쭉 눌러주면 된다.

 

$ npm init

 

 

express를 설치해준다.

 

$ npm install express --save

 

express를 임시로 설치하고 종속 항목 목록에 추가하지 않으려면, --save 옵션을 생략하면 된다. 그냥 붙여서 설치하도록 하자.

 

 

폴더안에 app.js라는 파일을 생성한다.

app.js 파일 안에 다음과 같은 내용을 작성한다.

3000번 포트를 사용한다는 뜻이다.

 

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

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

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

 

 

 

저장한 후 터미널에 다음과 같이 입력해준다.

 

$ node app.js

 

 

 

브라우저에 http://localhost:3000/ 을 입력하고 내용이 잘 출력되는 지 확인해본다.

 

 

 

또 다른 예제

8080포트를 사용해서 todos라는 객체 데이터를 서버에서 사용하고자 한다. express에서 cors를 허용하기 위한 코드가 포함되어있다.

 

터미널에 다음과 같이 적어준다.

 

$ npm install cors

 

const express = require('express');
const cors = require('cors');
const app = express();
const port = 8080;

const todos = [
    {
      id: 1,
      title: "React Hooks 익히기"
    },
    {
      id: 2,
      title: "GraphQL 익히기"
    },
    {
      id: 3,
      title: "Apollo 익히기"
    }
  ];

app.use(cors());
app.get('/', (req, res) => {
  res.send('Hello World!')
})
app.get("/todo", (req, res) => res.json(todos));

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