개요

오버레이 위에 떠서 사용자 상호작용을 차단하고 메시지/폼을 표시합니다.

JS API

DEWP.showModal({ title: '제목', content: '<p>내용</p>', size: 'md' });
DEWP.closeAllModals();
// 헬퍼: showConfirmModal, showAlertModal, openModal/closeModal 등
        

옵션

• title, content, size(sm/md/lg)
• closable, overlay, closeOnEscape, closeOnOverlayClick
• 콜백: onOpen, onClose

긴 내용 처리

컨테이너는 flex 레이아웃으로 헤더/푸터 고정, 본문만 스크롤됩니다.

접근성

• 모달 열릴 때 포커스 트랩, 닫힌 후 트리거로 포커스 복귀
• 키보드: ESC 닫기, Tab 순환
• ARIA: role="dialog", aria-modal="true", 라벨링