[RESTful 라우트] DELETE 설정: 댓글 삭제하기

이번 섹션에서는 RESTful 주석 DELETE를 활용하여 댓글을 삭제하는 방법을 알아봅니다. 주로 사용되는 엔드포인트는 /comments/:id로, HTTP 동사는 delete를 활용합니다.

 

댓글 삭제 엔드포인트 설정

우선, 삭제할 댓글의 경로는 /comments/:id로 설정합니다. 이때, :id는 해당 댓글의 고유 식별자입니다.

 

클라이언트 측에서 Delete 요청 보내기

클라이언트 측에서는 JavaScript를 사용하여 삭제 요청을 보낼 수 있습니다. 이를 위해 Axios나 fetch API를 활용하거나 클릭 리스너를 사용할 수 있습니다.

 

서버 측에서 Delete 요청 처리

Express를 이용하여 서버에서 Delete 요청을 처리하는 방법을 살펴봅니다. 해당 라우트에서는 요청된 ID를 통해 댓글을 찾아 배열에서 삭제합니다.

app.delete('/comments/:id', (req, res) => {
    const { id } = req.params;
    comments = comments.filter(c => c.id !== id);
    res.redirect('/comments'); // 삭제 후 리다이렉트
});

 

 

 

댓글 삭제 후의 처리

댓글이 삭제된 후, 클라이언트 측에서는 리다이렉트를 통해 다른 페이지로 이동하거나 JSON API를 통해 삭제 성공 메시지를 응답할 수 있습니다.

// 삭제 후 리다이렉트
res.redirect('/');

 

 

 

이로써, 댓글 삭제의 전체 과정을 완료했습니다. 이번 섹션의 내용을 정리하며 여러분의 노력과 이해에 큰 박수를 보냅니다. 다음 과정은 MongoDB나 리액트에 대해 자세하게 다룰 예정입니다. 계속 진행해주세요! 🚀