맥북 localhost:5000 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

맥북 localhost:5000

undefined주차

이*웅

・

추천

・

조회수

답변 완료

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

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

제 친구껄로(맥북m2에어)으로도 테스트용으로 한번 해보고 있는데 그 강의 듣다가 맥북은 호스트 주소가 다르다고 들었던거같은데 그 강의가 어떤거였는지 기억도안나고 못찾고 있어서요 localhost:5000아니고 뭐였죠?

일단 app.py 파일은

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)

from pymongo import MongoClient

client = MongoClient('mongodb+srv://sparta:test@cluster0.uwpeadc.mongodb.net/?retryWrites=true&w=majority')

db = client.dbsparta

@app.route('/')

def home():

return render_template('index.html')

@app.route("/guestbook", methods=["POST"])

def guestbook_post():

name_receive = request.form['name_give']

comment_receive = request.form['comment_give']

doc = {

'name' : name_receive,

'comment' : comment_receive

}

db.fan.insert_one(doc)

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

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

def guestbook_get():

all_comments = list(db.fan.find({},{'_id':False}))

return jsonify({'result': all_comments})

if __name__ == '__main__':

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

index.html파일은

<!DOCTYPE html>

<head>

<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://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://upload.wikimedia.org/wikipedia/commons/4/46/Pigeon.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>

$(document).ready(function () {

set_temp();

show_comment();

});

function set_temp() {

fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then((res) => res.json()).then((data) => {

let temp = (data['temp'])

$('#temp').text(temp)

});

}

function save_comment() {

let name = $('#name').val()

let comment = $('#comment').val()

let formData = new FormData();

formData.append("name_give", name);

formData.append("comment_give", comment);

fetch('/guestbook', {method: "POST",body: formData,}).then((res) => res.json()).then((data) => {

alert(data["msg"]);

window.location.reload()

});

}

function show_comment() {

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

let rows = data['result']

$('#comment-list').empty()

rows.forEach((a) => {

let name = a['name']

let comment = a['comment']

let temp_html = `<div class="card">

<p>${comment}</p>

</blockquote>

</div>

</div>`

$('#comment-list').append(temp_html)

});

})

}

</script>

</head>

<body>

<h1>비둘기사냥일지</h1>

</div>

</div>

<textarea

class="form-control"

placeholder="Leave a comment here"

id="comment"

style="height: 100px"

></textarea>

</div>