ยฉ 2026 Hashnode
๋ถ๋๋ฝ์ง๋ง, ์ด์ ๊ป ๋๋ aria-label์ ์ง์ ํด ์ค ๋ด์ฉ๊ณผ ํ ์คํธ ์ฝํ ์ธ ๋ฅผ ํจ๊ป ์ฝ์ด๋ด๋ ๊ฒ์ผ๋ก ์๊ฐํ์๋ค. ์ด๋ค ๊ฒฝ์ฐ์๋ ํ ์คํธ ์ฝํ ์ธ ๊ฐ ์๋ต๋๊ธฐ๋ ํ๋ค๋ ์ฌ์ค์ ์ด๋ฒ์ ์๊ฒ ๋์๋๋ฐ ๊ทธ ๋ด์ฉ์ ์ ๋ฆฌํด๋ณด๋ ค๊ณ ํ๋ค. aria-label์ด๋? aria-label ์์ฑ์ ํ์ฌ ์์์ ๋ํ ๋ฌธ์์ด ๊ฐ์ ์ง์ ํ๋ค. ์ด ์์ฑ์ ์์์ ์ ๊ทผ์ฑ์ ๋์ด๊ธฐ ์ํด ์ฌ์ฉ๋๋ฉฐ, ์ฃผ๋ก ์๊ฐ์ ํ ์คํธ ๋ ์ด๋ธ์ด ์๋ ์์์ ๋ํด ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์์๊ฒ ํด๋น ์์์ ...

์์ ์ ํ์ JavaScript์์๋ ์ฌ๋ฌ ๊ฐ์ง ์์ ์ ํ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋๋ฐ, ๊ฐ์ฅ ํํ ์ฌ์ฉ๋๋ ๊ฒ๋ค์ด getElementById, getElementsByClassName, querySelector, querySelectorAll์ด๋ค. id๋ class๋ฅผ ์ด์ฉํด ์ฐพ๋๊ฑด ์๊ฒ ๋๋ฐ ๋ ๊ฐ์ง๋ฅผ ๋ชจ๋ ์ง์ํ๋ ๋ฐฉ์๋ ์๊ณ , ์ด๋ ์ํฉ์ ์ด๋ค ๋ฐฉ์์ ์ฌ์ฉํ๋ ๊ฒ์ด ๋ ์ ์ ํ์ง ํท๊ฐ๋ฆด ๋๊ฐ ์๋ค. ๋ฐ๋ผ์, ๋น์ทํด ๋ณด์ด๋ ๋ฐฉ์๋ค์ ์ ์ฌ ์ ์์ ํ์ฉํ๊ธฐ ...

JavaScript์์ DOM ์์์ ํ ์คํธ ๋ด์ฉ์ ๋ค๋ฃจ๋ ์ธ ๊ฐ์ง ์ฃผ์ ์์ฑ innerHTML, innerText, textContent์ ์ฐจ์ด์ ์ ์์๋ณด์. <div id="example"> ์๋ ํ์ธ์ <span style="display:none;">์ ๋</span> <b>woodstock</b>์ ๋๋ค. </div> 1. innerHTML ์ด ์์ฑ์ ์์์ HTML ๋ด์ฉ์ ๊ทธ๋๋ก ๋ค๋ฃฌ๋ค. HTML ํ๊ทธ๋ฅผ ํฌํจํ ๋ชจ๋ ๋ด์ฉ์ ๋ฌธ์...
