---
title: "190401 TIL"
date: 2019-04-01
tags: ["TIL"]
url: https://sub2n.github.io/2019/04/01/190401-TIL/
---

# 190401 TIL

## Today I Learned

-   #### 오늘 배운 것
    

오늘부터 4주간 HTML/CSS를 새로 배운다. 첫 수업이었는데 많은 것을 새롭게 알았다.

-   웹 접근성과 웹 표준이 무엇이며 얼마나 중요한지, 개발자에 자세에 대해서 배웠다.
    
-   HTML5의 역사와 특징에 대해 다시 한 번 배웠다.
    
-   Web page 제작을 위한 단계를 배웠다.
    
    1.  선형화(layout) 단계 : design이 아닌 논리적 구조를 linearize
    2.  Semantic Element : `<div>`만 사용하는 것이 아니라 `<header>`, `<footer>`, `<article>` 등 사용
    3.  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는 확실히 공부하고 넘어가야겠다.