Today I Learned
오늘부터 4주간 HTML/CSS를 새로 배운다. 첫 수업이었는데 많은 것을 새롭게 알았다.
웹 접근성과 웹 표준이 무엇이며 얼마나 중요한지, 개발자에 자세에 대해서 배웠다.
HTML5의 역사와 특징에 대해 다시 한 번 배웠다.
Web page 제작을 위한 단계를 배웠다.
- 선형화(layout) 단계 : design이 아닌 논리적 구조를 linearize
- Semantic Element :
<div>만 사용하는 것이 아니라<header>,<footer>,<article>등 사용 - Naming : element naming and grouping
편리한 Emmet Cheatsheet를 알았다. 진짜 편하다!
CSS Box Model : content-box(defualt)와 border-box의 차이점을 알았다.
flex를 이용해서 layout을 잡는 것과, 호환되지 않을 때를 대비하여 float를 이용하는 방법을 여러 case를 통해서 배웠다.
Margin collapsing, clear: both 등 float CSS trick들을 배웠다.
느낀 점
지난 한달 간 나에게 가장 어려운 건 javascript보다는 HTML/CSS로 layout을 잡는 것이었는데, 내 생각대로 요소들이 배치되지 않았기 때문이다.
수업에서 CSS의 여러 속성들과 기능을 배우면서 왜 그렇게 되지 않았는지 알게 되었다. flex와 float는 확실히 공부하고 넘어가야겠다.
