youtuber-demo ( 전체 조회, 삭제, 수정)

👩🏻‍💻 실습해보기

1. 전체 유튜버 조회(GET)

// 전체 유튜버 조회
app.get('/youtubers', function (req, res) { 
  let youtubers = {}
  db.forEach(function (value, key) {
    youtubers[key] = value
  });

  res.json(youtubers)
})

 

➡️ Map 으로 선언된 db 를 순회하면서 각 객체를 youtubers 배열에 저장한 후, 이 배열을 JSON 형식으로 클라이언트에 전달한다.

 

2. 개별 유튜버 삭제 (DELETE)

// 개별 유튜버 삭제
app.delete('/youtubers/:id', (req, res) => {
  let { id } = req.params
  id = parseInt(id)

  let youtuber = db.get(id)
  if (youtuber == undefined) {
    res.json({
      message: `요청하신 ${id}번은 가입된 유튜버가 아닙니다.`
    })
  }
  else {
    const channelTitle = youtuber.channelTitle
    db.delete(id)

    res.json({
      message: `${channelTitle} 님을 즐겨찾기에서 삭제했습니다.`
    })
  }
})

➡️ URL 에 입력된 id 에 해당하는 유튜버를 찾는다. 해당 유튜버가 없을 경우에는 가입된 유튜버가 아니라는 메시지를 출력하고, 해당 유튜버가 있을 경우 delete 메소드를 통해 해당 id 의 객체를 삭제한다. 그리고 삭제했다는 메시지를 출력한다. 

 

3. 전체 유튜버 삭제 (DELETE)

// 전체 유튜버 삭제
app.delete('/youtubers' , (req, res) => {
  let msg=""
  //db 에 값이 1개 이상이면, 전체 삭제
  if(db.size >= 1) { 
    db.clear()
    msg = "전체 유튜버가 삭제되었습니다."
  }
  else { // 값이 없으면
    msg = "삭제할 유튜버가 없습니다."
  }

  res.json({
    message: msg
  })
})

왼) 삭제 후 화면 , 오) 삭제 후 조회 화면

db에 값이 없을 때

 

➡️ db 에 값이 1개 이상이면 clear 메소드를 통해 전체 삭제를 수행하고, db 에 값이 없으면 삭제할 유튜버가 없다는 메시지를 출력한다. 

 

4. 개별 유튜버 수정 (PUT)

// 개별 유튜버 수정
app.put('/youtubers/:id', function (req, res) {
  let { id } = req.params
  id = parseInt(id)

  let youtuber = db.get(id)
  let oldTitle = youtuber.channelTitle

  if (youtuber == undefined) {
    res.json({
      message: `요청하신 ${id}번은 가입된 유튜버가 아닙니다.`
    })
  }
  else {
    let newTitle = req.body.channelTitle
    youtuber.channelTitle = newTitle // 새로운 채널명으로 변경
    db.set(id, youtuber) // 다시 유튜버를 셋팅 => 덮어쓰기 

    res.json({
      message: `${oldTitle} 님, 채널명이 ${newTitle} 로 수정되었습니다. `
    })
  }
})

왼) 채널명 변경 , 오) 채널명 변경 후 조회

 

➡️ URL 에 입력된 해당 id 의 유튜버를 찾는다. 해당 id 의 유튜버가 없을 경우 가입된 유튜버가 아니라는 메시지를 출력하고, 유튜버가 있을 경우 해당 객체의 채널명을 새로운 채널명으로 변경한다. 변경이 완료될 경우, 수정되었다는 메시지를 출력한다. 

---

🌟 배운 점과 느낀 점

이번주부터 계속 유튜버 데모 REST API 설계 하는 것을 배우고 있다. 처음에는 낯설고 어려웠는데, 계속 반복해서 하다보니 익숙해지고 재미를 느끼고 있는 것 같다. 조회할 때는 GET, 등록할 때는 POST, 삭제할 때는 DELETE 그리고 수정할 때는 PUT 메소드를 사용한다는 것을 잊지 말아야겠다. 뭔가 이전에는 백엔드에 대해서 어렵고 재미없을 것이라는 편견이 있었는데 오히려 백엔드가 한 웹사이트를 만드는 데 실질적인 역할을 하는 만큼 은근 재밌다는 생각도 든다. 앞으로도 열심히 해야겠다🔥