코딩 개발일지

TIL 2일차 본문

AI 본 교육/AI 1주차

TIL 2일차

호기호 2023. 8. 8. 21:01

오늘 만든 웹페이지 (front end)

git hub에 올려서 팀원들과 공유해서 기능추가 중,,,

<!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" />

        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        crossorigin="anonymous"></script>

    <title>1조 - 살쾡이들</title>

        rel="stylesheet" />
    <style>
        * {
            font-family: "Noto Serif KR", serif;
        }

        .mypost {
            width: 800px;
            height: 1100px;
            margin: 100px auto 20px auto;

            box-shadow: 0px 0px 3px 0px black;
            padding: 20px;
            padding-top: 100px;
            background-color: rgb(147, 142, 189);
            position: sticky;

        }

        .mycards {
            width: 95%;
            max-width: 800px;
            margin: auto;
 
        }

        .mycards>.card {
            margin-top: 20px;
            margin-bottom: 20px;
            background-color: #fafafa;
        }
        button {
            float: right;
            margin-top: 10px;

        }

        .sidebar {
            background: #fff;
            width: 15%;
            height: 100vh;
            position: fixed;
            top: 0;
            padding-left: 5%;
            padding-top: 25%;
            font-size: 30px;
        }

        .shortcut-links a img {
            width: 70px;
            margin-right: 20px;
        }

        .shortcut-links a {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            width: fit-content;
            flex-wrap: wrap;
            text-decoration-line: none;
        }

        .subscribed-list h3 {
            margin: 20px 0;
            color: #5a5a5a;
        }

        .subscribed-list a {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            width: fit-content;
            flex-wrap: wrap;
        }

        .subscribed-list a img {
            width: 25px;
            border-radius: 50%;
            margin-right: 20px;
        }
        .playlist {
            font-size: 25px;
            margin-left: 30px;
            color:floralwhite;
        }
    </style>
    <script>
        $(document).ready(function () {
            set_temp();
            show_comment();
        });
        function set_temp() {
            fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then((res) => res.json()).then((data) => {
                console.log(data)
            });
        }
        function save_comment() {
            let formData = new FormData();
            formData.append("sample_give", "샘플데이터");

            fetch('/guestbook', { method: "POST", body: formData, }).then((res) => res.json()).then((data) => {
                //console.log(data)
                alert(data["msg"]);
            });
        }
        function show_comment() {
            fetch('/guestbook').then((res) => res.json()).then((data) => {
                alert(data["msg"])
            })
        }
    </script>
</head>

<body>
    <div class="mypost">
        <div class="playlist">Play list</div>
        <div class="mycards" id="comment-list">
            <div class="card">
                <div class="card-body">
                    <blockquote class="blockquote mb-0">
                        <button type="button" onclick="location.href='index_이기호.html'"class="btn btn-light">▶️</button>
                        <p>이기호</p>
                        <footer class="blockquote-footer">조장</footer>
                    </blockquote>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <blockquote class="blockquote mb-0">
                        <button type="button" onclick="location.href='index_이솔.html'"class="btn btn-light">▶️</button>
                        <p>이솔</p>
                        <footer class="blockquote-footer">조장</footer>
                    </blockquote>
                </div>
            </div><div class="card">
                <div class="card-body">
                    <blockquote class="blockquote mb-0">
                        <button type="button" onclick="location.href='index_김정규.html'"class="btn btn-light">▶️</button>
                        <p>김정규</p>
                        <footer class="blockquote-footer">조장</footer>
                    </blockquote>
                </div>
            </div><div class="card">
                <div class="card-body">
                    <blockquote class="blockquote mb-0">
                        <button type="button" onclick="location.href='index_이제욱.html'"class="btn btn-light">▶️</button>
                        <p>이제욱</p>
                        <footer class="blockquote-footer">조장</footer>
                    </blockquote>
                </div>
            </div>
        </div>
    </div>
</body>

</html>

아직 다 못해서 더 해야할 것 같다.

저작자표시

'AI 본 교육 > AI 1주차' 카테고리의 다른 글

WIL1주차 / TIL 5일차 / KPT 회고  (0) 2023.08.11
TIL 4일차  (0) 2023.08.10
TIL 3일차  (0) 2023.08.09
TIL 1일차  (0) 2023.08.07
'AI 본 교육/AI 1주차' Related Articles more