TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
21
Frontend
command · commandfor — JavaScript 없이 버튼으로 팝오버·다이얼로그 열기
버튼에 command·commandfor 속성만 붙이면 자바스크립트 코드 없이 팝오버와 다이얼로그를 여닫습니다. 내장 명령과 커스텀 명령, 접근성 이점, 지원 현황과 폴백 처리까지 동작하는 예제로 차근차근 살펴봅니다.
Frontend
<dialog> 요소 — 라이브러리 없이 접근성 갖춘 네이티브 모달
HTML dialog 요소와 showModal() 하나로 포커스 가둠·배경 비활성화·ESC 닫기·접근성 역할까지 공짜로 얻는 법. 백드롭 클릭으로 닫기, 닫힘 애니메이션 등 놓치기 쉬운 디테일까지 예제로 다뤘다.