개발일지 210819

학습한 내용

📌네이버오디오클립-카테고리 카피캣
지난 강의 부분이지만 깜빡해서 오늘했다(머쓱)
비교적 간단한 부분이라서 쉽게 끝낼 수 있었음!

✔정렬부분
ul을 정렬할 때 space-between을 주로 사용했었는데
li 가 많을 경우 width값을 정해놓지 않는다면 between 정렬이 깨지게 된다.

이럴때 justify-content의 값을 flex-start로 설정하고 margin 값을 설정해주면 깔끔!


✔nth-child부분
박스 부분 컬러를 다양하게 주고 싶다면
가상선택자 nth-child를 사용!

• nth-child(odd)= 홀수 요소
• nth-child(even)= 짝수 요소

📌트위치 상단영역 카피캣
상단 부분은 스크롤을 내려도 고정이 되어있기 때문에 position의 값을 fixed로 설정!

학습소감

뜬금없지만 class 이름 정하는게 가장 어렵지않나...? 라는 생각이 든다.