<Web> 노마드코더 코코아클론 1일차 (HTML)

HTML - CSS - JavaScript 관계

HTML - CSS - JavaScript 셋의 관계에 대한 설명을 듣다보니 건축 3대 요소 구조 - 미 - 기능의 관계가 떠올랐다.

웹페이지의 콘텐츠를 구성하는 HTML은 건축의 뼈대가 되는 구조(Structure)와 닮았고,

콘텐츠의 색상, 크기 등 외형을 꾸미는 CSS는 건축에서의 보여지는 아름다움(Beauty)과 의미가 통하며,

동적인 기능을 가능케 하는 JavaScript는 건축의 기능(Function)과 의미가 통한다고 느꼈다.

HTML = Structure
CSS = Beauty
JS = Function

 

요소(Element)의 닫는 태그(Closing Tag)가 /element 인 이유

HTML에서 닫히는 요소(element)들은 /blabla 로 끝난다.

<div></div>, <a></a> 등과 같다.

'div 태그를 닫는다', 'a 태그를 닫는다'라는 의미라면

<div><div/>, <a><a/> 가 맞지 않나 싶었다.

영문법을 고려해보면 '닫는다 div태그를(close div tag)', '닫는다 a태그를(close a tag)' 이니까 그렇게 된건가 싶기도 하다.

 

요소(Element)의 속성값을 생략가능한 속성

required, disabled 등은 요소명만 작성하여도 해당 특성이 적용된다.

 

Semantic Tag 활용하기

header, main, footer 등

다른 사람들이 보기만 해도 의미를 짐작할 수 있는 태그라고 한다(별도 기능없음).

코드에 기능 대신 의미를 부여하는 태그로 보면 된다.

 

시간을 바닥에 던지지 말 것

HTML 태그를 일부러 암기할 필요가 없다며 시간을 바닥에 던지지 말라고 했다.

구글에서 'MDN'을 포함한 키워드로 검색하면 된다고.

HTML 학습뿐 아니라 일상생활을 하면서도 시간을 바닥에 던지고 있지 않은지 반성하게 되었다.

니꼬쌤 감사합니다 :D

 

※ 참고자료 : 노마드코더 코코아클론 강의