ogtitle | 스파르타 커뮤니티

커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
ogtitle
undefined주차
김*서
・
추천
・
조회수
답변 완료
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="이영지 팬명록"/>
    <meta property="og:description" content="영지언니에게 한마디"/>
    <meta property="og:image"
          content="data:image/jpeg;base64,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 /">


    <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>

    <title>초미니홈피 - 팬명록</title>

    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap"
          rel="stylesheet">
    <style>
        * {
            font-family: 'Noto Serif KR', serif;
        }

        .mypic {
            width: 100%;
            height: 300px;

            background-image: url('data:image/jpeg;base64,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');
            background-position: center;
            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>
    <script>
        $(document).ready(function () {
            set_temp()
            show_comment()
        });

        function set_temp() {
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
                data: {},
                success: function (response) {
                    $('#temp').text(response['temp'])
                }
            })
        }

        function save_comment() {
            let name = $('#name').val()
            let comment = $('#comment').val()

            $.ajax({
                type: 'POST',
                url: '/homework',
                data: {name_give: name, comment_give: comment},
                success: function (response) {
                    alert(response['msg'])
                    window.location.reload()
                }
            })
        }

        function show_comment() {
            $.ajax({
                type: "GET",
                url: "/homework",
                data: {},
                success: function (response) {
                    rows = response['comments']
                    for (let i = 0; i < rows.length; i++) {
                        let name = rows[i]['name']
                        let comment = rows[i]['comment']

                        let temp_html = `<div class="card">
                                        <div class="card-body">
                                        <blockquote class="blockquote mb-0">
                                        <p>${comment}</p>
                                        <footer class="blockquote-footer">${name}</footer>
                                        </blockquote>
                                        </div>
                                        </div>`
                        $('#comment-list').append(temp_html)
                    }
                }
            });
        }
    </script>
</head>
<body>
<div class="mypic">
    <h1>이영지 팬명록</h1>
    <p>현재기온: <span id="temp">36</span>도</p>
</div>
<div class="mypost">
    <div class="form-floating mb-3">
        <input type="text" class="form-control" id="name" placeholder="url">
        <label for="floatingInput">닉네임</label>
    </div>
    <div class="form-floating">
<textarea class="form-control" placeholder="Leave a comment here" id="comment"
          style="height: 100px"></textarea>
        <label for="floatingTextarea2">응원댓글</label>
    </div>
    <button onclick="save_comment()" type="button" class="btn btn-dark">응원 남기기</button>
</div>
<div class="mycards" id="comment-list">

</div>
</body>
</html>
, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
댓글 알림