* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

강의 5-5 부분을 듣고있습니다.

코드 수정 후 '웹페이지 만들기'라고 입력 후 데이터를 저장했는데 mongoDB에 이상하게 나와요

강의 계속 돌려보면서 코드 틀린건 없는지 계속 확인해봤는데도 뭐가 문젠지 모르겠습니다ㅠㅠ

딱히 오류 표시도 나타나지 않았습니다!

작성한 코드 및 에러 메세지

고친부분만 첨부해보겠습니다

Index.html

<script>
      $(document).ready(function () {
        show_bucket();
      });
      function show_bucket() {
        fetch('/bucket').then(res => res.json()).then(data => {
                console.log(data)
                                alert(data["msg"]);
            })
      }


      function save_bucket() {
        let bucket = $('#bucket').val


        let formData = new FormData();
        formData.append("bucket_give", bucket);


        fetch('/bucket', {method: "POST",body: formData,}).then((response) => response.json()).then((data) => {
            alert(data["msg"]);
          });
      }
      
    </script>

app.py

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)


from pymongo import MongoClient
client = MongoClient('mongodb+srv://sparta:test@cluster0.qp3yjvk.mongodb.net/?retryWrites=true&w=majority')
db = client.dbsparta


@app.route('/')
def home():
    return render_template('index.html')


@app.route("/bucket", methods=["POST"])
def bucket_post():
    bucket_receive = request.form['bucket_give']
    doc = {
        'bucket' :bucket_receive
    }
    db.bucket.insert_one(doc)
    return jsonify({'msg': '저장 완료!'})
    
@app.route("/bucket", methods=["GET"])
def bucket_get():
    return jsonify({'msg': 'GET 연결 완료!'})


if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)