항해 99 사전 항해를 시작하며 즐거움만 걱정과 두려움 반으로 시작했는데 너무 어렵게 생각해서 그런지 튜터님께서 쉽게 알려주셨지만 경험치를 제대로 받지 못한 것 같다.
다음 주부터는 필기를 더 열심히 하면서 일지를 기록해야겠다는 생각을 했다. 늦은 나이와 돌아갈 곳이 없기 때문에 처음에 시작하려 했던 그 마음을 그대로 가지고 시작해야 한다.
웹 개발 1주 차 시작에서 정말 어려웠던 건 역시 과제였다
물론 시작을 제대로 한 것도 아니고 사전 워밍업? 정도였지만 막상 과제가 나오고 나니 머리가 멍해지고 무엇부터 시작해야 할지 앞이 깜깜해졌다. 그래도 나름의 머리를 쥐어짜서 코드를 만들고 복사해서 제출한 뒤 이제 해설을 보고 다시 복습을 해보려 한다 포기하지 말고 앞으로 더 나아가서 4개월 뒤에는 그럴싸한 개발자가 되고 싶다. 포기하지 말자 항해 7기 파이팅!

이코드는 튜터님의 해설 강의 코드이다.

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

<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: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.topstarnews.net/news/photo/201807/456143_108614_510.jpg');
        background-position: center 30%;
        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>