[스파르타 코딩클럽] 웹개발 종합반 개발일지1주차

1주차 강의 과제

<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=Jua&display=swap" rel="stylesheet">
<style>
    *{
        font-family: 'Jua', sans-serif;
    }
    .mytitle{
        width: 100%;
        height:500px;
        background-image:url("http://image.kmib.co.kr/online_image/2020/0712/611819110014792912_3.jpg");
        background-position:0 -350px;
        background-size:cover;
        background-repeat: no-repeat;
        color:#fff;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .card_ur{
        width: 400px;
        margin: 20px auto 0 auto;
    }
    .wrap{
        max-width: 1200px;
        width:95%;
        margin: 20px auto 0 auto;
    }
    .mypost{
        max-width: 500px;
        width:95%;
        margin: 20px auto 0 auto;
        box-shadow: 0px 0px 3px 0px gray;
        padding:20px;
    }
    .postBtn{
        margin-top: 20px;
    }
</style>

조이팬명록

닉네임
응원댓글
응원 남기기

너무 예뻐요!

유쨩

너무 예뻐요!

유쨩

너무 예뻐요!

유쨩
```

강의 소감..

1주차 강의의 과제이다.
생각보다 재미있었다. ㅎㅎ
국비지원으로 html css javascript를 배웠지만,
몰랐던 내용들도 꽤 있어서 유익한 시간이었다.
부트스트랩을 이용한 코딩은 쉽고 간편했다.
자바스크립트는 오랜만에 다시 공부해서 그런지 조금 어려웠다.
더 열심히 공부해서 스스로 코드를 만들 수 있는 수준이 되고싶다.

좋은 웹페이지 즐겨찾기