불꽃코딩 2일차

꾸송의 프로덕트 공부·2022년 3월 18일
0

불꽃코딩

목록 보기
2/9

간단한 퀴즈를 풀어보았다! 근데 어찌저찌 해냈다!! 풀어서 비슷하게 했다!! 코드 아래에 텍스트를 쓰고 싶은데 어떻게 해야될지 모르겠네! 일단 이런 기쁜 순간은 기록해야되겠다 싶어서 얼른 남긴다!! 대박 나 좀 재능있을지도?~ ... ㅎㅎ 결과물이 바로바로 보이니까 재밌는거같다. 좋아 가보자고~~~

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

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

    <!-- 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=Dongle:wght@300&display=swap" rel="stylesheet">
    <style>
        * {
            font-family: 'Dongle', sans-serif;
        }

        .wrap {
            width: 900px;
            margin: auto;

        }
    </style>
</head>

<body>
<div class="wrap">
    <div class="jumbotron">
        <h1 class="display-4">나홀로 링크 메모장!</h1>
        <p class="lead">중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다.</p>
        <hr class="my-4">
        <p class="lead">
            <a class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>
        </p>
    </div>
    <div class="card-columns">
        <div class="card">
            <img class="card-img-top"
                 src="data:image/jpeg;base64,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ZDsiiwt8KlmYdB6Tub/AfCrH52w6wSdlULojH3RSFP6TocehKlWutFREUKqKAFVR2AA7StbmpyTiPH49ZttvWlwHgmPw6hcfGQJWvUnuzN6lj6mcrm8Pv4PnPm4lT3YGUQc7EqBL027/AM6tB973A6/0130iZtnIcT8QZV2Z+z+HpX5q1JfkZOQGNeOjdVXkGizMNdN9N/pecDFoqIuyUynDsGtrrREBB0VCqTrXudzmPEWJk8P4h+1set8iqyoY+djVjdpRT8FlY/ER02Pb36V3hd/PyOIYuBdcuBkJ9rXJStkfEyXYeZWvmDR31Ovw9YHdcVzzRVY9dZyLK1DHHrZfMZd9dA+2z76nz3HyLPE9rU33Lh4lTgtwxWIzLuUn/O3rkXoDoA/2Msc7/D98bkyeF5V1ecnV3yLXsTM671dv/Ya69vUYM7F4nnvjl+GJiZmNdW44iMmsoEDDnChfiYMuxynp1gfRMehKkWtFCIihVRQAqqBoACZYEQESZEBESYERJiBEmIgRESYCRJiBESYgRERAREQERECZEmICIkQERECYiRAmRJkQESZEBqeQoHYAT1EBEmRAREQEREBJkSYESYiBEmIgRJkRAmIiBEREBERAREQERJgJERAmREQERECZERAmREQJkSZEBERAREQEREBERAREQEREBERAREQEREBERA//2Q=="
                 alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"><a href="http://naver.com/"> 여기 기사 제목이 들어가죠 </a></h5>

                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <h8 class="card-text"><span style="color:blue">여기 코멘트가 들어갑니다.</span></h8>


            </div>

        </div>
        <div class="card">
            <img class="card-img-top"
                 src="data:image/jpeg;base64,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ZDsiiwt8KlmYdB6Tub/AfCrH52w6wSdlULojH3RSFP6TocehKlWutFREUKqKAFVR2AA7StbmpyTiPH49ZttvWlwHgmPw6hcfGQJWvUnuzN6lj6mcrm8Pv4PnPm4lT3YGUQc7EqBL027/AM6tB973A6/0130iZtnIcT8QZV2Z+z+HpX5q1JfkZOQGNeOjdVXkGizMNdN9N/pecDFoqIuyUynDsGtrrREBB0VCqTrXudzmPEWJk8P4h+1set8iqyoY+djVjdpRT8FlY/ER02Pb36V3hd/PyOIYuBdcuBkJ9rXJStkfEyXYeZWvmDR31Ovw9YHdcVzzRVY9dZyLK1DHHrZfMZd9dA+2z76nz3HyLPE9rU33Lh4lTgtwxWIzLuUn/O3rkXoDoA/2Msc7/D98bkyeF5V1ecnV3yLXsTM671dv/Ya69vUYM7F4nnvjl+GJiZmNdW44iMmsoEDDnChfiYMuxynp1gfRMehKkWtFCIihVRQAqqBoACZYEQESZEBESYERJiBEmIgRESYCRJiBESYgRERAREQERECZEmICIkQERECYiRAmRJkQESZEBqeQoHYAT1EBEmRAREQEREBJkSYESYiBEmIgRJkRAmIiBEREBERAREQERJgJERAmREQERECZERAmREQJkSZEBERAREQEREBERAREQEREBERAREQEREBERA//2Q=="
                 alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"><a href="http://naver.com/"> 여기 기사 제목이 들어가죠 </a></h5>

                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <h8 class="card-text"><span style="color:blue">여기 코멘트가 들어갑니다.</span></h8>


            </div>

        </div>
        <div class="card">
            <img class="card-img-top"
                 src="data:image/jpeg;base64,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ZDsiiwt8KlmYdB6Tub/AfCrH52w6wSdlULojH3RSFP6TocehKlWutFREUKqKAFVR2AA7StbmpyTiPH49ZttvWlwHgmPw6hcfGQJWvUnuzN6lj6mcrm8Pv4PnPm4lT3YGUQc7EqBL027/AM6tB973A6/0130iZtnIcT8QZV2Z+z+HpX5q1JfkZOQGNeOjdVXkGizMNdN9N/pecDFoqIuyUynDsGtrrREBB0VCqTrXudzmPEWJk8P4h+1set8iqyoY+djVjdpRT8FlY/ER02Pb36V3hd/PyOIYuBdcuBkJ9rXJStkfEyXYeZWvmDR31Ovw9YHdcVzzRVY9dZyLK1DHHrZfMZd9dA+2z76nz3HyLPE9rU33Lh4lTgtwxWIzLuUn/O3rkXoDoA/2Msc7/D98bkyeF5V1ecnV3yLXsTM671dv/Ya69vUYM7F4nnvjl+GJiZmNdW44iMmsoEDDnChfiYMuxynp1gfRMehKkWtFCIihVRQAqqBoACZYEQESZEBESYERJiBEmIgRESYCRJiBESYgRERAREQERECZEmICIkQERECYiRAmRJkQESZEBqeQoHYAT1EBEmRAREQEREBJkSYESYiBEmIgRJkRAmIiBEREBERAREQERJgJERAmREQERECZERAmREQJkSZEBERAREQEREBERAREQEREBERAREQEREBERA//2Q=="
                 alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"><a href="http://naver.com/"> 여기 기사 제목이 들어가죠 </a></h5>

                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <h8 class="card-text"><span style="color:blue">여기 코멘트가 들어갑니다.</span></h8>


            </div>

        </div>
        <div class="card">
            <img class="card-img-top"
                 src="data:image/jpeg;base64,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ZDsiiwt8KlmYdB6Tub/AfCrH52w6wSdlULojH3RSFP6TocehKlWutFREUKqKAFVR2AA7StbmpyTiPH49ZttvWlwHgmPw6hcfGQJWvUnuzN6lj6mcrm8Pv4PnPm4lT3YGUQc7EqBL027/AM6tB973A6/0130iZtnIcT8QZV2Z+z+HpX5q1JfkZOQGNeOjdVXkGizMNdN9N/pecDFoqIuyUynDsGtrrREBB0VCqTrXudzmPEWJk8P4h+1set8iqyoY+djVjdpRT8FlY/ER02Pb36V3hd/PyOIYuBdcuBkJ9rXJStkfEyXYeZWvmDR31Ovw9YHdcVzzRVY9dZyLK1DHHrZfMZd9dA+2z76nz3HyLPE9rU33Lh4lTgtwxWIzLuUn/O3rkXoDoA/2Msc7/D98bkyeF5V1ecnV3yLXsTM671dv/Ya69vUYM7F4nnvjl+GJiZmNdW44iMmsoEDDnChfiYMuxynp1gfRMehKkWtFCIihVRQAqqBoACZYEQESZEBESYERJiBEmIgRESYCRJiBESYgRERAREQERECZEmICIkQERECYiRAmRJkQESZEBqeQoHYAT1EBEmRAREQEREBJkSYESYiBEmIgRJkRAmIiBEREBERAREQERJgJERAmREQERECZERAmREQJkSZEBERAREQEREBERAREQEREBERAREQEREBERA//2Q=="
                 alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"><a href="http://naver.com/"> 여기 기사 제목이 들어가죠 </a></h5>

                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <h8 class="card-text"><span style="color:blue">여기 코멘트가 들어갑니다.</span></h8>


            </div>

        </div>
        <div class="card">
            <img class="card-img-top"
                 src="data:image/jpeg;base64,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ZDsiiwt8KlmYdB6Tub/AfCrH52w6wSdlULojH3RSFP6TocehKlWutFREUKqKAFVR2AA7StbmpyTiPH49ZttvWlwHgmPw6hcfGQJWvUnuzN6lj6mcrm8Pv4PnPm4lT3YGUQc7EqBL027/AM6tB973A6/0130iZtnIcT8QZV2Z+z+HpX5q1JfkZOQGNeOjdVXkGizMNdN9N/pecDFoqIuyUynDsGtrrREBB0VCqTrXudzmPEWJk8P4h+1set8iqyoY+djVjdpRT8FlY/ER02Pb36V3hd/PyOIYuBdcuBkJ9rXJStkfEyXYeZWvmDR31Ovw9YHdcVzzRVY9dZyLK1DHHrZfMZd9dA+2z76nz3HyLPE9rU33Lh4lTgtwxWIzLuUn/O3rkXoDoA/2Msc7/D98bkyeF5V1ecnV3yLXsTM671dv/Ya69vUYM7F4nnvjl+GJiZmNdW44iMmsoEDDnChfiYMuxynp1gfRMehKkWtFCIihVRQAqqBoACZYEQESZEBESYERJiBEmIgRESYCRJiBESYgRERAREQERECZEmICIkQERECYiRAmRJkQESZEBqeQoHYAT1EBEmRAREQEREBJkSYESYiBEmIgRJkRAmIiBEREBERAREQERJgJERAmREQERECZERAmREQJkSZEBERAREQEREBERAREQEREBERAREQEREBERA//2Q=="
                 alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"><a href="http://naver.com/"> 여기 기사 제목이 들어가죠 </a></h5>

                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <h8 class="card-text"><span style="color:blue">여기 코멘트가 들어갑니다.</span></h8>


            </div>

        </div>
        <div class="card">
            <img class="card-img-top"
                 src="data:image/jpeg;base64,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ZDsiiwt8KlmYdB6Tub/AfCrH52w6wSdlULojH3RSFP6TocehKlWutFREUKqKAFVR2AA7StbmpyTiPH49ZttvWlwHgmPw6hcfGQJWvUnuzN6lj6mcrm8Pv4PnPm4lT3YGUQc7EqBL027/AM6tB973A6/0130iZtnIcT8QZV2Z+z+HpX5q1JfkZOQGNeOjdVXkGizMNdN9N/pecDFoqIuyUynDsGtrrREBB0VCqTrXudzmPEWJk8P4h+1set8iqyoY+djVjdpRT8FlY/ER02Pb36V3hd/PyOIYuBdcuBkJ9rXJStkfEyXYeZWvmDR31Ovw9YHdcVzzRVY9dZyLK1DHHrZfMZd9dA+2z76nz3HyLPE9rU33Lh4lTgtwxWIzLuUn/O3rkXoDoA/2Msc7/D98bkyeF5V1ecnV3yLXsTM671dv/Ya69vUYM7F4nnvjl+GJiZmNdW44iMmsoEDDnChfiYMuxynp1gfRMehKkWtFCIihVRQAqqBoACZYEQESZEBESYERJiBEmIgRESYCRJiBESYgRERAREQERECZEmICIkQERECYiRAmRJkQESZEBqeQoHYAT1EBEmRAREQEREBJkSYESYiBEmIgRJkRAmIiBEREBERAREQERJgJERAmREQERECZERAmREQJkSZEBERAREQEREBERAREQEREBERAREQEREBERA//2Q=="
                 alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"><a href="http://naver.com/"> 여기 기사 제목이 들어가죠 </a></h5>

                <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                <h8 class="card-text"><span style="color:blue">여기 코멘트가 들어갑니다.</span></h8>


            </div>

        </div>
    </div>
</div>

</body>

</html>![](https://velog.velcdn.com/images%2Fqqusong%2Fpost%2F61d47f2f-d29c-40a2-aa5d-b1a35401e15c%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-03-18%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.53.31.png)
profile
꾸송의 프로덕트 공부
아자아자 홧팅이닷!
이전 포스트

불꽃코딩 1.3일차

다음 포스트

불꽃코딩 2일차 - 2

0개의 댓글