Express

node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크이다. express는 일종의 패키지이다.
express안에는 http, node.js, 라이브러리 가 담겨져 있다. 이러한 기능을 한 곳에 모아서 제공해주는 것이다.

Express를 사용하는 이유

내가 Express를 사용하는 이유는 널리쓰이고 오래쓰인 프레임워크 이기 때문도 있다. 이유는 오래 쓰인 프레임워크 같은 경우는 사용자가 많기 때문에 새로운 기술도 다양한 이슈나 에러 핸들링을 한 사례가 많기 때문이다.

또한 Express는 프레임워크이므로 웹 애플리케이션을 만들기 위한 각종 라이브러리와 미들웨어 등이 내장돼 있어 개발하기 편하고, 수많은 개발자들에게 개발 규칙을 강제하여 코드 및 구조의 통일성을 향상시킬 수 있다. 그것이 바로 프레임워크 도입의 가장 큰 장점이다.

Express사용 셋팅

1. Express를 사용할 프로젝트 파일을 만든다.

2. 프로젝트에 npm init을 입력해 package.json을 생성한다.

3. package.json설치가 완료 되었다면 다음 명령어를 입력 해 babel을 설치한다.

npm install -D @babel/cli @babel/core @babel/node @babel/preset-env

💡 babel을 설치하는 이유는 babel은 ES6 -> ES5 변환을 해준다. 그 이유는 node.js는 ES6를 읽을 수 없기 때문이다.
💡 -D를 넣어 설치하는 이유는 babel은 성능저하를 일으킨다. 그렇기 때문에 개발할 때만 사용하기 때문에 devDependencies에 설치하기 위해서다.

4. babel설치가 완료 되면 package.json을 설정해준다.

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev" : "babel-node src/index.js"
  },
 "babel":{
    "presets":[
      "@babel/preset-env"
    ]
  }

5. express를 설치한다.

npm install express

6. src폴더를 만들고 index.js를 만들고 다음 코드를 입력한다.

import express from "express";

const app = express();

// req : 요청 => Request
// res : 응답 => Response
app.get("/", (req, res) => {
  res.send("Express");
});

app.listen(8000, () => {
  console.log("서버가 시작되었습니다.");
});

7. 프로젝트를 실행 시킨다.

npm run dev

8000번 포트로 접속하면 다음과 같은 결과가 뜬다.