/youtube-clonecoding

html,css 연습용 유튜브 페이지 클론코딩

Primary LanguageHTML

YouTube Clone Coding

html, css,vanillaJS 연습을 위한 유튜브 페이지 클론코딩입니다.

드림코딩 by 엘리의 클론코딩 유튜브 강의영상을 참고하여 진행하였습니다.
기능이나 실데이터가 들어가지 않은 더미 클론 페이지 입니다.

스택 ( 기술 )

HTML, CSS, JavaScript

기간

2020.10.26

배운 점 (강의를 통한 변경 사항들)

  • 화면의 레이아웃을 설계하는 법을 배움

  • 일정 줄을 넘어갈 시 내용을 생략하는 line clamp

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

  • 미디어 쿼리를 이용한 반응형 사이트(레이어 구조 변경)

  • 자바스크립트 classList.toggle 을 이용하여 클래스를 toogle 할 수 있다.

이용한 참고 사이트