Question 1

Web Components란 무엇인가요?

Accepted Answer

Web Components는 재사용 가능한 커스텀 HTML 요소를 만들기 위한 웹 표준 기술의 모음입니다. **3가지 핵심 기술:** 1. **Custom Elements**: 새로운 HTML 태그를 정의 2. **Shadow DOM**: 캡슐화된 DOM 트리를 생성 3. **HTML Templates**: 재사용 가능한 마크업 템플릿 ```javascript class MyCard extends HTMLElement { constructor() { super(); // Shadow DOM 생성 const shadow = this.attachShadow({ mode: 'open' }); shadow.innerHTML = \`

Question 2

WAI-ARIA의 역할(role), 상태(state), 속성(property)을 설명해주세요.

Accepted Answer

WAI-ARIA는 시맨틱 HTML만으로 표현할 수 없는 접근성 정보를 보완합니다. **Role (역할):** ```html

탭 내용

``` **State (상태 — 동적 변경):** - `aria-expanded`: 접힘/펼침 - `aria-selected`: 선택 상태 - `aria-disabled`: 비활성화 - `aria-hidden`: 스크린 리더에서 숨김 **Property (속성 — 비교적 고정):** - `aria-label`: 요소의 레이블 - `aria-labelledby`: 다른 요소로 레이블 참조 - `aria-describedby`: 추가 설명 참조 - `aria-

HTML

01Web Components란 무엇인가요?어려움HTML5

02WAI-ARIA의 역할(role), 상태(state), 속성(property)을 설명해주세요.어려움접근성