22.04.06. 스파르타 내일배움단 1주차 개발일지

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

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>

<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">

<style>
    * {
        font-family: 'Jua', sans-serif;
    }
    .item-img {
        width: 500px;
        height: 300px;

        background-image: url("https://t1.daumcdn.net/liveboard/nts/5bcccfbd33da4865817b9c606b6b852e.JPG");
        background-position: center;
        background-size: cover;
    }

    .price {
        font-size: 20px;
    }

    .item-desc {
        width: 500px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .item-order {
        width: 500px;
    }

    .btn-order {
        margin: auto;
        width: 200px;

        display: block;
    }
    .wrap {
        width: 500px;
        margin: auto;
    }
</style>

<script>
    function order(){
        alert('주문이 완료되었습니다!');
    }
</script>

양초를 팝니다 가격:3,000원/개

이 양초는 사실 특별한 힘을 지니고 있어요!

주문자 성함
수량
-- 수량을 선택하세요 -- 1 2 3
주소
전화번호
주문하기

[숙제 평가]

부호표시와 div구분을 잘해야겠다.
태그 정렬을 통해 보기 쉽게 정리해야겠다.
한줄안에 여러가지 동시 적용이 어려웠다.

[1주차 소감]

처음 배우는 코딩이지만 배우는데 재미있게 작업했고 내가 발전하는 것을 느꼈다. 5주차 수업을 다 들은 후 내가 어떻게 발전해 있을지 궁금하다.
국민내일배움카드를 통해 질 좋은 수업을 적은 비용으로 들을 수 있어 좋았다.
좀더 코딩에 익숙해져 내일배움캠프 뿐 아니라 개발자가 되어 발전하는 내 자신을 마주하고싶다.

좋은 웹페이지 즐겨찾기