HTML·CSS·JavaScript 책임 구분

셋을 섞어 쓰면 작은 수정도 퍼진다. 변경하려는 것이 의미인지, 모양인지, 행동인지 먼저 구분한다.

HTML·CSS·JavaScript 책임 구분셋을 섞어 쓰면 작은 수정도 퍼진다. 변경하려는 것이 의미인지, 모양인지, 행동인지 먼저 구분한다.
HTML

문서의 의미와 구조를 만든다.

접근 가능한 문서와 검색 노출의 기반이 된다.

CSS

색, 크기, 여백, 배치처럼 화면 표현을 담당한다.

display: grid

JavaScript

클릭, 입력, 통신처럼 사용자의 행동에 반응한다.

addEventListener

핵심HTML·CSS·JavaScript 책임 구분은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.