삭제기능 만들기 1 숙제

코드를 맞게 짰는데 계속 안돼서 보니까 method === 'DELETE' 였어서 안되는거였어요.

삭제 기능인데 왜 'DELETE'일 때는 동작 안하고 'POST'여야만 정상적으로 동작하는건가요?

```
</pre>
<pre>'use client';</pre>
<pre>import Link from 'next/link';</pre>
<pre>export default function ListItem({ result }) {
    // console.log(result);
    return (
        <>
            {result.map((e, i) => {
                return (
                    <div className='list-item' key={i}>
                        <Link href={'/detail/' + result[i]._id}>
                            <h4>{e.title}</h4>
                        </Link>
                        <p>{e.content}</p>
                        <Link href={'/edit/' + result[i]._id} className='list-btn'>
                            ✏️
                        </Link>
                        <button
                            onClick={() => {
                                fetch('/api/post/delete', {
                                    method: 'POST',
                                    body: result[i]._id,
                                });
                            }}
                        >
                            🗑️
                        </button>
                    </div>
                );
            })}
        </>
    );
}</pre>
<pre>```


```
</pre>
<pre>import { connectDB } from '@/util/database';
import { ObjectId } from 'mongodb';</pre>
<pre>export default async function handler(request, response) {
    if (request.method === 'POST') {
        // console.log(request.body);
        try {
            const client = await connectDB;
            const db = client.db('forum');
            let result = await db.collection('post').deleteOne({ _id: new ObjectId(request.body) });
            console.log(result);
            response.status(200).json('삭제 완료');
            // response.status(200).redirect(302, '/list');
        } catch {
            response.status(500).json('삭제 error');
        }
    } else console.log('error');
}</pre>
<pre>```