4/17 - 웹2 (3강)

 원본 - https://webstudy2.tistory.com/12

 

4/17 - 3강

 

마켓컬리 상단바 (flex)

[vscode]

css파일과 연결되었는지 body { background-color: grey;}로 확인해본다. (css에 적음)

레이아웃을 선으로 우선 나타내어 구분짓는다

 

[codepen]

설명 쓰여있음: https://codepen.io/kkkge/pen/mdgzdZq

마켓컬리

 

[아이콘 넣기]

1. 폰트 어썸
검색-Free-bars 클릭
아이콘 찾고 HTML 코드 복사하여 span class에 붙여넣기

2. cdnjs
font-awesome 검색 - 링크 복사 후 HTML > head 태그에 붙여넣기

 

마켓컬리 복습 : https://codepen.io/kkkge/pen/MWRZyxp

기본 개념 & flex 다시 공부하기.. 어렵다..