4-8 모두의 책리뷰 관련 질문드립니다!

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

4-8 모두의 책리뷰 관련 질문드립니다!

undefined주차

양*연

・

추천

・

조회수

답변 완료

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

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

모두의 책리뷰 프로젝트를 위해서 4-8 클라이언트 만들기 단계까지 따라왔는데, 캡쳐 화면에서 보시는 것처럼 코드들이 색깔이 없고, 리뷰 저장도 안 되는 오류가 생겼습니다. 어떤 문제인지 잘 모르겠어 질문 드립니다!

app.py 코드도 강의 보면서 잘 따라왔는데 뭐가 문제일까요ㅠㅠ?

작성한 코드 및 에러 메세지

<!DOCTYPE html>
<html lang="ko">

    <head><!-- Webpage Title --><title>모두의 책리뷰 | 스파르타코딩클럽</title>

        <!-- Required meta tags --><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"crossorigin="anonymous">

        <!-- JS --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"crossorigin="anonymous"></script>

        <!-- 구글폰트 --><link href="https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap" rel="stylesheet">

        <script type="text/javascript">

            $(document).ready(function () {
                showReview();
            });

            function makeReview() {
                let title = $('title').val()
                let author = $('author').val()
                let review = $('bookReview').val()

                $.ajax({
                    type: "POST",
                    url: "/review",
                    data: {title_give:title, author_give:author, review_give:review},
                    success: function (response) {
                        alert(response["msg"]);
                        window.location.reload();
                    }
                })
            }

            function showReview() {
                $.ajax({
                    type: "GET",
                    url: "/review?sample_give=샘플데이터",
                    data: {},
                    success: function (response) {
                        alert(response["msg"]);
                    }
                })
            }
        </script>

        <style type="text/css">
            * {
                font-family: "Do Hyeon", sans-serif;
            }

            h1,
            h5 {
                display: inline;
            }

            .info {
                margin-top: 20px;
                margin-bottom: 20px;
            }

            .review {
                text-align: center;
            }

            .reviews {
                margin-top: 100px;
            }
        </style></head>

    <body><div class="container"><img src="https://previews.123rf.com/images/maxxyustas/maxxyustas1511/maxxyustas151100002/47858355-education-concept-books-and-textbooks-on-the-bookshelf-3d.jpg"class="img-fluid" alt="Responsive image"><div class="info"><h1>읽은 책에 대해 말씀해주세요.</h1><p>다른 사람을 위해 리뷰를 남겨주세요! 다 같이 좋은 책을 읽는다면 다 함께 행복해질 수 있지 않을까요?</p><div class="input-group mb-3"><div class="input-group-prepend"><span class="input-group-text">제목</span></div><input type="text" class="form-control" id="title"></div><div class="input-group mb-3"><div class="input-group-prepend"><span class="input-group-text">저자</span></div><input type="text" class="form-control" id="author"></div><div class="input-group mb-3"><div class="input-group-prepend"><span class="input-group-text">리뷰</span></div><textarea class="form-control" id="bookReview"cols="30"rows="5" placeholder="140자까지 입력할 수 있습니다."></textarea></div><div class="review"><button onclick="makeReview()" type="button" class="btn btn-primary">리뷰 작성하기</button></div></div><div class="reviews"><table class="table"><thead><tr><th scope="col">제목</th><th scope="col">저자</th><th scope="col">리뷰</th></tr></thead><tbody id="reviews-box"><tr><td>왕초보 8주 코딩</td><td>김르탄</td><td>역시 왕초보 코딩교육의 명가답군요. 따라하다보니 눈 깜짝할 사이에 8주가 지났습니다.</td></tr></tbody></table></div></div></body>

</html>

댓글 알림