HTML
- 구조(Structure)를 나타내는 언어
- HTML의 구조는 부모가 하나이고 자식이 여럿인 트리구조이다.
- HTML의 태그는 대부분 여는 태그, 닫는 태그의 구조로 되어 있다.
- 하지만 언제나 그랬듯 예외는 있다. Ex) img태그
- 자주 사용하는 것들은 줄바꿈태그 div, 컨텐츠 영역 span, 리스트업 ul,li,ol (li는 ul,ol의 '자식'이다).
- input type= 을 통해 textarea, checkbox, radio 등을 삽입할 수 있다.
CSS
- 스타일(Style)을 나타낼 수 있는 언어
- 더 나은 UX를 위해 사용한다
- id나 class로 이름을 붙여 이름이 같은 것들은 모두 같은 스타일링을 적용 할 수 있다.
- id를 불러올 때는 "#", class를 불러올 때는 "."을 사용한다.
- 이를 통해 글자 폰트, 크기, 색상은 물론 배경색 컨텐츠 구조 설정 등 사용자들이 편리하게 사용 할 수 있도록 디자인이 가능하다
JavaScript
- 상호작용(Interaction)을 할 수 있는 언어
이것들을 나누는 이유 = "관심사를 분리 하기 위하여!"
!