[Nodejs] 노드 npm express 설치 및 세팅

 

프로젝트에서 자바스크립트 파일 하나 생성 후터미널창에 다음과 같이 입력한다.

 

1. npm init

그럼 정보입력창들이 뜨는데 description빼고는 딱히 건들게 없다. 그냥 엔터를 연타하자

 

 

 

 

2. npm install express --save

 

express는 노드기반의 웹서버중 하나이며 가장 큰 규모를 가지고 있다. 

이것을 다운받고 설치된 내역을 package.json에 저장해준다.

node_modules 모듈이 생긴걸 확인 할 수 있다. 그 안에 express폴더가있다.

 

 

 

3. 서버실행코드 (init.js) 예제

const app = express();  

const PORT = 4000;
const handleListening = () => console.log(`Listening on: http://localhost:${PORT}`);
app.listen(PORT , handleListening());

 

 

 

4. node init.js

혹은 

(밑에걸 권장 , 코드 수정하면 자동으로 서버 재시작)

sudo npm install nodemon --g   노드몬 설치완료 후 nodemon app.js 로 실행

 

5. import같은 es6 사용할려면 babel필요

npm install @babel/core @babel/node --save-dev

npm install @babel/preset-env --save-dev

npm i -D babel-cli -g

 

5. 거의 필수적으로 설치해야할 미들웨어 정리

import express from "express";
import morgan from "morgan";
import helmet from "helmet";
import cookieParser from "cookie-parser";
import bodyParser from "body-parser";

const app = express();  // express

app.use(helmet()); // 어플리케이션이 더안전하도록 만들어줌
app.set("view engine", "pug"); //pug는 뷰엔진이다.
app.use(cookieParser()); //cookie를 전달받아서 사용할 수 있도록 만들어주는 미들웨어
app.use(bodyParser.json({extended: true})); //사용자가 웹사이트로 전달하는 정보들을 검사하는 미들웨어
app.use(bodyParser.urlencoded({extended: true})); //json이 아닌 post형식으로올때 파서
app.use(morgan("dev")); //어플리케이션에서 발생하는 모든 일들을 logging