스파르타 코딩클럽 웹개발 1주차 개발일지

1주차에는 HTML과 CSS를 배웠다.
부트스트랩을 이용해서 간단한 쇼핑몰 홈페이지 제작.
구글 폰트 이용하기
대략 40분 정도 걸린듯, 아직은 많이 헷갈린다.
JS도 조금 배웠는데 JS가 더욱 복잡한 듯.

다음은 1주차 숙제 코트 공유

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

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap 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>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dongle:wght@300&family=Nanum+Pen+Script&display=swap"
      rel="stylesheet">
<title>스파르타코딩클럽 | 1주차 숙제</title>
<style>
    .btn {
        width: 100px;
        margin: auto;
        display: block;
    }

    .card {
        width: 200px;
        margin: auto;
    }

    * {
        font-family: 'Dongle', sans-serif;
        font-family: 'Nanum Pen Script', cursive;
    }
</style>

랍스터를 팝니다 가격:10,000/100g

주문자 이름

수량

One Two Three

주소

전화번호

주문하기