태그: DOM
3편
-
HTML 깊이 보기: 파싱과 DOM, 접근성, 폼 검증, Shadow DOM
브라우저가 HTML 바이트를 토큰과 DOM 트리로 만드는 과정과 스크립트가 파싱을 막는 이유, innerHTML이 XSS로 이어지는 경로를 설명합니다. 시맨틱 마크업과 ARIA의 역할, Constraint Validation API 폼 검증, Shadow DOM과 커스텀 엘리먼트도 다룹니다.
-
JavaScript DOM 조작 | 웹 페이지 동적으로 제어하기
getElementById와 querySelector로 요소를 선택하고, innerHTML과 textContent의 보안 차이, 속성·스타일 조작, 요소 생성·삭제, 캡처링·버블링과 이벤트 위임을 To-Do 리스트·탭·모달 예제로 구현합니다.
-
HTML 기본 태그 | 텍스트, 링크, 이미지, 리스트
제목과 문단, 강조 태그, 링크와 이미지, figure, 순서 있는·없는 리스트와 설명 리스트, 셀 병합이 있는 테이블, header·nav·article 같은 시맨틱 태그를 예제로 익힙니다. 기본 폼 요소와 프로필 페이지 실습으로 마무리합니다.