문서의 의미와 구조를 만든다. 접근성과 검색 노출의 기반이다.
<article>WEB BASICS
HTML, CSS, JavaScript는 구조, 표현, 동작의 책임을 나눠 가진다
셋을 섞어 쓰면 작은 수정도 퍼진다. 변경하려는 것이 의미인지, 모양인지, 행동인지 먼저 구분한다.
색, 크기, 여백, 배치처럼 화면 표현을 담당한다.
display: grid클릭, 입력, 통신처럼 사용자의 행동에 반응한다.
addEventListener
판단 기준: 내용이 바뀌면 HTML, 보이는 방식이 바뀌면
CSS, 사용자의 상호작용이 바뀌면 JavaScript에서 처리한다.