[월간코딩] 코딩으로 나만의 특종 신문 만들기

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

TIL

목록 보기
15/72
post-thumbnail
스파르타코딩클럽(https://spartacodingclub.kr/online/monthly/ai_news)에서 강의를 듣고 공부 목적으로 적은 정리글입니다.

추석이라고 쉴 수 없지!

Repl

replit : 코드를 칠 수 있는 에디터
웹사이트라서 설치 X

Fork : 짜여져 있는 코드를 가져와서 원하는대로 수정할 수 있는 시스템

Chat GPT

질문에 대해 스스로 생각해서 답변하는 인공지능 서비스
2021년 9월까지 정보를 기반으로 답변함

Dream ai

URL : https://dream.ai/
사진을 업로드하면 가상인물 필터로 만들어주는 사이트
해보니까 다양하고 재미있게 만들수 있어서 시간 가는줄 모를 정도!

D-ID

URL : https://www.d-id.com/
가상인물필터로 만든 사진을 말하는 것처럼 동영상으로 만들어주는 사이트
처음에 20크레딧을 주는데 짧은 문구일 경우 1크레딧씩 차감된다.

코딩

텍스트 내용수정하고, 동영상 주소 변경 후
css가져오고 0과 1로 바꿔주는 스크립트 붙이고하니 완성!

내 꿈은 건강하고 하고싶은일 하면서 행복하게 사는 것!

<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;">Weatherforcast for the next 24 hours:
          Plenty of Sunshine</span><br><span>Wind: 7km/h SSE; Ther: 21°C; Hum: 82%</span></div>
      <header>DREAM POST</header>
    </div>

    <div class="subhead">ICON, Teheran-ro - Thursday August 05, 2033 - Seven Pages</div>
  </div>
  <div class="content">
    <div class="collumns">
      <div class="collumn">
        <div class="head"><span class="headline hl3">행복의 새로운 시대: 이다원의 꿈, 현실로</span>
          <p><span class="headline hl4">과학의 미래, 행복의 새로운 장을 열다</span></p>
        </div>
        미래의 도시에서 우리는 새로운 세상을 경험하고 있다. 기술과 과학이 발전한 이 도시에서, 이다원은 자신의 꿈을 이루었다. 그 꿈은 건강하게 살면서 원하는 일을 하며 행복하게 살아가는 것이었다.
       
        <figure class="figure">
          <img class="media"
            src="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/free/codingday/jackpot.png"
            alt="">
        </figure>
        <p>
           과학은 이다원의 건강을 지키는데 큰 역할을 했다. 첨단 의학 기술은 질병을 조기에 발견하고 치료하는 데 도움이 되었으며, 건강한 식생활과 운동을 도와주는 혁신적인 기술들은 그녀의 삶을 더욱 풍요롭게
        만들었다.
        </p>
      </div>
      <div class="collumn">
        <div class="head"><span class="headline hl1">꿈을 쫓는 열정
          </span>
          <p><span class="headline hl2">passion to chase a dream</span></p>
        </div><p>
          이다원은 돈과 권력을 추구하지 않았다. 그녀의 꿈은 단순하지만 가치 있는 것이었다. 건강하고 행복한 삶을 살면서 다른 이들을 영감으로 삼고, 미래를 향해 나아가는 모든 이들에게 희망과 도움을 주기 위해 노력했다. 그녀는 자신의 삶을 통해 세상을 변화시키고자 했으며, 그 노력은 도시와 이 세계에 빛을 불어넣었다.
          .</p>
        <figure class="figure">
          <video src="my_video.mp4" controls loop muted autoplay></video>
          <figcaption class="figcaption">"This time, let go your conscious self and act on instinct."
          </figcaption>
        </figure>
        <p>          이다원은 자신의 열정을 추구하는 데 헌신했다. 과학과 기술은 그녀에게 새로운 기회를 제공했고, 그 결과로 그녀는 원하는 일을 할 수 있었다. 자신의 꿈을 쫓는 열정으로 그녀는 성공을 향한 길을
          걸어갔다<span
            class="citation">"내 꿈은 단순하지만 가치 있습니다. 건강하고 행복한 인생을 살며 다른 이들을 영감으로 삼고자 합니다."</span>
            그녀는 건강을 중요시하고, 모든 사람들이 자신의 꿈을 이룰 수 있는 기회를 갖는 세상을 꿈꾸었다. 그녀의 연구는 인간의 건강과 행복을 향상시키는 기술에 초점을 맞추었다.</p>
      </div>
      <div class="collumn">
        <div class="head"><span class="headline hl5">행복의 새로운 장을 열다</span>
          <p><span class="headline hl6">행복한 미래</span></p>
        </div>
        도시의 삭막한 분위기와 어두운 풍경과는 달리, 이다원은 이곳에서 행복을 찾았다. 자유롭게 살며, 자신을 표현하며, 원하는 일을 하는 것은 그녀에게 큰 만족감을 주었다. 그녀의 이야기는 이 도시에서 새로운 희망과 행복을 찾는 모든 이들에게 영감을 주고 있다.  
      </p>
        <figure class="figure">
          <img class="media"
            src="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/free/codingday/nomad.png" alt="">
        </figure>

        <p>이다원은 우리에게 새로운 가능성을 보여주고 있다. 과학과 열정, 행복의 열쇠를 찾아 나선 그녀의 이야기는 이 도시에서 새로운 꿈을 꾸게 하고 있다. 이다원의 꿈을 향한 여정은 우리 모두에게 희망을 안겨주며, 미래의 가능성을 열어놓고 있다.
        </p>

        <p>이다원의 이야기는 우리에게 무한한 가능성을 상기시키며, 과학과 열정이 만들어낸 행복의 새로운 세상을 열어준다. 그녀의 꿈은 우리 모두의 꿈이 될 수 있을 것이다.</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개의 댓글