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

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

아래 캡쳐 화면이 안 나오네요. 오류 발생

강의화면*****

내 화면**********

작성한 코드 및 에러 메세지

app.py ***********

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)

from pymongo import MongoClient

import certifi

ca = certifi.where()

client = MongoClient('mongodb+srv://sparta:test@cluster0.6jeunin.mongodb.net/?retryWrites=true&w=majority' ,tlsCAFile = ca)

db = client.dbsparta

@app.route('/')

def home():

    return render_template('index.html')

@app.route("/mars", methods=["POST"])

def mars_post():

    name_receive = request.form['name_give']

    address_receive = request.form['address_give']

    size_receive = request.form['size_give']

    doc = {

        'name':name_receive,

        'address':address_receive,

        'size':size_receive

    }

    db.mars.insert_one(doc)

    return jsonify({'msg':'저장완료!'})

@app.route("/mars", methods=["GET"])

def mars_get():

    mars_data = list(db.mars.find({},{'_id':False}))

    return jsonify({'result': mars_data})

if __name__ == '__main__':

    app.run('0.0.0.0', port=5000, debug=True)

index.py *************

   <script>

        $(document).ready(function () {

            show_order();

        });

        function show_order() {

            fetch('/mars').then((res) => res.json()).then((data) => {

                console.log(data)

            })

        }

        function save_order() {

            let name = $('#name').val()

            let address = $('#address').val()

            let size = $('#size').val()

            let formData = new FormData();

            formData.append("name_give", name);

            formData.append("address_give", address);

            formData.append("size_give", size);

            fetch('/mars', { method: "POST", body: formData }).then((res) => res.json()).then((data) => {

                alert(data["msg"]);

                window.location.reload()

            });

        }

    </script>