BOM1 JS_๋ฌธ๋ฒ (7)_DOM / BOM DOM Document Object Model์ ์ฝ์์ด๋ค Document = HTML ์ ์ฒด ์ฝ๋ Object = HTML ํ๊ทธ DOM์ ๊ฐ์ฒด๋ฅผ ๊ฐ์ ธ์์ ๋ณ์์ ๋ฃ๊ณ ๋ณ์or๋ฉ์๋๋ฅผ ์ด์ฉํด ์ถ๊ฐ, ๋ณ๊ฒฝ, ์ญ์ ๋ฑ์ ์ ์ด๋ฅผ ํ๋ ๊ฒ์ ๋งํ๋ค. (ํ์ค์์ฝ) document๋ผ๋ ๊ฐ์ฒด๊ฐ ๋ง๋ค์ด์ง๊ณ ๊ทธ ์์ ์ฌ๋ฌ๊ฐ์ง ๊ฒ๋ค์ ์ ์ดํ๋ ๊ฒ ์น๋ธ๋ผ์ฐ์ ๋์ ๊ณผ์ | 1 | HTMLํ์ผ ๊ฐ์ ธ์ค๊ธฐ | 2 | ๊ฐ์ ธ์จ HTMLํ์ผ์ ํ์ฑํ์ฌ DOM tree ์์ฑ (ํ๊ทธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ์ฌ ๋ถ์!) CSS ์ ๋ณด ํ์ฑํ์ฌ CSSOM tree ์์ฑ | 3 | DOM/CSSOM tree๋ฅผ ๊ธฐ๋ฐ์ผ๋ก Render tree ์์ฑ | 4 | Render tree๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋ ๋๋ง์ ํ๋ค. ์น๋ธ๋ผ์ฐ์ ๋์๊ณผ์ & JS ์ด๋ฒ์๋ JS๊ฐ ์ฒจ๊ฐ๋ ๊ฒฝ์ฐ.. 2022. 2. 23. ์ด์ 1 ๋ค์ ๋ฐ์ํ