๋กœ์ผ“๐Ÿพ
article thumbnail
[JS]DOM ์‰ฝ๊ฒŒ ์ดํ•ดํ•˜๊ธฐ!! ๊ณ ์ฒ™์Šค์นด์ด๋” ์•„๋‹™๋‹ˆ๋‹ค
... 2020. 12. 23. 12:38

์›น ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์ด๋ผ๋ฉด DOM ์ด๋ผ๋Š” ๋‹จ์–ด ํ•œ๋ฒˆ์ •๋„๋Š” ๋“ค์–ด๋ณด์…จ์„ ๊ฒ๋‹ˆ๋‹ค. ์ € ์—ญ์‹œ DOM์— ๋Œ€ํ•ด ๋งŽ์ด ๋“ค์–ด๋ดค์ง€๋งŒ ์ •ํ™•ํžˆ ๊ทธ๊ฒŒ ๋ฌด์—‡์ธ์ง€๋Š” ์ž˜๋ชฐ๋ž์Šต๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ๊ถ๊ธˆํ•œ ๊ฒƒ์— ๋Œ€ํ•ด ๊ทธ๋ƒฅ ๋„˜์–ด๊ฐ€๋ฉด ์•ˆ๋˜๊ธฐ์— DOM์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•ด๋ดค์Šต๋‹ˆ๋‹ค. Aldev๋‹˜, Code Playground๋‹˜, WIT๋ธ”๋กœ๊ทธ์˜ ๊ณ ์šฐ์˜๋‹˜์˜ ์ž๋ฃŒ๋ฅผ ํ† ๋Œ€๋กœ ์ œ๊ฐ€ ์ดํ•ดํ•œ ๋‚ด์šฉ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. ํ‹€๋ฆฐ ๋ถ€๋ถ„์ด ์žˆ์œผ๋ฉด ์–ธ์ œ๋“  ์ง€์ ํ•ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ฐธ๊ณ ํ•œ ๋ธ”๋กœ๊ทธ๋“ค์— ๋Œ€ํ•ด์„œ๋Š” ํ•˜๋‹จ์— ์ฃผ์†Œ๋ฅผ ๋‚จ๊น๋‹ˆ๋‹ค. l BOM ๊ณผ DOM ์›น์€ ๊ธฐ๋ณธ์ ์œผ๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์„œ๋น„์Šค ๋ฉ๋‹ˆ๋‹ค. ํฌ๋กฌ, ์‚ฌํŒŒ๋ฆฌ, ์ต์Šคํ”Œ๋กœ์–ด ๋“ฑ์ด ๋ฐ”๋กœ ์›น ๋ธŒ๋ผ์šฐ์ € ์ž…๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” html ์ฝ์–ด๋“ค์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ธŒ๋ผ์šฐ์ €์™€ ๊ด€๋ จ๋œ ๊ฐ์ฒด๋“ค์˜ ์ง‘ํ•ฉ์„ ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ ์ฆ‰..

profile on loading

Loading...