커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
keyError
undefined주차
북마크
이*석
댓글
4
・
추천
0
・
조회수
11
조회수
11
답변 완료

app.py

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)


from pymongo import MongoClient

import certifi


ca = certifi.where()

client = MongoClient('mongodb+srv://sparta:test@cluster0.6lursxg.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']

doc = {

'bucket':bucket_receive

}

db.bucket.insert_one(doc)

return jsonify({'msg': '저장 완료!'})

@app.route("/bucket", methods=["GET"])

def bucket_get():

return jsonify({'msg': 'GET 연결 완료!'})


if __name__ == '__main__':

app.run('0.0.0.0', port=5001, debug=True)


html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />


<link

href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"

rel="stylesheet"

integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"

crossorigin="anonymous"

/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script

src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"

integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"

crossorigin="anonymous"

></script>


<link

href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap"

rel="stylesheet"

/>


<title>인생 버킷리스트</title>


<style>

* {

font-family: "Gowun Dodum", sans-serif;

}

.mypic {

width: 100%;

height: 200px;


background-image: linear-gradient(

0deg,

rgba(0, 0, 0, 0.5),

rgba(0, 0, 0, 0.5)

),

url("https://images.unsplash.com/photo-1601024445121-e5b82f020549?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1189&q=80");

background-position: center;

background-size: cover;


color: white;


display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

}

.mypic > h1 {

font-size: 30px;

}

.mybox {

width: 95%;

max-width: 700px;

padding: 20px;

box-shadow: 0px 0px 10px 0px lightblue;

margin: 20px auto;

}

.mybucket {

display: flex;

flex-direction: row;

align-items: center;

justify-content: space-between;

}


.mybucket > input {

width: 70%;

}

.mybox > li {

display: flex;

flex-direction: row;

align-items: center;

justify-content: center;


margin-bottom: 10px;

min-height: 48px;

}

.mybox > li > h2 {

max-width: 75%;

font-size: 20px;

font-weight: 500;

margin-right: auto;

margin-bottom: 0px;

}

.mybox > li > h2.done {

text-decoration: line-through;

}

</style>

<script>

$(document).ready(function () {

show_bucket();

});

function show_bucket() {

fetch('/bucket').then(res => res.json()).then(data => {

console.log(data)

alert(data["msg"]);

})

}


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>

</head>

<body>

<div class="mypic">

<h1>나의 버킷리스트</h1>

</div>

<div class="mybox">

<div class="mybucket">

<input

id="bucket"

class="form-control"

type="text"

placeholder="이루고 싶은 것을 입력하세요"

/>

<button onclick="save_bucket()" type="button" class="btn btn-outline-primary">기록하기</button>

</div>

</div>

<div class="mybox" id="bucket-list">

<li>

<h2>✅ 호주에서 스카이다이빙 하기</h2>

</li>

</div>

</body>

</html>


에러코드

Press CTRL+C to quit

 * Restarting with stat

 * Debugger is active!

 * Debugger PIN: 391-750-179

127.0.0.1 - - [01/Apr/2023 23:26:23] "GET / HTTP/1.1" 200 -

127.0.0.1 - - [01/Apr/2023 23:26:23] "GET /bucket HTTP/1.1" 200 -

127.0.0.1 - - [01/Apr/2023 23:26:40] "POST /bucket HTTP/1.1" 500 -

Traceback (most recent call last):

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 2551, in __call__

  return self.wsgi_app(environ, start_response)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 2531, in wsgi_app

  response = self.handle_exception(e)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 2528, in wsgi_app

  response = self.full_dispatch_request()

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 1825, in full_dispatch_request

  rv = self.handle_user_exception(e)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 1823, in full_dispatch_request

  rv = self.dispatch_request()

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 1799, in dispatch_request

  return self.ensure_sync(self.view_functions[rule.endpoint])(**view_args)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/app.py", line 17, in bucket_post

  bucket_receive = request.form['bucket_give']

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/werkzeug/datastructures.py", line 375, in __getitem__

  raise exceptions.BadRequestKeyError(key)

werkzeug.exceptions.BadRequestKeyError: 400 Bad Request: The browser (or proxy) sent a request that this server could not understand.

KeyError: 'bucket_give'

 * Detected change in '/Users/simba/Desktop/sparta/Projects/04.bucket/app.py', reloading

 * Restarting with stat

 * Debugger is active!

 * Debugger PIN: 391-750-179

 * Detected change in '/Users/simba/Desktop/sparta/Projects/04.bucket/app.py', reloading

 * Restarting with stat

 * Debugger is active!

 * Debugger PIN: 391-750-179

/Users/simba/Desktop/sparta/Projects/04.bucket/venv/bin/python /Users/simba/Desktop/sparta/Projects/04.bucket/app.py

127.0.0.1 - - [01/Apr/2023 23:35:10] "POST /bucket HTTP/1.1" 500 -

Traceback (most recent call last):

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 2551, in __call__

  return self.wsgi_app(environ, start_response)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 2531, in wsgi_app

  response = self.handle_exception(e)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 2528, in wsgi_app

  response = self.full_dispatch_request()

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 1825, in full_dispatch_request

  rv = self.handle_user_exception(e)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 1823, in full_dispatch_request

  rv = self.dispatch_request()

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/flask/app.py", line 1799, in dispatch_request

  return self.ensure_sync(self.view_functions[rule.endpoint])(**view_args)

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/app.py", line 17, in bucket_post

  bucket_receive = request.form['bucket_give']

 File "/Users/simba/Desktop/sparta/Projects/04.bucket/venv/lib/python3.8/site-packages/werkzeug/datastructures.py", line 375, in __getitem__

  raise exceptions.BadRequestKeyError(key)

werkzeug.exceptions.BadRequestKeyError: 400 Bad Request: The browser (or proxy) sent a request that this server could not understand.

KeyError: 'bucket_give'

취소
 공유
취소
댓글 0
댓글 알림
나의얼굴