⏺학습한 내용🕵️‍♂️

✅ Naver main 2편!

🔵 before : tag 앞의 해당영역 디자인을 위해 사용
가장 앞 부분일때는 first child , initial 사용

🔵 vertical-align 텍스트뿐만 아니라 ±n px도 가능하다.

#main_footer .corp_lists li:first-child:before {
	content: initial;
}
#main_footer .corp_lists li:before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e4e8eb;
	margin:  0 8px;
	vertical-align: -1px;
}

---

⏺학습내용 중 어려웠던 점🤦‍♂️

🔘 확실히 네이버 페이지는 분량이 많았다. 키즈가오처럼 animation을 넣는것도 처음엔 복잡했었지만, 네이버는 익숙한 구조임에도 불구하고 오히려 같은 구조가 빽빽하게 들어가니 코드가 좀 더 알아보기 힘든 점이 있었다.

⏺해결방법🙋‍♂️

🔘 뭔가 오늘 네이버 마무리 작업을 하면서 쉬운내용도 많이 하면 오히려 헷갈릴 것 같다는 느낌에 역시 기본이 탄탄해야 하겠다는 생각을 함,, 항상 그렇듯 반복복습이 답!

⏺학습소감🙇‍♂️

🔘 평소에 가장 많이 사용하는 웹페이지 였던 만큼 머리속으로 그리는 건 바로 되니까 그걸 구체화시키면서 직접 만드는 방법을 자꾸 자꾸 생각해보자!