[AI스쿨] express js DELETE로 데이터 삭제하기
[AI스쿨] express js DELETE로 데이터 삭제하기 — #AI스쿨 #expressjs #restfulapi #expressDELETE AI스쿨 msa기반 java 백엔드 코스 중에 공부한 ...
#AI스쿨 #expressjs #restfulapi #expressDELETE
AI스쿨 msa기반 java 백엔드 코스 중에 공부한 내용을 작성하였습니다
학습법 이론
학습을 하기 이전, 명심해야할 학습법이 있다.
1.이해가지 않는다고 뒤돌아가 다시 보지 말 것
2.외우지 말라
=> 자주 봐서 외워짐을 당하라
=> 크롬을 통해 copy and paste하라
- 이해하는게 중요하다
=> 왜 생겨났는지?
=> 왜 사용하는지?
===> 응용이 가능해진다.
4.새로운 지식을 넣을땐 뇌를 비우자
express js RESTful API (DELETE)
REST DELETE
REST의 DELETE부분을 담당하는 DELETE에 대해 알아보겠습니다. DELETE는 서버에 저장된 데이터를 삭제할때 사용됩니다.
DELETE 데이터 삭제 설계하기
app.delete
app.delete을 사용하면 DELETE매서드를 사용할 수 있습니다.
데이터
| const products = \[ { id: 1, name: "pencil", price: 500 }, { id: 2, name: "book", price: 15000 },\]; |
|---|
실습에 사용할 데이터입니다.
URI parameter로 데이터삭하기
이전 GET요청시에 다뤄보았던 URI parameter와 동일하게 API를 설계해보겠습니다. 사용자가 property(=id)값을 입력하면 해당데이터를 삭제하도록 만들것입니다.
| app.delete("/products/:id", (req, res) => { const { name, price } = req.body; const id = Number(req.params.id - 1); if (products\[id\]) { products.splice(id, 1); res.send({ mesaage: "데이터가 제거되었습니다" }); } else { res.send({ error: "잘못된 접근입니다" }); }}); |
|---|
url : /products/:id
해당 url로 delete요청을 보내도록 설정하였습니다. id는 클라이언트측에서 받을 변수로 설정합니다.
const id = Number(req.parmas.id) -1
PUT에서 사용했던것과 동일하게 사용자의 입력데이터 = 배열데이터와 동일하게 맞춰줍니다.
배열함수 splice
조건문을 사용하여 id번째의 배열데이터를 삭제합니다. 이때 사용되는 배열함수는 splice입니다. splice에 대한 사용방법은여기를 클릭하세요
포스트맨으로 확인하기
GET요청을 사용하여 모든 데이터를 저장해둔 경로로이동하여 데이터를 확인합니다.
Delete요청을 보내 배열의 첫번째 데이터를 삭재하였습니다.
다시 전체데이터를 호출해보면 id=1인 데이터가 삭제된 것을 볼 수 있습니다.
이렇게해서 API CRUD에 대해 모두 다뤄보았습니다. 처음에는 헷갈리고 어려운 부분이 많았는데 이제는 조금 감이 잡힌 것 같습니다. 여러분들도 서버에 저장된 데이터를 어떻게 CRUD할지 고민해보시면 좋을 것 같습니다!