[NodeJS+Express] 13. form태그에서 PUT, DELETE 요청하기 & MongoDB 수정문법 +

form 태그를 그대로 사용하면 GET, POST 요청만 가능하다.

하지만 PUT, DELETE 등을 활용하면 더 좋은 API의 기준에 부합할 수 있을 것이다.

이를 가능하게 하는 방법에 대해서 알아보자!

 

1. method-override

method-override 라는 라이브러리를 이용하면 가능하다.

 

설치

npm install method-override

 

 

import

//server.js
const methodOverride = require('method-override')
app.use(methodOverride('_method'))

 

서버파일 최상단에 위 코드를 작성해서 라이브러리로부터 필요한 것들을 가져온다.

 

1) form 태그 수정

//edit.ejs
...
<form action="/editpost/<%=result._id%>?_method=PUT" method="POST">
  <textarea name="title"><%=result.title%></textarea>
  <textarea name="content"><%=result.content%></textarea>
</form>

?_method=PUT 을 action속성 마지막에 삽입해주면

method 속성이 PUT으로 변환되어 전송이 된다.

 

 

2) 서버파일 수정

app.put('/editpost/:num', async(request, response)=>{
  ...
})

서버파일도 put으로 변경해주면 끝!

 

 

---

2. MongoDB 수정 문법 +

1) 필드 수정 연산자

이전에 수정하기 기능을 구현할 때 updateOne() 함수에 $set 연산자를 이용하였다.

이것은 MongoDB의 여러 연산자 중 필드 수정 연산자의 일부이다.

$set은 덮어쓰기 기능을 가지고 있는데 이외에도 다양한 필드수정연산자들이 존재한다.

 

- $inc : 필드 값 증감 기능 (양수: + , 음수:-)

{$inc : {필드명 : 숫자}}

전달한 필드의 값을 숫자만큼 가감하는 연산자이다.

 

 

- $mul : 필드 값 곱하기 기능

{$mul : {필드명 : 숫자}}

전달한 필드의 값을 숫자만큼 곱하는 연산자이다.

 

- $unset : 필드 삭제 기능

{$unset : {필드명1 : '', 필드명2 : ''}}

전달한 필드를 삭제하는 연산자이다.

하지만 이 방법보다 0을 집어 넣거나 빈 문자열로 대체하는 것이 더 다루기 편한 경우가 많음!

 

 

2) 비교 연산자

비교 연산자도 존재한다!

- $gt : 더 큰 필드값을 가진 document 필터링 (>) 

{필드명 : {$gt : 값}}

해당 필드명의 값이 전달한 값보다 더 큰 document를 반환하는 함수이다.

 

- $gte: 이상인 필드값을 가진 document 필터링 (≥)

{필드명 : {$gte : 값}}

해당 필드명의 값이 전달한 값 이상인 document를 반환하는 함수이다.

 

- $lt : 더 작은 필드값을 가진 document 필터링 (<) 

{필드명 : {$lt : 값}}

해당 필드명의 값이 전달한 값보다 더 작은 document를 반환하는 함수이다.

 

- $lte: 이하인 필드값을 가진 document 필터링 (≤)

{필드명 : {$lte : 값}}

해당 필드명의 값이 전달한 값 이하인 document를 반환하는 함수이다.

 

- $ne: 값이 같지 않은 필드값을 가진 document 필터링 (≠)

{필드명 : {$ne : 값}}

해당 필드명의 값이 전달한 값과 다른 document를 반환하는 함수이다.

 

 

이 외에 더 많은 연산자들이 존재한다!

(참고 제로초님✨: https://www.zerocho.com/category/MongoDB)

 

 

3) 동시에 여러 document(데이터) 수정하기

updateOne()은 한개의 document 만 수정이 가능하다. 

여러개의 수정을 원할 때에는 updateMany()를 이용하면 된다.

 

- updateMany()

 

사용법

updateMany({데이터 정보}, {수정사항}})

 

사용법은 updateOne과 유사하다.

전달한 데이터 정보를 가진 모든 document를 두번째 인자에 대한 내용으로 수정한다.

 

이때 데이터 정보에는 위에서 다루었던 비교 연산자 등을 활용하여 필터링이 가능하다.