[HTML&CSS] 03. 유튜브 썸네일 만들기 (feat. 호버, hover, 개발자 도구의 중요성)

1️⃣ 이번 회차 학습 목표 (goal)

---

1. 배우고자 하는 것

• position CSS
• 유뷰브 썸네일들 만들기
  • 호버 기능
  • ol - li 태그로 만든다는 것
  • iframe

- `background.css` - 자식 태그 선택하는 것 ⭐⭐⭐ -  -

 

2️⃣ 해보기

---

1. 해보기

• 호버기능
  • 개발자 모드에서 hover 확인 가능
  • 오른쪽 에 나와있음.
  • 

2. 해보기

🤯 혼자서 만들어보기(미니 플젝, 과제)

---

만들고자 하는 것

• 06_유튜브_page_과제.html 여기에 만들기

작성한 코드

느낀점

• wrap 레이아웃 잡을 때, 일일이 사이즈를 줘야 하나?
  • 
• 아 호버 기능은 구현 못 했네
  • 교수님이 하신 것 봤을 때
• content 이것도! ⭐⭐⭐⭐⭐
  • youtube.교수님.css 파일에서 참고
  • 

팁

• 홈페이지 개발자 도구 보고 -> 어떻게 구현되었는지 확인하고 -> 해보는 것
  • 
• 한 곳에 모아놓고, 검색할 수 있어야 함 ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

결과물

• 06_유튜브_page_과제.html 파일
• 

✅ 추가로 해야할 것

---

• 1. 수업 공유주신 코드 다시 쳐보면서 css 기능 익히기 -> 그리고, 1) 유튜브 검색 페이지 2) 유튜브 들어가서 보는 페이지 만들어보기
• 이떄, 관성적으로 하는게 아니라, 새로운 기술로 노가다 줄이기 ⭐⭐⭐⭐⭐

🤟 What i learned

---

•  

--- ## 참고자료 - KGA_경일게임아카데미_블록체인과정_WEEK01_HTML ---