express에서 동적 경로 설정하기 (req.params)

참고한 블로그 : https://gongbu-ing.tistory.com/26

Node.js | Express : Request Parameters

각 컴퍼넌트별 상세페이지를 만들던 중 상세페이지를 불러오는 각자의 경로를 만들어 주려고 하다보니 get()요청을 몇개를 써야하는가 싶어서 이러한 단순 노가다를 해결할 방법을 찾던중에 만난 params라는 친구

(위의 블로그를 보면 params와 param()의 차이를 알 수 있다.)

 

프론트

 <a href="/items/3 ">ITEM</a>

url의 경로에 id 값을 보냈다.

 

서버

app.get('/items/:id', function (req, res) {

  const item= req.params.id

  res.render('restaurant-detail', { item })

})

path에 : 뒤에 적힌 값을 params로 받아오는데 params를 console.log()로 찍어보면 id : url에 해당 위치에 적힌값 으로 객체가 생성된 것을 알 수 있다. 이말이 무엇이냐면 요청된 url에서 내가 원하는 키값을 불러와서 쓸수 있다는 것!

프론트에서 작성한 a링크를 통해 요청이 들어오면 console.log(req.params.id)를 하면 3이 출력되게 되는 것이다.

 

활용할 수 있는 방법
- get('items/1', function(req,res){})
- get('items/2', function(req,res){})
- get('items/3', function(req,res){})
이 노가다성 코딩을 저 하나로 끝낼 수 있다는 것.