
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
뭔가 강의에서 나오는 코드가 전 까지 하고 있는 코드랑 바꼈어요 ㅠㅠ
그대로 하는데 에러가 뜨네요 ㅠ 뭐가 잘못됐는지 모르겠습니다!ㅠㅠ!!ㅠㅠ 도와주세

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)
import requests
from bs4 import BeautifulSoup
from pymongo import MongoClient
client = MongoClient("mongodb+srv://sparta:test@cluster0.slmcagz.mongodb.net/?retryWrites=true&w=majority")
db = client.pirates_lv1
@app.route('/')
def home():
return render_template("index.html")
@app.route('/exhibit', methods=["POST"])
def post_exhibit():
url_receive = request.form["url_give"]
headers = {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get(url_receive, headers=headers)
soup = BeautifulSoup(data.text, 'html.parser')
title = soup.select_one('#container > div.wide-inner > section > h3').text
period = soup.select_one('#container > div.detial-cont-element.active > div > dl:nth-child(1) > dd').text.strip()
tags = soup.select_one('#container > section.tag-element.poi > p').text.replace('\n',' ')
image = soup.select('.item')[1]['style'].replace("background-image:url('",'').replace("');",'')
image = 'https://korean.visitseoul.net'+image
doc = {
'url':url_receive,
'title':title,
'period':period,
'tags':tags,
'image':image
}
db.exhibition.insert_one(doc)
return jsonify({"msg": "저장 완료!"})
@app.route('/exhibit', methods=["GET"])
def get_exhibit():
exhibitions = list(db.exhibition.find({},{'_id':False}))
return jsonify({"result": exhibitions})
@app.route('/now', methods=["GET"])
def get_now():
url = 'https://korean.visitseoul.net/exhibition'
headers = {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get(url, headers=headers)
soup = BeautifulSoup(data.text, 'html.parser')
items = soup.select('.item > a')
base = 'https://korean.visitseoul.net'
docs = []
for item in items:
url = base+item['href']
image = base+item.select_one('.thumb')['style'].split('(')[1].replace(')','')
title = item.select_one('.title').text
period = item.select_one('.small-text.text-dot-d').text.strip()
doc = {
'url':url,
'image':image,
'title':title,
'period':period
}
docs.append(doc)
return jsonify({"now": docs})
if __name__ == "__main__":
app.run(debug=True, port=8080)
-------------------------- 여기까지는 app.py부분
<!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">
<title>오늘의 전시</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
<style>
html,
body,
h1,
h2,
h3,
p,
a,
span {
margin: 0;
padding: 0;
}
.wrap {
width: 1050px;
margin: auto;
/* background-color: yellow; */
}
.card {
width: 320px;
height: 340px;
/* background-color: pink; */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin: 16px 10px;
border: 1px solid black;
position: relative;
overflow: hidden;
transition: transform 0.3s ease-in-out;
cursor: pointer;
}
.card:hover {
transform: scale(1.05);
}
.card-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.card-image {
background-position: center;
background-size: cover;
width: 100%;
height: 200px;
}
.card>span {
margin: 8px;
}
.card-title {
font-size: 18px;
font-weight: bold;
}
.period {
color: yellowgreen;
font-size: 14px;
}
.tags {
color: gray;
font-size: 14px;
word-break: keep-all;
}
.url-form {
align-items: center;
justify-content: space-around;
}
.plus-form {
align-items: center;
justify-content: center;
cursor: pointer;
}
</style>
<script>
$(document).ready(() => {
listing();
showPlusForm();
now();
})
const showUrlForm = () => {
$('#url-form').show();
$('#plus-form').hide();
}
const showPlusForm = () => {
$('#url-form').hide();
$('#plus-form').show();
}
const posting = () => {
let url = $('#url').val()
let formData = new FormData()
formData.append("url_give", url)
fetch('/exhibit', { method: "POST", body: formData }).then(res => res.json()).then(data => {
alert(data['msg']);
window.location.reload();
})
}
const move = (url) => {
window.open(url, '_blank');
}
const listing = () => {
fetch('/exhibit').then(res => res.json()).then(data => {
let rows = data['result']
rows.forEach((row) => {
let title = row['title']
let period = row['period']
let image = row['image']
let tags = row['tags']
let url = row['url']
let temp_html = `<div onclick="move('${url}')" class="card">
<div style="background-image: url('${image}');" class="card-image"></div>
<span class="title">${title}</span>
<span class="period">${period}</span>
<span class="tags">${tags}</span>
</div>`
$('#card-wrap').prepend(temp_html)
})
})
}
const now = () => {
fetch('/now').then(res => res.json()).then(data => {
let rows = data['now']
rows.forEach((row) => {
let title = row['title']
let period = row['period']
let image = row['image']
let url = row['url']
let temp_html = `<div onclick="move('${url}')" class="card">
<div style="background-image: url('${image}');" class="card-image"></div>
<span class="title">${title}</span>
<span class="period">${period}</span>
<span class="tags"></span>
</div>`
$('#card-now').prepend(temp_html)
})
})
}
</script>
</head>
<body>
<div class="wrap">
<h1>오늘의 전시</h1>
<h2>내가 추가한 전시</h2>
<div id="card-wrap" class="card-wrap">
<div onclick="move('http://naver.com')" class="card">
<div style="background-image: url('data:image/jpeg;base64,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');" class="card-image"></div>
<span class="title">제목</span>
<span class="period">기간</span>
<span class="tags">#설명회 #설명회 #설명회 #설명회 #설명회 #설명회 #설명회 #설명회</span>
</div>
<div id="url-form" class="url-form card">
<input id="url" placeholder="전시 url을 입력해주세요!">
<div>
<button onclick="showPlusForm()">취소하기</button>
<button onclick="posting()">등록하기</button>
</div>
</div>
<div id="plus-form" onclick="showUrlForm()" class="plus-form card">
<span>+</span>
<span>추가하기</span>
</div>
</div>
<h2>현재 진행중인 전시</h2>
<div id="card-now" class="card-wrap">
</div>
</body>
</html>
여기는 index.html 부분이에요
