VibeCoding 365 바이브 코딩 사전
모달 다이얼로그
영어 표기
Modal Dialog
예시
AI에게 회원 삭제 확인 모달을 맡길 때 제목, 위험 설명, 취소·삭제 버튼, 키보드 포커스 순서, Esc 닫기, 삭제 후 토스트 알림까지 명시하고, 실제 삭제 API 호출 전후를 회귀 테스트와 브라우저 smoke-test로 검증한다.
모달 다이얼로그는 사용자가 현재 화면 흐름을 잠시 멈추고 확인, 입력, 삭제 승인처럼 중요한 결정을 하도록 띄우는 UI 창이다. VIBE 코딩에서 AI에게 모달을 만들게 할 때는 열림·닫힘 상태, 포커스 이동, Esc 닫기, 배경 클릭 정책, 모바일 화면, 접근성 검증까지 함께 요구해야 실제 서비스에서 안전하게 동작한다.
- 카테고리
- 프론트엔드·UI
- 난이도
- basic
- 태그
- UI · 접근성
- 슬러그
- modal-dialog
- 상태
- published
- 정렬 순서
- 10006
함께 읽기