[내일배움캠프] 코딩으로 나만의 특종 신문 만들기

새벽로즈·2023년 9월 29일
0

TIL

목록 보기
16/72
post-thumbnail

내일배움캠프에서 원래부터 추석에 하려던 강의를 숙제로 내주셨다.
신문의 내용을 다음과 같은 내용으로 바꾸는 것이다.

  • 내일 배움 캠프를 만나기 전 나의 모습
  • 내일 배움 캠프를 수료하고 3개월 뒤의 모습
  • 10년 뒤 되고 싶은 나의 모습 (움직이는 이미지)

컨셉 좋아하고 귀여운거 좋아하고 특이한거 좋아하는 나로선, 이런거 너무 재미있다 > <

글씨가 넘어가는건 조절해주고 띄었으면 하는건 띄어주고, 자리 배치도 위의 지령에 맞게 조절했다.

<html>

<head>
  <link
    href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Droid+Serif:400,700,400italic,700italic'
    rel='stylesheet' type='text/css'>
  <title>내일배움캠프 드림포스트</title>
  <meta name="viewport" content="width=device-width">
  <meta property="og:image"
    content="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/free/codingday/steampunk.png">
  <meta property="og:title" content="내일배움캠ㅍ 드림포스트">
  <meta property="og:description" content="호외요! 꿈을 담은 특종 신문을 확인해보세요!">
  <link rel="stylesheet"
    href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/free/codingday/news.css">
</head>

<body>
  <div class="head">
    <div class="headerobjectswrapper">
      <div class="weatherforcastbox"><span style="font-style: italic;">My 24 hours later mood:<br>Always sunny
          </span><br><span>Star: Sparkling Weather: Pleasant</span></div>
      <header>NBC DREAM POST</header>
    </div>

    <div class="subhead">Gather Town, NBCamp - Sunday September 30, 2033 - ALL ONE Pages</div>
  </div>
  <div class="content">
    <div class="collumns">
      <div class="collumn">
        <div class="head"><span class="headline hl3">이다원의 개발자 꿈,<br>어떻게 시작되었나 ?</span>
          <p><span class="headline hl4">꿈의 출발, 내일배움캠프를 참여하기 전 나의 모습</span></p>
        </div>
        한때 게임의 매력에 빠져 게임 커뮤니티에서 활발한 활동을 펼친 이다원. 그러나 그녀의 이야기는 게임을 넘어섰습니다. 이다원은 혼자서 길드의 웹사이트를 제작하고 운영하는 열정을 키워나갔습니다. 그 과정에서 그녀는 웹 개발의 매력을 발견했습니다.
        웹디자인 퍼블리싱 수업을 통해 학문의 문을 열었고, 현장에서 디자이너로 일하며 백엔드 개발자와의 협업을 경험하며 더 많은 것을 배웠습니다.<br><br>
        
        이제 이다원은 자기주도 학습을 통해 어려움을 극복하는 능력을 키우고 있습니다. 게임 커뮤니티에서의 경험, 그리고 디자이너로서의 성과는 그녀를 끊임없이 발전시키고 새로운 도전에 나아가기위해 내일배움캠프에 합류합니다.<br><br>
       
        <figure class="figure">
          <img class="media"
            src="news1.jpg"
            alt="디자이너">
            <!--이미지 출처 : https://unsplash.com/ko/%EC%82%AC%EC%A7%84/jjtdL443L4w   -->
        </figure>
        <p>
          이다원은 이제 미래를 향해 한 걸음 더 나아가고자 합니다. 그녀의 개발자 꿈을 실현하기 위해 기회를 찾고, 더 깊이 있는 전문적인 역량을 갖추기 위해 노력하고 있습니다. 그녀의 이야기는 우리에게 동기부여와 열정을 전해줍니다.
        </p>
      </div>
      <div class="collumn">
        <div class="head"><span class="headline hl1">이다원,<br>놀라운 발전 속에 미래를 그리다
          </span>
          <p><span class="headline hl2" style="font-size: 20px;">성장의 이야기, 내일배움캠프 수료 3개월 후의 모습</span></p>
        </div><p>
          이다원의 이야기가 진화하고 있습니다. 내일배움캠프를 수료한 후, 3개월이라는 짧은 시간이 흘렀습니다. 그럼에도 불구하고 그녀의 성장은 놀라울 정도로 빠르게 진행되고 있습니다.
          </p>
        <figure class="figure">
          <img class="media"
          src="news2.jpg" alt="꽃과 코딩">
          <!--이미지 출처 : https://unsplash.com/ko/%EC%82%AC%EC%A7%84/044AnorPjAU  -->

        </figure>
        <p>         내일배움캠프를 통해 이다원은 실전 프로젝트와 협업을 경험하며 실무 능력을 키우는 데 성공했습니다. 그녀는 팀원들과의 원활한 소통과 책임감 있는 프로젝트 수행을 통해 개발자로서의 역량을 향상시켰습니다. 그녀의 성실한 태도와 열정은 주변을 감동시키고 있으며, 그녀는 끊임없이 발전하고 있습니다.<span
            class="citation" style="font-size: 26px;word-break: keep-all;">"내일배움캠프를 통해 나의 능력을 키우며, 더 나은 개발자로 거듭나고 있어요."</span>
            이다원은 이제 웹 개발 분야에서 실력을 인정받는 개발자로 거듭나고자 합니다. 그녀는 미래에 대한 비전을 가지고 있으며, 그 비전을 실현하기 위해 열심히 노력하고 있습니다. 그녀의 성장 이야기는 우리에게 열망과 열정을 불어넣고 있습니다.</p>
      </div>
      <div class="collumn">
        <div class="head"><span class="headline hl5" style="font-size: 41px;">이다원의 비전,<br><span style="font-weight: 900; font-size: 40px;">웹 개발 분야 최고 개발자로</span></span>
          <p><span class="headline hl6">미래의 개발자, 10년 뒤 되고 싶은 모습</span></p>
        </div>
        10년 뒤, 이다원은 그림 같은 미래를 그리고 있습니다. 그녀는 개발자로서의 커리어를 뚜렷한 경로로 걷고 있으며, 전문적인 역량을 더욱 키워가고 있습니다. 그녀의 목표는 웹 개발 분야에서 최고 수준의 개발자가 되는 것입니다.
      </p>
        <figure class="figure">

            <video src="my_vision.mp4" controls loop muted autoplay style="height: 30rem;"></video>
            <figcaption class="figcaption" style="font-size: 15px;padding-top: 10px;">"열망과 열정으로, 10년 뒤의 나는 웹 개발 분야에서 빛날 것입니다."
            </figcaption>
        </figure>
        

        <p>이다원은 팀원들과의 원활한 소통과 책임감 있는 프로젝트 수행을 통해 실무 경험을 쌓아가고 있습니다. 그녀는 자기주도 학습을 통해 능동적으로 새로운 기술과 도구를 습득하며 성장하고 있습니다. 또한 그녀는 지속적인 학습과 개발 커뮤니티와의 연결을 통해 최신 동향을 파악하고 있습니다.
        </p>

        <p>10년 뒤, 이다원은 웹 개발 분야에서 주목받는 개발자로서 활약할 것으로 기대됩니다. 그녀의 열정과 비전은 미래에 희망과 가능성을 열어놓고 있습니다. 그녀는 자신의 꿈을 이루기 위해 끊임없이 나아가고 있습니다.</p>

      </div>


    </div>
  </div>
<script src="https://s3.ap-northeast-2.amazonaws.com/
materials.spartacodingclub.kr/free/codingday/news.js"></script>
</body>

</html>

오늘의 한줄평 : 내가 마법사였다면 더 재미있었을텐데

profile
귀여운 걸 좋아하고 흥미가 있으면 불타오릅니다💙 최근엔 코딩이 흥미가 많아요🥰

0개의 댓글