post요청할때 에러질문입니다!

write.html

  <div class="container mt-3">
    <form action="/add" method="POST">
      <div class="form-group">
        <label>오늘의 할일</label>
        <input type="text" class="form-control" name="title">
      </div>
      <div class="form-group">
        <label>날짜</label>
        <input type="text" class="form-control" name="date">
      </div>
      <button type="submit" class="btn btn-outline-secondary">Submit</button>
    </form>
  </div>

server.js

const express = require('express')
const app = express()
const bodyParser= require('body-parser')
app.use(bodyParser.urlencoded({extended: true}));
const MongoClient = require('mongodb').MongoClient;

var db;
MongoClient.connect('mongodb+srv://kimhyunbin95:khbin9504@cluster0.tdetu.mongodb.net/myFirstDatabase?retryWrites=true&w=majority', function(에러, client){
  if(에러){return console.log(에러)}
  db = client.db('todoapp');

  db.collection('post').insertOne({이름 : 'john', _id : 200}, function(에러,결과){
    console.log('저장완료');
  });

  app.listen(8080, function() {
    console.log('listening on 8080')
  });
})

app.get('/', function(요청, 응답) {
  응답.sendFile(__dirname +'/index.html')
});

app.get('/write', function(요청, 응답) {
    응답.sendFile(__dirname +'/write.html')
});
app.post('/add', function(요청, 응답){
  응답.send('전송완료')
  console.log(요청.body.date);
  console.log(요청.body.title);
  db.collection('post').insertOne({제목 : 요청.body.title, 날짜 : 요청.body.date}, function(에러,결과){
    console.log('저장완료');
  });
});

몽고디비 강의까지 넘어가서 몇개 더 추가되었습니다.

vscode live server 로 열었었는데 말씀듣고 디폴트브라우저로 열고 서브밋 눌렀는데 이런식으로 뜹니다..
선생님이 올려주신 코드 그대로 복붙해서 코드상에는 문제없을거라 생각하는데 어떤문제가있을까요?ㅠㅠ
혹시나해서 브라켓으로 열어봤는데도 같은현상입니다.