three layer split

HTML/CSS/JS 역할 분리

세 기술은 중요도 경쟁이 아니라 책임 분리입니다. 구조, 표현, 동작을 나누면 작은 페이지도 수정 이유가 명확해집니다.

책임
01Structure 02Style 03Behavior 04Data 05Feedback
HTML

문서의 의미와 정보 순서를 먼저 고정합니다.

CSS

색, 간격, 배치, 반응형 규칙을 시각 표현으로 분리합니다.

JavaScript

사용자 입력, 상태 변화, 네트워크 요청처럼 동작을 맡습니다.

검토 순서

내용이 틀리면 HTML, 보기가 틀리면 CSS, 반응이 틀리면 JavaScript부터 봅니다.