๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

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.
๋ฐ˜์‘ํ˜•