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

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

안녕하세요

버킷리스트 페이지에서 기록하기 버튼 누르면 db에 저장되는 것 까지는 잘 되는데 불러오는 과정이 안됩니다.

forEach문이 잘못 됐다고 나오는데 해결방법을 못찾겠습니다.

작성한 코드 및 에러 메세지

index.html

    <script>
      $(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)
                })


            })
      }


      function save_bucket() {
        let bucket = $('#bucket').val()


        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();
          });
      }
      
    </script>