[💻 코드스테이츠 FE 44기] Refactor Express, Middleware

✔️ 시작

Express, 미들웨어, req.query, req.params, req.body를 이용한 과제를 진행했다.

📍 알게된 부분

✔️ Express

• 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크
• Express는 프레임 워크 자체에서 라우터 기능을 제공한다.

라우팅

• URI(또는 경로) 및 특정한 HTTP 요청 메소드인 특정 엔드포인트에 대한 클라이언트 요청에 애플리케이션 응답하는 방법을 결정하는 것

app.METHOD(PATH, HANDLER)

✔️ Middleware(미들웨어)

• 자동차 공장의 공정과 비슷하다.
• 컨베이어 벨트 위에 올라가 있는 요청(Request)에 필요한 기능을 더하거나, 문제가 발견된 불량품을 밖으로 걷어내는 역할 (피터링)
• express의 가장 큰 장점이다.

- 자주 사용하는 상황

1. POST 요청 등에 포함된 body(payload)를 구조화할 때(쉽게 얻으려고 할 때)
2. 모든 요청/응답에 CORS 헤더르 붙여야할 때
3. 모든 요청에 대해 url이나 메서드를 확일할 때
4. 요청 헤더에 사용자 인증 정보가 담겨있는지 확인할 때

• Express내장 미들웨어인 express.json을 이용하면 요청 body(payload)를 받는 작업을 간단하게 처리할 수 있다.

✔️ req.query, req.params, req.body

• Express.js에서 HTTP 요청을 처리하는데 사용되는 객체 속성

req.query

• HTTP 요청 url의 쿼리 매개변수에 대한 객체
• ? 뒤에 키/값 쌍으로 지정되는 매개 변수 (/user?name=jieun => req.query.name = 'jieun')

// https://www.Jieun.com/user?name=jieun&age=27
app.get('/:id', (req, res) => {
	console.log(req.query) // {name : 'jieun', age : '27'}
})

req.params

• HTTP 요청 url의 경로 매개변수에 대한 객체
• url 경로의 특정 부분에 지정되는 매개변수 (/user/:id => req.params.id = id 부분의 대한 값)

// https://www.Jieun.com/user?name=jieun&age=27
app.get('/:id', (req, res) => {
	console.log(req.params) // {id : 'name'}
})

req.body

• HTTP POST 요청 본문에 대한 객체
• POST 요청에서 전달되는 데이터를 포함하는 부분
• 다양한 데이터 형식(JSON, URL 이코딩 등)에 대해 자동으로 구문 분석

✏️ 마치며

이론 등을 보면 아~ 이래서 이렇게 사용하는 구나 하고 이해가 되는 듯 싶어도
막상 코드로 작성하려고 하면 머리가 텅텅 빈다..

제대로 이해하려면 글로만 작성하는게 아닌 코드를 따라 치면서
왜 이렇게 작성하고 이러한 상황엔 이렇게 작성하는지를 알아야 할 거 같다.

참고
https://expressjs.com/ko/starter/basic-routing.html
chat gpt