개발자가 되기 위한 발자취 24일차

신철민·2021년 10월 27일
0
post-thumbnail

여러가지로 나에게 있어서 힘든 시기를 겪고있다.
하지만 이런 문제들로 코딩 공부를 소홀히 하기가 싫다.
이유는?
방대한 RPG게임을 하는 것 처럼
즐겁다.

스타벅스 클론코딩

1. 슬라이드 영역 토글

  • 이벤트 리스너를 통해 클릭시 함수적용을 하고 if문 사용

2. 유튜브 영상 배경 - 리워즈

  • container 와 flex를 사용하여 해당 영역에 배치한 후
flex-wrap: wrap

사용해서 배치완료

3. 유튜브 영상 삽입

  <section class="youtube">
    <div class="youtube__area">
      <div id="player"></div>
    </div>
    <div class="youtube__cover"></div>
  </section>

핵심포인트

  • new YT.Player API를 변경하지 말것

  • 유튜브 소스코드를 복사하면 제어가 안됌!

  • loop를 사용하면 반복 재생할 유튜브 영상 아이디 목록 한번 더 작성해주기


profile
쉬운 일이었다면 나에게까지 오지 않았을 것

0개의 댓글