커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
숙제 못하겠어요 ㅠㅠ
undefined주차
북마크
최*균
댓글
1
추천
0
조회수
9
조회수
9
답변 완료

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

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


뭔가 강의에서 나오는 코드가 전 까지 하고 있는 코드랑 바꼈어요 ㅠㅠ

그대로 하는데 에러가 뜨네요 ㅠ 뭐가 잘못됐는지 모르겠습니다!ㅠㅠ!!ㅠㅠ 도와주세




스파르타 즉문즉답



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 부분이에요



취소
 공유
취소
댓글 0
댓글 알림
나의얼굴