오늘은 메뉴를 만들어 보는 실습과정을 진행했다.
실습 과정
- li tag에 display: inline-block 적용 -> 사이사이 공백이 생김.
- float: left 적용
- display: flex 적용
어려운 점
- 클래스 이름 정하는 것
- 태그 고르는 것
- float, flex와 관련된 것들 거의 전부...
노력하고자 하는 방향
이미지를 참고해서 혼자서 만들어보고 강의를 듣고 비교를 하는 식으로 부족한 점은 무엇인지, 생각하지 못한 더 좋은 아이디어가 어떤 것인지 알아가보고자 한다.
기억하고 싶은 속성
list -> list-style: none;
a -> text-decoration: none; color 설정
flex -> justify-content: space-between; align-items: center;
justify가 조정하다 라는 뜻을 가지고 있으니까 내용물을 조정한다는 의미로 기억에 오래남았으면 좋겠다. 순서 방향 정렬. align은 서브축 정렬에 관여한다.
font가 필요할 때 https://fonts.google.com/
색을 맞추기 어려울 때 https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=B2DFDB
icon이 필요할 때 https://fontawesome.com/
