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

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

안녕하세요 ! 5주차 강의를 통해 DB - 웹 - 프론트 - 백엔드 연결에 대해 공부하다가, 다시 복습하고 있습니다.

주석을 달아보며, 작은 각각의 코드세션이 어떤 의미인지 개인적으로 이해한 대로 주석을 달아 이해하려 하고 있는데요,

제가 제대로 이해하고 있는 게 맞는 지 가볍게 리뷰해주시면 감사할 것 같습니다.

작성한 코드 및 에러 메세지

     function save_comment() {
        let name = $("#name").val();
        let comment = $("#comment").val();
        {% comment %} 프론트 Body에서 id값을 선언하여 변경되는 사항을 반영해야 함 {% endcomment %}

        let formData = new FormData();
        formData.append("name_give", name);
        formData.append("comment_give", comment);
        {% comment %} 백엔드에서 지정한 _give들을 여기서 선언하여 연결 {% endcomment %}

        fetch("/guestbook", { method: "POST", body: formData })
          .then((res) => res.json())
          .then((data) => {
        {% comment %} fetch는 지정된 /guestbook 에 위에 작업한 코드를 날려준다 {% endcomment %}
            alert(data["msg"]);
            window.location.reload();
          });

@app.route("/guestbook", methods=["POST"])
def guestbook_post():
    name_receive = request.form['name_give']
    comment_receive = request.form['comment_give']
    # 유저가 기입하는 데이터를 받아야 함
    doc = {
          'name':name_receive,
          'comment':comment_receive 
    }   
    # 들어오는 데이터를 자료형으로 만들어서 DB에 보낼 준비
    db.fans.insert_one(doc)
    # DB에 데이터를 보내기
    return jsonify({'msg': '저장 완료!'})