[내일배움캠프]

✍️ 소감

오늘 내일배움캠프 첫날!
최소 12시간씩 앉아서 수업을 들어야 하는 것이 쉽지만 않았다.
첫날이라 많이 피곤하지만 이것도 익숙해질것 같다는 생각이 들었다.
그리고 이번주는 기존에 들었던 강의를 빠르게 완강후 3일 동안 미니 프로젝트를 진행할 예정이다.
팀원들에게 도움이 될 수 있을까 라는 생각이 들지만 지금 놓여있는 것에 최선을 다해야겠다는 생각이 든다.

💻 결과물

강의에서 내준 숙제로 작성한 코드입니다.

<!doctype html>
<html lang="en">

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

    <link href="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>
    <link href="https://fonts.googleapis.com/css2?family=Stylish&display=swap" rel="stylesheet">
    <title>나만의 방명록 만들기</title>
    <style>
        * {
            font-family: 'Stylish', sans-serif;
        }

        .mytitle {
            width: 100%;
            height: 250px;

            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url('https://static-storychat.pstatic.net/1788347_28879797/dj03ac2i391e20.gif');
            background-position: center;
            background-size: 300px;

            color: white;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .myposting {
            max-width: 500px;
            width: 95%;
            margin: 20px auto 0 auto;
            box-shadow: 0px 0px 3px 0px gray;
            padding: 20px;
        }

        .mybtn {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            margin-top: 10px;
        }

        .mybtn > button {
            margin-right: 10px;
        }

        .card {
            max-width: 500px;
            width: 95%;
            margin: 20px auto 0 auto;
            padding: 20px;
        }
    </style>
    <script>

        $(document).ready(function () {
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/weather/incheon",
                data: {},
                success: function (response) {
                    let temp = response['temp']
                    $('#temp').text(temp)
                }
            });
        });
    </script>
</head>


<body>
    <div class="mytitle">
        <h1>말포이 팬명록</h1>
        <p>현재기온:<span id="temp">00.0</span>도</p>
    </div>
    <div class="myposting">
        <div class="form-floating mb-3">
            <input type="email" class="form-control" id="floatingInput" placeholder="[email protected]">
            <label for="floatingInput">닉네임</label>
        </div>
        <div class="form-floating">
            <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2"
                      style="height: 100px"></textarea>
            <label for="floatingTextarea2">응원댓글</label>
        </div>
        <div class="mybtn">
            <button type="button" class="btn btn-dark">작성하기</button>

        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <blockquote class="blockquote mb-0">
                <p>우리 말포이 잘생겼다.</p>
                <footer class="blockquote-footer">지나가던 머글1
                </footer>
            </blockquote>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <blockquote class="blockquote mb-0">
                <p>우리 말포이 잘생겼다.</p>
                <footer class="blockquote-footer">지나가던 머글2
                </footer>
            </blockquote>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <blockquote class="blockquote mb-0">
                <p>우리 말포이 잘생겼다.</p>
                <footer class="blockquote-footer">지나가던 머글3
                </footer>
            </blockquote>
        </div>
    </div>
</body>

</html>

Author And Source

이 문제에 관하여([내일배움캠프] - 일지.01), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@leetyj4682/내일배움캠프-일지.01

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

[내일배움캠프] - 일지.01

✍️ 소감

💻 결과물

Author And Source

좋은 웹페이지 즐겨찾기