5주차 13강의 og태그 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

5주차 13강의 og태그

undefined주차

박*양

・

추천

・

조회수

답변 완료

안녕하세요 튜터님!

og 태그 부분에서 선생님 하시는대로 따라서 index.html에 meta 타이틀과 콘텐츠와 이미지를 넣어서 파일을 삭제하고 다시 연결하였습니다.

주소창을 복사해서 카톡으로 옮겼는데 저는 og 이미지와 콘텐츠는 뜨지 않더라구요

근데 생각해보니 og태그 배웠을때 app.py에 beautifulsoup 을 넣고 og_image등 post 부분에 같이 넣었던 기억이 나는데 그 부분을 추가해야 되는건가요?

작성한 코드 및 에러 메세지

첫번째 선생님 방식대로 html og 타이틀과 이미지 설명을 넣은 부분

오류 발생 시, 작성한 코드 전체와 에러 메<!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">

    <meta property="og:title" content="Remi Wolf(레미울프) 팬명록"/>
    <meta property="og:description" content="응원 한마디 남기고 가세요!"/>
    <meta property="og:image" content="https://fuzz-music.com/wp-content/uploads/2021/07/remi-volf.jpg"/>

    <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"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

ommand+A) 단축키로 코드를 한 번에 선택할 수 있어요!

두번째 카톡에 보냈으나 og가 뜨지 않을경우 저번 강의에서 배운 og부분을 post 추가해야 되는지 궁금한 부분

@app.route("/movie", methods=["POST"])
def movie_post():
    url_receive = request.form['url_give']
    star_receive = request.form['star_give']
    comment_receive = request.form['comment_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')

    og_image = soup.select_one('meta[property="og:image"]')
    og_title = soup.select_one('meta[property="og:title"]')
    og_description = soup.select_one('meta[property="og:description"]')

    image = og_image['content']
    title = og_title['content']
    description = og_description['content']

    doc = {
        'image':image,
        'title':title,
        'desc':description,
        'star':star_receive,
        'comment':comment_receive
    }

    db.movies.insert_one(doc)

    return jsonify({'msg':'POST 연결 완료!'})

댓글 알림