DOM (Document Object Model):
- ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ(Document Object Model)์ ์ฝ์๋ก, ์น ํ์ด์ง์ ๊ตฌ์กฐํ๋ ํํ์ ์ ๊ณตํ๋ ํ๋ก๊ทธ๋๋ฐ ์ธํฐํ์ด์ค
- HTML, XML ๋ฌธ์์ ๊ตฌ์กฐ๋ฅผ ํํํจ
- ํธ๋ฆฌ ๊ตฌ์กฐ๋ก ๋์ด ์์ด ๋ฌธ์์ ๊ตฌ์กฐ์ ๊ด๊ณ๋ฅผ ๋ช
ํํ ํํ.
- HTML ๋ฌธ์์ ๊ฐ ์์(element)๋ค์ด ํธ๋ฆฌ์ ๋
ธ๋(node)๋ก ํํ๋๋ฉฐ, ๋ถ๋ชจ-์์, ํ์ ๊ด๊ณ ๋ฑ์ผ๋ก ๊ตฌ์ฑ.
- ๋ธ๋ผ์ฐ์ ๋ HTML์ ์ฝ์ด์์ ๋ด๋ถ์ ์ผ๋ก DOM์ ์์ฑํ์ฌ ์ฌ์ฉ์์๊ฒ ์ ๊ณต.
- JavaScript์ ๊ฐ์ ์คํฌ๋ฆฝํธ ์ธ์ด๋ฅผ ์ฌ์ฉํ์ฌ HTML ๋ฌธ์์ ๋ด์ฉ, ๊ตฌ์กฐ, ์คํ์ผ ๋ฑ์ ๋์ ์ผ๋ก ๋ณ๊ฒฝํ๊ฑฐ๋ ์กฐ์ํ ์ ์์
- HTML์ ์ด๊ธฐ ์ ์ ์ํ๋ฅผ ์ ์ํ๊ณ , ๋ธ๋ผ์ฐ์ ๋ HTML ๋ฌธ์๋ฅผ ์ฝ์ด ๋ด๋ถ์ ์ผ๋ก DOM์ผ๋ก ๋ณํํ์ฌ DOM์ ํตํด HTML ๋ฌธ์์ ๊ฐ ์์์ ์ ๊ทผํ๊ณ ๋์ ์ผ๋ก ๋ณ๊ฒฝ ๊ฐ๋ฅํจ
- ๋ธ๋ผ์ฐ์ ์์๋ ์ฃผ๋ก DOM์ ์กฐ์ํ์ฌ ์น ํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ์ ์ดํจ