DreamCoding 엘리 - 프론트엔드 개발자 되기 입문편 (4)

Vscode Plugin : HTML to css auto

정말 유용한것, html에 class를  css파일에서 알파벳하나만 쳐도 자동 완성

 

Emmet: https://emmet.io/

 

반응형 웹디자인 (중요)

 

@media를 이용해서 반응형웹을 만든다

 

보통 min-width로 만들 수 있다.

 

Mozilla 반응형웹 예제

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design

 

Header만들기

Flex박스를 사용하여 만든다는걸 바로 알아차려야 한다.

 

아이콘

https://fontawesome.com/

 

 

VScode 한 줄(Line)  주석 토글하기 Ctrl+ /