클론코딩 유튜브 사이트 따라 만들기(HTML+CSS 연습편, 웹 포트폴리오) | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

유튜브 사이트를 반응형으로 만들어 볼꺼예요. 순수 HTML, CSS를 이용해서 (Javascript 약간) 만들어 보고, 다음에 Javascript를 배우면 동적으로 서버에서 데이터를 가져오는 연습을 더 해보도록 할께요. (↙ 자세한 내용)
___________________________

📚 전체적인 반응형 포트폴리오 웹사이트를 완성해서 배포까지 하고 싶다면:
https://academy.dream-coding.com/cour...

💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/page...

🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/

.....................................................
⭐️ Font Awesome Icons
(죄송, 태그는 여기 정보란에 입력이 금지되어져있어요)
fab fa-youtube
fas fa-search
fas fa-ellipsis-v
fas fa-caret-down
fas fa-thumbs-up
fas fa-thumbs-down
fas fa-share
fas fa-plus
fab fa-font-awesome-flag

⭐️ Useful Sites
MDN Html Elements Reference:
https://developer.mozilla.org/en-US/d...
Color Tool:
https://material.io/resources/color
Font Awesome:
https://fontawesome.com/start
Google Fonts:
https://fonts.google.com/

.....................................................

☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️

.....................................................


🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
   • 프론트엔드 강의 - 프론트엔드 개발자 되기 입문편⭐️ (개념 + 클...  

📒 자바스크립트 기초 강의 영상 목록:
   • 자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒  

💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
   • 개발자라면 누구나 알고 있으면 좋은 지식 💡  

💰 개발자 경력 관리 영상 목록:
   • 승승장구 커리어 관리 🚀  

📄 이력서 작성 방법
   • 취업 보장 이력서 작성 🙌  

📈 IT 트렌드
   • IT 트렌드 📈  

📷 개발자 브이로그
   • 개발자 브이로그 📷  

🤗 생산력 향상 팁
   • Tech & Tools ❤️  

.....................................................
⭐️ 강의 영상 즐겨찾기
0:0 ① 프로젝트 소개
2:08 ② 강의 활용 방법
2:53 ③ 활용한 드림코더(구독자분) 사례
3:24 ④힌트 및 반응형 구조 팁
7:06 ⑤ HTML 마크업 파트
18:57 ⑥ CSS로 이쁘게 스타일링
19:25 ✓CSS변수 활용법
25:57 ✓CSS 전처리기 깨알섦명
30:25 ✓ 모를때 검색하자!
34:03 ✓calc() 설명
44:34 ⑦ 미디어 쿼리 - 반응형
46:35 ⑧ 버튼을 클릭하면 빙글 돌아가기
49:15 ⑨ 엘리의 말말말

.....................................................


🎵Music
Joakim Karud - Dreams
  / joakimkarud