개인적으로 댓글 남기기에 현재 시간을 추가해 보았는데 코드를 잘 짰는지 평가 및 피드백 부탁드립니다!

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

개인적으로 댓글 남기기에 현재 시간을 추가해 보았는데 코드를 잘 짰는지 평가 및 피드백 부탁드립니다!

undefined주차

고*무

・

추천

・

조회수

답변 완료

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

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

안녕하세요! 5주차 과제겸 추가적인 기능을 넣어보았습니다.

댓글 남기기에 현재 시간을 추가해 보았는데 코드를 잘 짰는지 평가 및 피드백 부탁드립니다!

하세요 - 안녕 코멘트(Comment)를 작성하기 전에 기능을 추가해 보았습니다!

감사합니다 ^^

)))))))))))))))))))))))))))))))))) app.py ((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((

from flask import Flask, render_template, request, jsonify

app = Flask(__name__)

from pymongo import MongoClient

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

year_receive = request.form['year_give']

month_receive = request.form['month_give']

day_receive = request.form['day_give']

hours_receive = request.form['hours_give']

# year = datetime.today().year

# month = datetime.today().month

# day = datetime.today().day

# time = datetime.today().hour

doc = {

'name' :name_receive,

'comment': comment_receive,

'year' : year_receive,

'month' : month_receive,

'day' : day_receive,

'hours' : hours_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>

integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />

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

crossorigin="anonymous"></script>

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://i.ytimg.com/vi/ghkQ0XCynIQ/hqdefault.jpg?sqp=-oaymwEjCPYBEIoBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAooywpPoewTkZ4p7BKJyvas16ETQ");

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>

// var now = new Date(); // 현재 날짜 및 시간

// console.log("현재 : ", now);

$(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['temp'])

let temp = data['temp'] // 여기 temp는 변수

$('#temp').text(temp) // 여기는 id=temp

});

}

function save_comment() {

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

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

var now = new Date(); // 현재 날짜 및 시간

var year = now.getFullYear(); // 연도

var month = now.getMonth(); // 월

var day = now.getDate(); // 일

var hours = now.getHours(); // 시간

// let year = $('#year').val()

// let month = $('#month').val()

// let time = $('#time').val() 이걸로는 안되낭..?

let formData = new FormData();

formData.append("name_give", name);

formData.append("comment_give", comment);

formData.append("year_give", year);

formData.append("month_give", month);

formData.append("day_give", day);

formData.append("hours_give", hours);

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

//console.log(data)

alert(data["msg"]);

window.location.reload()

});

}

function show_comment() {

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

// alert(data["msg"])

let rows = data['result']

// console.log(rows)

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

rows.reverse().forEach ((a)=>{

let name = a['name']

let comment = a['comment']

let year = a['year']

let month = a['month']

let day = a['day']

let hours = a['hours']

// console.log(name, comment)

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

<p>${comment}</p>

<div class="date"> ${year}년 ${month}월 ${day}일 ${hours}시 무렵의 기록입니다.</div>

</blockquote>

</div>

</div>`

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

})

}

</script>

</head>

<body>

</div>

</div>

<textarea class="form-control" placeholder="Leave a comment here" id="comment"

style="height: 100px"></textarea>

</div>