HTML CSS JavaScript 역할 분리 판단 기준
같은 화면 변경이라도 구조, 표현, 동작 중 무엇을 바꾸는지 판단하면 HTML, CSS, JavaScript가 뒤섞이는 일을 줄일 수 있습니다.
들어온 요청 예시 버튼 아래에 안내 문구를 추가하고 싶다…
제목, 문단, 목록, 버튼처럼 페이지가 담는 정보와 역할을 정합니다.
표현과 배치
색상, 간격, 글자 크기, 화면 크기에 따른 레이아웃을 담당합니다.
상태와 반응
클릭, 입력, 비동기 통신처럼 시간이 지나며 변하는 동작을 다룹니다.
핵심실무 습관: CSS로 가능한 일을 JavaScript로 처리하거나, HTML 의미를 CSS 클래스 이름에만 맡기면 나중에 수정 비용이 커집니다.