๋ณธ๋ฌธ์œผ๋กœ ๋ฐ”๋กœ๊ฐ€๊ธฐ

1. morgan

Logging๋ฏธ๋“ค์›จ์–ด: http ์ƒํƒœ ์ฝ”๋“œ, ์ ‘์† ํ•˜๋Š”๋ฐ ๊ฑธ๋ฆฐ ์‹œ๊ฐ„, ๋ช…๋ น์–ด ๋“ฑ์„ ๊ธฐ๋กํ•œ๋‹ค.

npm i morgan 
import morgan from "morgan"

app.use(morgan("dev"))

// morgan์˜ ์ธ์ž๋กœ combined, tiny, dev ๋“ฑ์ด ์กด์žฌํ•œ๋‹ค.

 

2. helmet

๋‹ค์–‘ํ•œ HTTP ํ—ค๋”๋ฅผ ์„ค์ •ํ•˜์—ฌ Express ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์˜ ๋ณด์•ˆ์„ ์œ ์ง€ํ•˜๋„๋ก ๋„์™€์ค€๋‹ค.

npm i helmet
import helmet from "helmet" 

app.use(helmet())

 

3. cookie-parser

์ฟ ํ‚ค ์‚ฌ์šฉ์— ๋„์›€์„ ์ค€๋‹ค. ์ฟ ํ‚ค ํ—ค๋”๋ฅผ ํŒŒ์‹ฑํ•˜๊ณ , req.cookies๋ฅผ ์ฟ ํ‚ค ์ด๋ฆ„์œผ๋กœ ํ‚ค๊ฐ€ ๋œ ๊ฐ์ฒด๋กœ ์ฑ„์šด๋‹ค.

npm i cookie-parser
import cookiePaser from "cookie-parser"

app.use(cookiePaser()) 

 

4. body-parser

express๋Š” request๋ฅผ ์ฒ˜๋ฆฌํ•  ๋•Œ body๋ฅผ undeifned๋กœ ์ฒ˜๋ฆฌํ•˜๊ณ  ์žˆ๋‹ค.

๋•Œ๋ฌธ์— body-parser ๋ฏธ๋“ค์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด request์˜ body๋ถ€๋ถ„์„ json ํ˜•ํƒœ๋กœ ํŒŒ์‹ฑํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

app.get('/', (req, res) => {
	console.log(req.body) // undefined
})

 

4.16.0 ๋ฒ„์ „ ๋ถ€ํ„ฐ๋Š” body-parser๊ฐ€ ๋‚ด์žฅ๋˜์–ด์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์„ค์น˜ํ•  ํ•„์š” ์—†์ด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์“ด๋‹ค.

// import bodyParser from "body-parser";
// app.use(bodyParser.urlencoded({ extended: false }));
// app.use(bodyParser.json());
app.use(express.urlencoded({ extended: false }));
app.use(express.json());

 

 

๋ฐ˜์‘ํ˜•