TIL 4일차

TIL

---

1. HTML, CSS, JavaScript
   • HTML: 웹문서를 구조적으로 표현하기 위한 언어
   • CSS: 구조적인 문서를 시각적으로 표현하기 위한 언어
   • JavaScript: 본래 브라우저에 웹 문서를 표현하기 위한 스크립팅 언어였으나, 현재는 서버제작, 앱, 프로그램 등을 만들 수 있는 범용적인 프로그래밍 언어이다.

2. HTML - 태그와 속성

   <p class= "paragraph">

   <>: 태그
   class: 속성(attribute)
   paragraph: 속성값(attribute value)
   이 전체를 엘리먼트라고 한다.

3. 시맨틱태그, 시맨틱웹...
   • '시맨틱하다'라는 것은 콘텐츠의 의미를 명확히 설명한다는 뜻이다.
     • header, main, nav, aside, footer 태그는 div태그와 기능적으로 같지만, HTML의 구조를 보다 명확히하는 시맨틱 태그다.

4. div vs p vs section
   • div: 영역을 구분하는 목적에 가깝다.
     • section: 특정 내용을 하나의 구역으로 구분하는데 사용된다.
     • p: 콘탠츠를 구분하는 데 사용된다. 말그대로 paragraph.

5. 하나의 태그에 2가지이상의 class를 입력할 수 있다. 바로 띄어쓰기로

   <li class="a b c"> 불라불라 </li>

   a, b, c 총 3가지 class에 속하게 된다.

6. 관심사 분리
   • css 속성을 따로 쓰지 않고, html에 center나 font와같은 디자인 태그를 사용하는것을 지양해야한다고 한다.
     그이유는 관심사 분리때문인데, HTML은 설계만을 CSS는 디자인만을 담당하게 하는 것을 말한다. 이것 역시 시맨틱한 코딩을 위한것 같기도 하고.

Today's ?!

---

• ? html의 속성은 attribute라고 적혀있고, CSS의 속성은 property라고 적혀있는데 그냥 혼용해서 쓰는건가?
• ! css의 박스모델이 굉장히 중요하다고 느꼈다. 웹 페이지를 보면서 박스를 그리듯이 볼 수 있도록 노력해봐야겠다.