๋ค์ html,css ์๋ฃ๋ค์ ๋ถํธ์คํธ๋ฉ์์ ๋ฐ์๋ค //html ๋ก๊ทธ์ธํ์ธ์ ๋ซ๊ธฐ ๋ก๊ทธ์ธ //css .black-bg { width : 100%; height : 100%; position : fixed; background : rgba(0,0,0,0.5); z-index : 5; padding: 30px; } .white-bg { background: white; border-radius: 5px; padding: 30px; } .noshow { display:none; } ์๋ฐ์คํธ๋ฆฝํธ๋ก ํด๋์ค๋ฅผ ์ถ๊ฐํ๊ฑฐ๋ ์ญ์ ํ๋ ๋ฐฉ๋ฒ์ผ๋ก ๋ชจ๋ฌ์ฐฝ์ ๋์ฐ๊ฑฐ๋ ์์จ์ ์๋ค. UI ์ ๋๋ฉ์ด์
์ ์ด์ฟผ๋ฆฌ ๋ฌธ๋ฒ์ ์ฌ์ฉํ๋ค. ์ ์ด์ฟผ๋ฆฌ๋ฅผ ์ด์ฉํ๋ฉด ์ ๋๋ฉ์ด์
์ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๋ค. ์์ฐ์ค๋ฝ๊ฒ ๋ชจ๋ฌ์ฐฝ์ด ์์ํ ๋จ๊ณ , ์์ด์ง๊ฒ ๋ง๋ค์..
์ ์ด์ฟผ๋ฆฌ
์ ์ด์ฟผ๋ฆฌ๋ ๊ธฐ์กด์ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐํธํ๊ฒ ์ฌ์ฉํ ์ ์๋๋ก ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ์๋ก์ด ์ปดํจํฐ ์ธ์ด๋ ์๋๋ค $('์
๋ ํฐ')๋ก ์ฐพ์ผ๋ฉด jQueryํจ์๋ง ๋ถ์ ์ ์์ querySelector('์
๋ ํฐ')๋ก ์ฐพ์ผ๋ฉด ์๋ฐ์คํฌ๋ฆฝํธํจ์๋ง ๋ถ์ผ์ ์์ $('.hello').innerHTML = ใดใดใดใดใดใด ์๋
๋ฒํผ