커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
5주차 팬명록 aws 서버에서 작동 문제
undefined주차
북마크
홍*희
댓글
1
・
추천
0
・
조회수
9
조회수
9
답변 완료

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

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


수업 내용대로 따라 했는데 팬명록 사이트 모양만 보이고 db와 연결되는 부분이 동작하지 않습니다.

이름과 응원 내용을 입력해도 사이트가 반응하지 않습니다.





작성한 코드 및 에러 메세지

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)

from pymongo import MongoClient
import certifi
ca = certifi.where()
client = MongoClient('mongodb+srv://test:sparta@cluster0.cnaox23.mongodb.net/?retryWrites=true&w=majority', tlsCAFile=ca)
db = client.dbsparta

@app.route('/')
def home():
   return render_template('index.html')

@app.route("/homework", methods=["POST"])
def homework_post():
    name_receive = request.form['name_give']
    comment_receive = request.form['comment_give']
    doc = {
        'name': name_receive, 'comment' : comment_receive
    }
    db.fans.insert_one(doc)
    return jsonify({'msg':'응원 완료!'})

@app.route("/homework", methods=["GET"])
def homework_get():
    all_fans = list(db.fans.find({}, {'_id': False}))
    return jsonify({'fans':all_fans})

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

<!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">

    <meta property="og:title" content="십센치(10cm) 팬명록"/>
    <meta property="og:description" content="아티스트를 위한 응원 한마디!"/>
    <meta property="og:image" content="https://image1.marpple.co/files/u_1573399/2023/1/original/307d2289d69103ad6f78e15111f900408ebce8531.jpg?w=1200&f=webp" />

    <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>

    <title>초미니홈피 - 팬명록</title>

    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
    <style>
        * {
            font-family: 'Noto Serif KR', serif;
        }
        .mypic {
            width: 100%;
            height: 300px;

            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://image1.marpple.co/files/u_1573399/2023/1/original/307d2289d69103ad6f78e15111f900408ebce8531.jpg?w=1200&f=webp');
            background-position: center 30%;
            background-size: cover;

            color: white;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .mypost {
            width: 95%;
            max-width: 500px;
            margin: 20px auto 20px auto;

            box-shadow: 0px 0px 3px 0px black;
            padding: 20px;
        }

        .mypost > button {
            margin-top: 15px;
        }

        .mycards {
            width: 95%;
            max-width: 500px;
            margin: auto;
        }

        .mycards > .card {
            margin-top: 10px;
            margin-bottom: 10px;
        }
    </style>
    <script>
        $(document).ready(function(){
            set_temp()
            show_comment()
        });
        function set_temp(){
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
                data: {},
                success: function (response) {
                    $('#temp').text(response['temp'])
                }
            })
        }
        function save_comment(){
            let name = $('#name').val()
            let comment = $('#comment').val()
            $.ajax({
                type: 'POST',
                url: '/homework',
                data: {name_give:name, comment_give:comment},
                success: function (response) {
                    alert(response['msg'])
                    window.location.reload()
                }
            })
        }
        function show_comment(){
            $('#comment-list').empty()
            $.ajax({
                type: "GET",
                url: "/homework",
                data: {},
                success: function (response) {
                    row = response['fans']

                    for(let i = 0; i < row.length ; i++){
                        let name = row[i]['name']
                        let comment = row[i]['comment']

                        let temp_html = `
                                <div class="card">
                                    <div class="card-body">
                                        <blockquote class="blockquote mb-0">
                                            <p>${comment}</p>
                                            <footer class="blockquote-footer">${name}</footer>
                                        </blockquote>
                                    </div>
                                </div>
                        `
                        $('#comment-list').append(temp_html)
                    }
                }
            });
        }
    </script>
</head>
<body>
    <div class="mypic">
        <h1>십센치(10cm) 팬명록</h1>
        <p>현재기온: <span id="temp">36</span>도</p>
    </div>
    <div class="mypost">
        <div class="form-floating mb-3">
            <input type="text" class="form-control" id="name" placeholder="url">
            <label for="floatingInput">닉네임</label>
        </div>
        <div class="form-floating">
            <textarea class="form-control" placeholder="Leave a comment here" id="comment"
                style="height: 100px"></textarea>
            <label for="floatingTextarea2">응원댓글</label>
        </div>
        <button onclick="save_comment()" type="button" class="btn btn-dark">응원 남기기</button>
    </div>
    <div class="mycards" id="comment-list">

    </div>
</body>
</html>

and+A) 단축키로 코드를 한 번에 선택할 수 있어요!


git bash 에러 메시지


61.80.11.91 - - [31/Jan/2023 04:39:09] "POST /homework HTTP/1.1" 500 -

Traceback (most recent call last):

 File "/home/ubuntu/.local/lib/python3.8/site-packages/flask/app.py", line 2548, in __call__

  return self.wsgi_app(environ, start_response)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/flask/app.py", line 2528, in wsgi_app

  response = self.handle_exception(e)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/flask/app.py", line 2525, in wsgi_app

  response = self.full_dispatch_request()

 File "/home/ubuntu/.local/lib/python3.8/site-packages/flask/app.py", line 1822, in full_dispatch_request

  rv = self.handle_user_exception(e)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/flask/app.py", line 1820, in full_dispatch_request

  rv = self.dispatch_request()

 File "/home/ubuntu/.local/lib/python3.8/site-packages/flask/app.py", line 1796, in dispatch_request

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

 File "/home/ubuntu/project/app.py", line 21, in homework_post

  db.fans.insert_one(doc)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/collection.py", line 628, in insert_one

  self._insert_one(

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/collection.py", line 569, in _insert_one

  self.__database.client._retryable_write(acknowledged, _insert_command, session)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/mongo_client.py", line 1475, in _retryable_write

  with self._tmp_session(session) as s:

 File "/usr/lib/python3.8/contextlib.py", line 113, in __enter__

  return next(self.gen)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/mongo_client.py", line 1757, in _tmp_session

  s = self._ensure_session(session)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/mongo_client.py", line 1740, in _ensure_session

  return self.__start_session(True, causal_consistency=False)

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/mongo_client.py", line 1685, in __start_session

  self._topology._check_implicit_session_support()

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/topology.py", line 538, in _check_implicit_session_support

  self._check_session_support()

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/topology.py", line 554, in _check_session_support

  self._select_servers_loop(

 File "/home/ubuntu/.local/lib/python3.8/site-packages/pymongo/topology.py", line 238, in _select_servers_loop

  raise ServerSelectionTimeoutError(

pymongo.errors.ServerSelectionTimeoutError: ac-0dw1r7h-shard-00-01.cnaox23.mongodb.net:27017: ,ac-0dw1r7h-shard-00-00.cnaox23.mongodb.net:27017: ,ac-0dw1r7h-shard-00-02.cnaox23.mongodb.net:27017: , Timeout: 30s, Topology Description: <TopologyDescription id: 63d89b335d7ff1a0484e0377, topology_type: ReplicaSetNoPrimary, servers: [<ServerDescription ('ac-0dw1r7h-shard-00-00.cnaox23.mongodb.net', 27017) server_type: Unknown, rtt: None, error=AutoReconnect('ac-0dw1r7h-shard-00-00.cnaox23.mongodb.net:27017: ')>, <ServerDescription ('ac-0dw1r7h-shard-00-01.cnaox23.mongodb.net', 27017) server_type: Unknown, rtt: None, error=AutoReconnect('ac-0dw1r7h-shard-00-01.cnaox23.mongodb.net:27017: ')>, <ServerDescri


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