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

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

아래와 같은 순서로 진행되는 것 맞을까요? 1번 ~ 4번에 대해 답변해주시면 감사하겠스빈다..

1. index.html에서 입력받은 내용 = buket을 db bucket에 저장해 라는 뜻 맞을까요?

@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': '저장 완료!'})

2.bucket에 입력받은 내용을 bucket_give 로 보내고 다시 내용을 리셋해 라는 뜻 맞을까요?

function save_bucket() {

        let bucket = $("#bucket").val();

        let formData = new FormData();

        formData.append("bucket_give", bucket);

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

            alert(data["msg"]);

            window.location.reload();

          });

      }

3.db에 저장되어있는 내용을 all_buckets에 넣어줘? 라는 내용일까요?

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

def bucket_get():

    all_buckets = list(db.bucket.find({}, {'_id': False}))

    return jsonify({'result': all_buckets})

4.result에 있는 것을 가져오는데 리셋하고 et bucket = a['bucket']

              let temp_html = `<li>

                                  <h2>✅ ${bucket}</h2>

                            </li>`

에 맞춰서 보여줘 ! 라는 뜻 맞을까요?

temp_html의 의미가 무엇인가요?

$(document).ready(function () {

        show_bucket();

      });

      function show_bucket() {

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

                    let rows = data['result']

                    $('#bucket-list').empty()

          rows.forEach((a) => {

              let bucket = a['bucket']

              let temp_html = `<li>

                                  <h2>✅ ${bucket}</h2>

                              </li>`

              $('#bucket-list').append(temp_html)

          })

      })