1. 기본적인 형태 // html Show modal Hello!
I'm a modal! // js const button = document.querySelector('button'); const dialog = document.querySelector('dialog'); // 버튼을 클릭하면 modal이 보여진다. button.addEventListener('click', () => { dialog.showModal(); }) // react-version const buttonRef = useRef(); const onClick = () => { buttonRef.current.showModal(); } Show modal Hello!
I'm a modal! 기본적으로 modal이 열린 상태...
#
CSS
#
dialog
#
HTML
#
Modal
#
노마드코더
원문 링크 : Dialog 태그로 modal 만들기
