Express.js 설치

Express.js 설치

1. Express.js 설치

 - Express.js를 설치해 봅시다. (자세한 내용은 Express 사이트를 참조.)

 - #1. 먼저 폴더를 생성한 뒤, VS Code로 들어가서 npm i express를 입력하여, express를 설치합니다.

 

 - #2. (선택) 파일들이 생성 되었으면, package.json에 들어가 "type" : "module"을 입력합니다.

    → 모듈을 가져올 때, import를 사용하기 위해 입력하였습니다.

 

 - #3. 생성했던 폴더에 app.js 파일을 생성한 뒤, 다음과 같이 입력합니다.

import express from "express"

const app = express()
const port = 3000

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

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

 

 - #4. 터미널에서 node app.js를 입력한 후, 브라우저에 들어가서 localhost:3000을 입력해봅시다!

    → Example app listening on port 3000이 나오면 정상적으로 실행된 것입니다. 

    → Hello World!가 나오면, 제대로 된 것입니다.

 

 - #5. 코드를 다음과 같이 수정한 뒤 /about으로 들어가봅시다.

import express from "express";

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

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

app.get("/about", (req, res) => {
  res.send("About!");
});

app.get("/setting", (req, res) => {
  res.send("Setting!");
});

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});

 

 - 이렇게 하면 세팅이 완료됩니다.

 

※ git에 모듈도 같이 올라가지 않게 하는 법

 - .gitignore 파일 생성 후, 다음과 같이 입력합니다.

    → 이렇게 하면 모듈은 올라가지 않게 됩니다.

# npm
node_modules
package-lock.json
*.log
*.gz

# Coveralls
.nyc_output
coverage

# Benchmarking
benchmarks/graphs