설명

자주 쓰는 모달 3종을 스크립트 없이 열린 상태 그대로 보여줍니다. 확인 모달은 아이콘과 설명, 취소와 저장 버튼을 두고 좁은 화면에서 버튼이 세로로 쌓입니다. 삭제 경고 모달은 role="alertdialog"로 지정하고, 되돌릴 수 없다는 경고 박스와 함께 이름을 직접 입력해야 삭제 버튼을 누르게 만드는 확인 필드를 넣었습니다. 폼 포함 모달은 헤더·본문·하단 액션을 나누고 본문에만 최대 높이와 스크롤을 지정해, 입력이 늘어나도 액션 버튼이 항상 보이게 했습니다. 실제 적용할 때는 딤 레이어와 다이얼로그를 position: fixed로 바꾸고 열림 상태만 제어하면 됩니다.

변경 이력