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

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

get 보여주기 할때 쓰는 for 문에서 length 가 타입에러라고 나오는데 도저히 모르겠습니다..

보고 계신 화면

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

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

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

<script>
    $(document).ready(function () {
        show_bucket();
    });

    function show_bucket() {
        $.ajax({
            type: "GET",
            url: "/bucket",
            data: {},
            success: function (response) {
                let rows = response['buckets']
                for (i=0;i<rows.length;i++) {
                    let bucket = rows[i]['bucket']
                    let done= rows[i]['done']
                    let num= rows=[i]['num']
                    if (done == 0) {

                        temp_html = `<li>
                                    <h2>✅ ${bucket}</h2>
                                    <button onclick="done_bucket(${num})" type="button" class="btn btn-outline-primary">완료!</button>
                                </li>`
                    } else {
                        temp_html = `<li>
                                        <h2 class="done">✅ ${bucket}</h2>
                                    </li>`
                    }
                    $('#bucket-list').append(temp_html)
                }
                alert(response["msg"])
            }
        });
    }

    function save_bucket() {
        let bucket = $('#bucket').val()
        $.ajax({
            type: "POST",
            url: "/bucket",
            data: {
                bucket_give: bucket,
            },
            success: function (response) {


                alert(response["msg"])
                window.location.reload()
            }
        });
    }

    function done_bucket(num) {
        $.ajax({
            type: "POST",
            url: "/bucket/done",
            data: {sameple_give: '데이터전송'},
            success: function (response) {
                alert(response["msg"])
            }
        });
    }
</script>

from flask import Flask, render_template, request, jsonify
from pymongo import MongoClient
import certifi

app = Flask(__name__)
ca = certifi.where()
client = MongoClient('mongodb+srv://test:123@cluster0.vpw4dwu.mongodb.net/?retryWrites=true&w=majority', tlsCAFile=ca)
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']

    bucket_list= list(db.bucket.find({}, {'_id': False}))
    count = len(bucket_list)+1

    doc = {
        'num':count,
        'bucket':bucket_receive,
        'done':0
    }
    db.bucket.insert_one(doc)

    return jsonify({'msg': '등록 완료!!'})

@app.route("/bucket/done", methods=["POST"])
def bucket_done():
    sample_receive = request.form['sample_give']
    return jsonify({'msg': 'POST(완료) 연결 완료!'})

@app.route("/bucket", methods=["GET"])
def bucket_get():
    bucket_list = list(db.bucket.find({}, {'_id': False}))
    return jsonify({'buckets': bucket_list})
    print(bucket_list)
if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)