Flask mongodb crud 수정하기 기능!(팬명록 작성하기!)

삭제하기 버튼을 만들었으니 이번에는 수정하기 기능을 만들어보자!
일단 수정하기 버튼을 만들고 그 버튼을 누르면 수정할수있는 box가 나오도록 코드를 짰다.

function modify_comment(num) {
            $('.card').empty()
            let temp_html = `<div class="form-floating">
                                <textarea class="form-control" placeholder="Leave a comment here" id="modify_comment"
                                  style="height: 100px"></textarea>
                                <label for="floatingTextarea2">수정하기</label>
                            </div>
                            <button onclick="modify_comment_post('${num}')" type="button" class="btn btn-dark">수정완료</button>`
            $('.card').append(temp_html)
        }

이렇게 짜고 확인차 돌려보니...

여기서 수정버튼을 누르면

이런식으로 해당 모든 카드들이 수정하기로 바뀌어버렸다..내가 선택한 카드만 수정하기로 바꿀수는 없을까 고민하다 너무 안되어서 수정하기 박스는 따로 만들기로해서

이런식으로 코드를 작성하였다.

// modify(수정 완료 버튼!)
        function modify_comment_post(num) {
            let modify_comment = $('#modify_comment').val()
            $.ajax({
                type: 'POST',
                url: '/homework2/modify',
                data: {'num_give':num, 'comment_give':modify_comment},
                success: function (response) {
                    alert(response['msg'])
                    window.location.reload()
                }
            })
        }

# modify(수정 기능!!)
@app.route("/homework2/modify", methods=["POST"])
def modify_comment_post():
    comment_receive = request.form['comment_give']
    num_receive = request.form['num_give']
    print(comment_receive,num_receive)
    db.homework2.update_one({'num': int(num_receive)}, {'$set': {'comment': comment_receive}})

이런식으로 구현을 하니 성공적으로 완성이 되었다. 다만, 내가 원래 하고싶었던 방향은 아니라서 좀더 공부를 해서 업데이트를 진행해야겠다.