HTML
의미와 구조
제목, 문단, 목록, 버튼처럼 페이지가 담는 정보와 역할을 정합니다.
Responsibility split
변경 요청을 먼저 책임 영역 분류
같은 화면 변경이라도 구조, 표현, 동작 중 무엇을 바꾸는지 판단하면 HTML, CSS, JavaScript가 뒤섞이는 일을 줄일 수 있습니다.
세 언어의 판단 기준
CSS
표현과 배치
색상, 간격, 글자 크기, 화면 크기에 따른 레이아웃을 담당합니다.
JavaScript
상태와 반응
클릭, 입력, 비동기 통신처럼 시간이 지나며 변하는 동작을 다룹니다.
정보 자체가 바뀌는가?
먼저 HTML을 검토합니다.
보이는 방식만 바뀌는가?
CSS로 해결할 수 있는지 봅니다.
사용자 행동에 반응하는가?
JavaScript가 필요한 순간입니다.
실무 습관: CSS로 가능한 일을 JavaScript로 처리하거나, HTML 의미를 CSS 클래스 이름에만 맡기면 나중에 수정 비용이 커집니다.