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

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

강의 중 첫번째 연습에서 post 요청을 강의와 동일하게 작성하였는데 화면과 같은 오류가 발생합니다.

• 데이터가 DB에 저장되지 않습니다.
• POST 요청을 완료했다는 msg가 뜨지 않습니다.

보고 계신

화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

// index.html 
function save_bucket() { // 프론트엔드 부분 입력받은 데이터값을 화면에 출력해주는 것 
        let bucket = $('#bucket').val // id가 bucket인 곳에 입력받은 데이터를 bucket에 저장


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


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

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


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


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


@app.route("/bucket", methods=["POST"]) #DB값을 입력받아서 저장해주는 것
def bucket_post():
    bucket_receive = request.form['bucket_give']
    doc = {
        'bucket' : bucket_receive
    }
    db.bucket.insert_one(doc)
    return jsonify({'msg': '저장 완료!'})

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!