JavaScript에서 dialog 요소를 제어하는 show()와 showModal()의 차이점으로 올바른 것은?

쉬움 MDN Web Docs

보기 및 정답

A show()는 비모달로 열어 뒤쪽 페이지와 상호작용이 가능하고, showModal()은 모달로 열어 배경을 비활성화한다

B show()는 렌더링 속도가 느리게 열리고, showModal()은 빠르게 열리며 내부적으로 하드웨어 가속을 사용하는 것이 일반적이다

C show()는 CSS 애니메이션이 적용되지 않고, showModal()은 항상 페이드인 애니메이션이 자동 적용된다

D show()와 showModal()은 동일한 방식으로 동작하며 두 메서드 사이에 기능적 차이는 전혀 없다

show() 메서드는 대화 상자를 비모달로 열어 사용자가 뒤쪽 페이지와 상호작용할 수 있습니다. 반면 showModal()은 모달로 열어 ::backdrop이 표시되고, 포커스 트래핑이 적용되며, ESC 키로 닫을 수 있습니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인