[Next.js] Invalid JSON (trailing comma, dangling comma, terminal comma)

 

 

 

MongoDB를 이용해서 PATCH 요청을 보냈는데 결과값이 제대로 안뜨고 Invalid JSON이 뜬다.

PATCH http://localhost:3000/api/short-links/665eb7c2ef6c89ac004f5e89
Content-Type: application/json

{
  "title": "title",
}

HTTP/1.1 400 Invalid JSON
Date: Tue, 04 Jun 2024 07:08:29 GMT
Connection: close
Transfer-Encoding: chunked

Invalid JSON

 

 

 

이유를 찾아보니 JSON의 마지막 항목에는 쉼표가 오면 안된다고 한다. 따라서 아래와 같이 쉼표를 제거해주어야 한다.

PATCH http://localhost:3000/api/short-links/665eb7c2ef6c89ac004f5e89
Content-Type: application/json

{
  "title": "title"
}

 

 

 

객체와 배열에서는 마지막에 프로퍼티를 추가하는 일이 잦기 때문에 항상 마지막에 쉼표를 넣어주었고, ESLint 설정으로 trailing comma를 true를 해왔어서 몰랐는데 JSON은 마지막 쉼표를 허용하지 않는다고 한다.