Code Snippets

[To Do List] 만들기

구현 기능

1.기록하기 버튼 누르면 데이터가 몽고DB에 저장되고 리스트에 입력되기
2.완료 버튼 누르면 밑줄 치면서 불꽃 아이콘이 하트 아이콘으로 바뀌기
3.취소 버튼 누르면 하트 아이콘이 불꽃으로 바뀌며 밑줄 사라지기
4.가상 컴퓨터로 도메인 연결하여 사이트 열어두기

@app.route("/bucket/done", methods=["POST"])
def bucket_done():
    num_receive = request.form["num_give"]
    db.bucket.update_one({'num': int(num_receive)}, {'$set': {'done': 1}})

    return jsonify({'msg': '버킷 완료!'})

@app.route("/bucket/cancel", methods=["POST"])
def bucket_cancel():
    num_receive = request.form["num_give"]
    db.bucket.update_one({'num': int(num_receive)}, {'$set': {'done': 0}})

    return jsonify({'msg': '취소 완료'})

      function done_bucket(num) {
          $.ajax({
              type: "POST",
              url: "/bucket/done",
              data: {'num_give': num},
              success: function (response) {
                  alert(response["msg"])
                  window.location.reload()
              }
          });
      }

       function cancel_bucket(num) {
          $.ajax({
              type: "POST",
              url: "/bucket/cancel",
              data: {num_give: num},
              success: function (response) {
                  alert(response["msg"])
                  window.location.reload()
              }
          });
      }

---

Challenges Experienced

과제를 받았는데 어찌저찌 뚝딱이면서 이것저것 넣어보며 완성 시키기는 했는데 왜 됐지가 커서 일지 좀 작성하다가 다시 강의듣고 정리해 봐야겠다...

하나 에러 난 기능 중에 기록하기 버튼을 누르면 바로 버킷리스트에 기록되어야하는데 완료된 상태(밑줄친 상태) 로 기록되어 해결해봐야 겠다.

추가 구현하고 싶은 기능

기록하기 버튼 옆에 전체 삭제 하기 버튼도 있었으면 좋겠고 완료 버튼 옆에 삭제하기 버튼도 있었으면 좋겠다.