구조와 의미
제목, 문단, 링크, 폼처럼 문서의 뼈대와 의미를 담당합니다.
웹 페이지 문제 분류
HTML, CSS, JavaScript는 함께 움직이지만 각자의 책임이 다르므로 수정 위치를 분리해 생각해야 합니다.
표현과 배치
색상, 간격, 반응형 레이아웃처럼 화면에 보이는 방식을 맡습니다.
상호작용
클릭, 입력, 데이터 요청, DOM 변경 같은 동작을 처리합니다.
수정 위치 선택
문제가 의미인지 모양인지 행동인지 먼저 정하면 디버깅이 쉬워집니다.