[JavaScript][Trouble Shooting] json-server에서 "_id" 삭제(DELETE)가 안되는 문제, 더미 데이터 생성

1. 더미 데이터 생성

https://json-generator.com/

JSON Generator – Tool for generating random data

 

2. 언더스코어가 붙은 "_id"

JSON Generator에서 생성한 더비 데이터를 가지고 JavaScript DOM 실습 중이다. 아래는 해당 더미 데이터 중 하나인데 아이디 키가 "_id"와 같이 언더스코어가 붙어있다. 대수롭지 않게 생각하고 실습을 진행 중이었는데 문제가 생겼다.

{
  "_id": "632561efe6b76ec07ced75a7",
  "index": 1,
  "guid": "b610c45a-6f81-42fb-9cb5-08c1ec1ff6e5",
  "isActive": true,
  "balance": "$1,365.63",
  "picture": "http://placehold.it/32x32",
  "age": 29,
  "eyeColor": "green",
  "name": "Pace Brennan",
  "gender": "male",
  "company": "BLEENDOT",
  "email": "pacebrennan@bleendot.com",
  "phone": "+1 (914) 447-2546",
  "address": "538 Farragut Road, Genoa, Minnesota, 294",
  "about": "Reprehenderit dolor aliqua dolore adipisicing laboris deserunt est ex commodo aliquip consequat aliquip anim voluptate. Amet nisi sunt dolor cillum deserunt et eiusmod. Do quis culpa veniam amet tempor elit et. Veniam veniam proident ad occaecat Lorem consectetur velit commodo aliqua cupidatat. Minim do quis nulla commodo aliquip enim cupidatat Lorem labore irure commodo. Enim laborum laboris culpa culpa proident quis anim nisi eu tempor ut.\r\n",
  "registered": "2021-06-05T07:40:36 -09:00",
  "latitude": 71.842085,
  "longitude": -103.525113,
  "tags": [
    "duis",
    "ullamco",
    "labore",
    "in",
    "enim",
    "elit",
    "veniam"
  ],
  "friends": [
    {
      "id": 0,
      "name": "Graves Jordan"
    },
    {
      "id": 1,
      "name": "Mindy Gay"
    },
    {
      "id": 2,
      "name": "Angie Fletcher"
    }
  ],
  "greeting": "Hello, Pace Brennan! You have 6 unread messages.",
  "favoriteFruit": "strawberry"
},

 

json-server를 이용해 실습 중이었는데 삭제 기능이 작동하지를 않았다. 결국 원인은 언더스코어가 붙은 "_id" 때문이었다. json-server에서는 id값이 반드시 필요했고 언더스코어가 붙은 "_id"는  id로 보지 않아서 생긴 문제였다. 더미 데이터의 키 중 "_id"를 "id"로 모두 변경하니 정상적으로 삭제가 되었다.

 

[그림 1] 실습 중인 화면