파이참으로 들었던 내용을 VS코드로 진행하려면

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

파이참으로 들었던 내용을 VS코드로 진행하려면

undefined주차

손*아

・

추천

・

조회수

답변 완료

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

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

파이참으로 강의를 들었었는데 기간이 만료되어 vs코드로 실행하려고 하니 mongodb연결이 되지 않습니다!

최근에 vs코드로 수업들으신분과 코드를 비교해보니 저와 다르네요.

제가 작성했던 코드는 vs코드에 실행이 되지 않는건가요?!

<!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, shrink-to-fit=no">
	

	

	    <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"
	            <script src="jquery-3.6.0.min.js"></script>
	       <script integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
	        crossorigin="anonymous"></script>
	

	    <title>팬명록 만들기</title>
	   <link rel="preconnect" href="https://fonts.googleapis.com">
	    <style>
	        *{
	        font-family: 'Gurajada', serif;
	        }
	        .mytitle{
	

	            width: 100%;
	            height:250px;
	

	            background-position:10% 30%;
	            background-size: cover;
	            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("templates/아이유 팬명록.jpeg");
	

	            color: white;
	

	            display:flex;
	            flex-direction: column;
	            justify-content: end;
	            align-items:center ;
	        }
	        .mypost{
	            max-width:500px;
	            width:95%;
	            margin: 10px auto 0px auto;
	

	            box-shadow:0px 0px 4px 0px gray;
	            padding: 20px;
	        }
	        .card{
	            max-width:500px;
	            width:95%;
	            margin: 5px auto 0px auto;
	

	            padding: 3px;
	        }
	        .card-body{
	            size: ;
	            width:95%;
	            margin:0px auto 0px auto;
	        }
	        .mybtn{
	            display:flex;
	            flex-direction: row;
	            justify-content: center;
	            align-items: center;
	

	            margin-top: 10px;
	        }
	        .mybtn > button {
	            margin-right: 10px;
	        }
	        .blockquote{
	            font-size: 13px;
	        }
	    </style>
	    <script>
	        function hey(){
	         alert('전송되었습니다.')
	        }
	    </script>
	    <script>
	        $(document).ready(function(){
	   $.ajax({
	              type: "GET",
	              url: "http://spartacodingclub.shop/sparta_api/weather/changwon",
	              data: {},
	              success: function(response){
	                  let temp = response['temp']
	                  $('#temp').text(response['temp'])
	              }
	          })
	});
	    </script>
	</head>
	

	<body>
	<div class="mytitle">
	    <p>현재기온 :<span id ="temp">00.0도</p>
	    <h1> 아이유(IU) 팬명록 </h1>
	</div>
	<div class="mypost">
	    <div class="mb-3">
	        <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="닉네임">
	    </div>
	    <div class="form-floating">
	        <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2"
	                  style="height: 100px"></textarea>
	        <label for="floatingTextarea2">응원댓글</label>
	    </div>
	    <div class="mybtn">
	    <button onclick="hey()">응원남기기</button>
	

	        </div>
	    </div>
	</select>
	<div class="wrap">
	    <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-1">
	                <p>노래잘해요!!👏👏</p>
	                <footer class="blockquote-footer">동주</footer>
	            </blockquote>
	        </div>
	    </div>
	    <div class="card">
	        <div class="card-body">
	            <blockquote class="blockquote mb-2">
	                <p>IU❤️IU❤️IU</p>
	                <footer class="blockquote-footer">팬이유</footer>
	            </blockquote>
	        </div>
	    </div>
	    <div class="card">
	        <div class="card-body">
	            <blockquote class="blockquote mb-3">
	                <p>대박나라 아이유!</p>
	                <footer class="blockquote-footer">멋진님</footer>
	            </blockquote>
	        </div>
	    </div>
	    <div class="card">
	        <div class="card-body">
	            <blockquote class="blockquote mb-4">
	                <p>아이유>< 최고최고👍👍👍</p>
	                <footer class="blockquote-footer">코딩이</footer>
	            </blockquote>
	        </div>
	    </div>
	</div>
	</html>
Footer
© 2022 GitHub, Inc.
Footer navigation
Terms
Privacy
Security


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

	from pymongo import MongoClient
	client = MongoClient('mongodb+srv://son-gyeong-ah:Rhddk114@cluster0.jduknc6.mongodb.net/cluster0?retryWrites=true&w=majority')
	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.homework.insert_one(doc)
	    return jsonify({'msg':'응원 완료!'})
	

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

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

댓글 알림