버킷리스트 페이지 완료 버튼 제작
버킷리스트 페이지 배포 ( 강의 한번 더 따라하기 )

모

1. app.py에 완료 api 제작해야함
2. DB에 있는 기존 데이터에 추가 속성이 필요해짐
3. 버킷리스트 옆에 완료 버튼 제작해야함
4. 완료 버튼을 눌렀을 때 버튼이 사라지고 리스트 내용 뒤에 "완료!!!" 문구가 추가 되야함
   4.1. 완료버튼이 포함된 태그가 본인을 인지하는 방법이 필요함 그래야 완료 문구를 추가 할 수 있고 버튼을 지울 수 있음

시

하나 였던 속성을 세개로 늘림

doc = {
'bucket': bucket_receive
}
doc = {
'num': count,
'bucket': bucket_receive,
'done': 0
}
done으로 완성 미완성 파악
num으로 고유성? 부여함 (이름줌)

부트스트랩에서 아무 버튼 하나 가져와서 붙임

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

--->

<li id="bucket_number_${count}">
	<h2>✅ ${bucket}</h2>
	<button type="button" class="btn btn-outline-primary" onclick="change_bucket(${count})">완료?</button>
</li>

id에 num에 있는 숫자로 이름주고 버튼 함수호출하게 만들었음

함수는 완료 붙이고(append()) 버튼 없애고(hide()) 쟤네 받아다 아래 api에 주는거임

@app.route("/bucket_complete", methods=["POST"])
def bucket_complete_post():
    count = request.form['count_give']

    db.bucket.update_one({'num': int(count)}, {'$set': {'done': 1}})

    return jsonify({'msg': '수정 완료!'})
    
파이썬은 색칠 안해주네

깽

MongoDB 사용함

잘 작동하는 모습
굿

배포는 강의그대로 따라해서 그냥 오류 없이 잘 됐음

이

원래는 버튼을 온오프로 하려고 했는데 그렇게 하면 광클했을 때 호출이 너무 많은게 아닌가? 싶어서 포기함 해결이 어려울 것 같기 때문. 지금 이 벨로그의 임시저장 처럼 중간에 한번씩 DB에 반영한다거나 페이지 생명의 마지막에 DB에 준다거나 하면 되지 않을까..?

api가 계속 작동을 안해서 왤까 했는데 count가 str로 들어와서 그런거였음 type으로 확인하니까 str떠서 int 감싸줌 형변환이 쉬워서 좋다 파이썬

배포는 어떻게 했는데 print 같은걸로 찍을 수 있는 log들은 어떻게 봐야되는거임?