커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
가상 환경 설치도 문제가 없고 코드도 그대로 넣었는데 locallhost:5000에 접속이 안 됩니다.
undefined주차
북마크
이*석
댓글
9
・
추천
1
・
조회수
19
조회수
19
답변 완료

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

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


가상 환경 설치도 문제가 없고 flask 문제라는 이유를 모르겠습니다.

AI의 말대로 해봤는데도 문제가 전혀 해결되지 않습니다.

코드도 다시 지우고 다시 붙혀 넣었는데 처음에는 Flask에 코드물결 표시가 일어나서 가상환경을 다시 설치하고 하니 그건 문제가 해결되었는데 locallhost:5000에 들어가면 그냥 화면이 뜨질 않습니다.



스파르타 즉문즉답




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


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


@app.route("/guestbook", methods=["POST"])
def guestbook_post():
    sample_receive = request.form['sample_give']
    print(sample_receive)
    return jsonify({'msg': 'POST 연결 완료!'})


@app.route("/guestbook", methods=["GET"])
def guestbook_get():
    return jsonify({'msg': 'GET 연결 완료!'})


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




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


    <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://cdn.topstarnews.net/news/photo/201807/456143_108614_510.jpg");
            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() {
            fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then((res) => res.json()).then((data) => {
                console.log(data)
            });
        }
        function save_comment() {
            let formData = new FormData();
            formData.append("sample_give", "샘플데이터");


            fetch('/guestbook', { method: "POST", body: formData, }).then((res) => res.json()).then((data) => {
                //console.log(data)
                alert(data["msg"]);
            });
        }
        function show_comment() {
            fetch('/guestbook').then((res) => res.json()).then((data) => {
                alert(data["msg"])
            })
        }
    </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 class="card">
            <div class="card-body">
                <blockquote class="blockquote mb-0">
                    <p>새로운 앨범 너무 멋져요!</p>
                    <footer class="blockquote-footer">호빵맨</footer>
                </blockquote>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <blockquote class="blockquote mb-0">
                    <p>새로운 앨범 너무 멋져요!</p>
                    <footer class="blockquote-footer">호빵맨</footer>
                </blockquote>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <blockquote class="blockquote mb-0">
                    <p>새로운 앨범 너무 멋져요!</p>
                    <footer class="blockquote-footer">호빵맨</footer>
                </blockquote>
            </div>
        </div>
    </div>
</body>


</html>



터미널 오류

사이트에 접속하면 맨 밑에 127.0.0.1 - - [08/May/2023 17:26:09] "GET / HTTP/1.1" 200 - 문구만 게속 뜹니다.


dlgus@AMWS MINGW64 ~/sparta/projects/05.fan
$ source c:/Users/dlgus/sparta/projects/05.fan/venv/Scripts/activate   
(venv)
dlgus@AMWS MINGW64 ~/sparta/projects/05.fan
$ run flask
bash: run: command not found
(venv)
dlgus@AMWS MINGW64 ~/sparta/projects/05.fan
$ flask run
 * Debug mode: off
WARNING: This is a development server. Do not use it in a production deployment. Use a production WSGI server instead.
 * Running on http://127.0.0.1:5000
Press CTRL+C to quit
(venv) 
dlgus@AMWS MINGW64 ~/sparta/projects/05.fan
$ flask run
 * Debug mode: off
WARNING: This is a development server. Do not use it in a production deployment. Use a production WSGI server instead.
 * Running on http://127.0.0.1:5000
Press CTRL+C to quit
127.0.0.1 - - [08/May/2023 17:26:09] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [08/May/2023 17:26:09] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [08/May/2023 17:39:46] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [08/May/2023 17:39:47] "GET / HTTP/1.1" 200 -
취소
 공유
취소
댓글 0
댓글 알림
나의얼굴