์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Babel๊ณผ Webpack
- Set๊ณผ Map
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ
- ์๋ฐ์คํฌ๋ฆฝํธ
- DOM
- ์ธํฐ๋ท ์ฅ๋น
- const
- ํ๋ก๊ทธ๋๋จธ์ค
- var ์ฌ์ฉ๊ธ์ง
- ๋คํธ์ํฌ ์ฐ๊ฒฐ๊ณผ ๊ตฌ์ฑ์์
- ES6ํจ์ ์ถ๊ฐ๊ธฐ๋ฅ
- ๋น์ ๊ณต์ด์ง๋ง ๊ฐ๋ฐ์๋ก ๋จน๊ณ ์ฝ๋๋ค
- ๋ฅ๋ค์ด๋ธ
- Property Attribute
- ์ด๋ฒคํธ
- ์ฌ๋ฆผํฝ ํต๊ณ ์๋น์ค ์ต์ ํ
- ์ด๋ฏธ์ง ๊ฐค๋ฌ๋ฆฌ ์ต์ ํ
- ๋นํธ์ธ ๊ฐ์ฒด
- ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๊ณผ์
- ํ๋ก ํธ์๋ ์ฑ๋ฅ ์ต์ ํ ๊ฐ์ด๋
- ํ์ ๋ณํ๊ณผ๋จ์ถํ๊ฐ
- ๋์คํธ๋ญ์ฒ๋ง
- ์ ๋๋ ์ดํฐ์ async/await
- ๋ธ๋ก๊ทธ ์๋น์ค ์ต์ ํ
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive
- ๊ธฐ์ ์ปจํผ๋ฐ์ค
- ์ค์ฝํ
- ํ๋กํผํฐ ์ดํธ๋ฆฌ๋ทฐํธ
- ์์๊ฐ๊ณผ๊ฐ์ฒด์๋น๊ต
- ์ ์ญ๋ณ์์๋ฌธ์ ์
- Today
- Total
๋ชฉ๋กDOM (2)
JDevBlog
๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ์์ง์ HTML ๋ฌธ์๋ฅผ ํ์ฑํ์ฌ ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ ์ ์๋ ์๋ฃ๊ตฌ์กฐ์ธ DOM์ ์์ฑํ๋ค. DOM_Document Object Model ์ HTML ๋ฌธ์์ ๊ณ์ธต์ ๊ตฌ์กฐ์ ์ ๋ณด๋ฅผ ํํํ๋ฉฐ ์ด๋ฅผ ์ ์ดํ ์ ์๋ API, ์ฆ ํ๋กํผํฐ์ ๋ฉ์๋๋ฅผ ์ ๊ณตํ๋ ํธ๋ฆฌ ์๋ฃ๊ตฌ์กฐ๋ค. 39.1 ๋ ธ๋ 39.1.1 HTML ์์์ ๋ ธ๋ ๊ฐ์ฒด HTML ์์๋ ๋ ๋๋ง ์์ง์ ์ํด ํ์ฑ๋์ด DOM์ ๊ตฌ์ฑํ๋ ์์ ๋ ธ๋ ๊ฐ์ฒด๋ก ๋ณํ๋๋ค. ์ด๋ HTML ์์์ ์ดํธ๋ฆฌ๋ทฐํธ๋ ์ดํธ๋ฆฌ๋ทฐํธ ๋ ธ๋๋ก, HTML ์์์ ํ ์คํธ ์ฝํ ์ธ ๋ ํ ์คํธ ๋ ธ๋๋ก ๋ณํ๋๋ค. HTML ๋ฌธ์๋ HTML ์์๋ค์ ์งํฉ์ผ๋ก ์ด๋ค์ง๋ฉฐ, HTML ์์๋ ์ค์ฒฉ ๊ด๊ณ๋ฅผ ๊ฐ๋๋ค. ์ฆ, HTML ์์์ ์ฝํ ์ธ ์์ญ(์์ ํ๊ทธ์ ์ข ๋ฃ ํ๊ทธ ์ฌ์ด)์๋ ํ ์คํธ๋ฟ๋ง ์..
DOM ํธ๋ฆฌ์ ์ํ๋ ํธ๋ฆฌ ์๋ฃ๊ตฌ์กฐ์ ์ํ ๋ฐฉ๋ฒ์ ๋ฐ๋ฅธ๋ค. ํธ๋ฆฌ๊ตฌ์กฐ ์ญ์ ์๋ฃ๋ฅผ ํจ์จ์ ์ผ๋ก ํ์ํ๊ณ , ์ฝ์ ์ด๋ ์ญ์ ํ ์ ์๋ ๊ตฌ์กฐ๋ก ์ ์ฅํ๋ ๊ฒ์ ๋ชฉ์ ์ผ๋ก ํ๋ ์๋ฃ๊ตฌ์กฐ์ด๊ธฐ ๋๋ฌธ์ ํจ์จ์ ์ธ ํ์ ๋ฐฉ๋ฒ์ด ์กด์ฌํ๋ค. ํธ๋ฆฌ๋ฅผ ํจ์จ์ ์ผ๋ก ํ์ํ๊ธฐ ์ํด์๋ ํ๊น ๋ ธ๋์ ๋๋ฌํ ๋๊น์ง ์ต์ํ์ ๋ ธ๋๋ค์ ๊ฑฐ์ณ๊ฐ์ผ ํ๋ค. ์ฆ, ์ค๋ณต์ผ๋ก ๋ฐฉ๋ฌธํ๋ ๋ ธ๋๊ฐ ์์ด์ผ ํ๋๋ฐ ์ด๋ฅผ ์ํด ํธ๋ฆฌ๋ฅผ ํ์ํ๋ ๊ณผ์ ์ ๋ฐฉ๋ฌธํ ๋ ธ๋๋ฅผ ๊ธฐ๋กํ๋ ๊ฒ๋ ํฌํจ๋์ด ์๋ค. ํธ๋ฆฌ ์๋ฃ๊ตฌ์กฐ์ ๋ ธ๋๋ฅผ ํ์ํ์ฌ, ์ํ๋ ํ๊น์ ์ฐพ์๋ด๋ ๋ฐฉ๋ฒ์๋ ๊น์ด ์ฐ์ ํ์๊ณผ ๋๋น ์ฐ์ ํ์์ด ์๋ค. ๊น์ด ์ฐ์ ํ์ ๋ฐฉ๋ฒ์ ๋ฃจํธ ๋ ธ๋๋ก๋ถํฐ ๊ณ์ํด์ ์์ ๋ ธ๋๋ก ๋ด๋ ค๊ฐ๋ฉฐ ํ์ํ๋ค๊ฐ ๋ง์ง๋ง ์์ ๋ ธ๋์ ๋๋ฌํ์ ๋, ๋ง์ฝ ์์ง ํ๊น์ ์ฐพ์ง ๋ชปํ๋ค๋ฉด ๋ค์ ๋ถ๋ชจ ๋ ธ๋๋ก ์ฌ๋ผ..