profile
Sonny
Junior FrontEnd Developer ๐Ÿ˜Ž
๊ธ€์‹œ๋ฆฌ์ฆˆ์†Œ๊ฐœ
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (74)JavaScript(29)๋ฐ๋ธŒ์ฝ”์Šค(13)programmers(12)KDT(12)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค(12)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž(11)webpack(10)ํšŒ๊ณ (7)๊ทธ๋ ™(6)๋ถ€ํŠธ์บ ํ”„(5)ํšŒ๊ณ ์ผ๊ธฐ(5)vanilla(5)jquery(5)typescript(5)component(5)React(5)vue.js(4)๊ฐœ๋ฐœ์ž์„ฑ์žฅ์ผ๊ธฐ(4)๋ฐ”๋‹๋ผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(4)ํ† ์ดํ”„๋กœ์ ํŠธ(3)ํด๋ก ์ฝ”๋”ฉ(2)๋ธŒ๋ผ์šฐ์ €(2)ํ”„๋ก ํŠธ์—”๋“œ(2)programming(2)CSS(2)๊ฐœ๋ฐœ์ž๋ฉด์ ‘(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค(1)ํ›„๊ธฐ(1)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ฑ…์ถ”์ฒœ(1)๊ฐœ๋ฐœ๋…ํ›„๊ฐ(1)์ฝ”๋”ฉ ๋ถ€ํŠธ ์บ ํ”„(1)web(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๊ตญ๋น„ ์ง€์› ํ›„๊ธฐ(1)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค ํ›„๊ธฐ(1)์ฝ”๋”ฉ ๊ต์œก(1)K-๋””์ง€ํ„ธ ํŠธ๋ ˆ์ด๋‹(1)ํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ์ž๊ฐ€ํ•˜๋Š”์ผ(1)User Interface(1)DOM(1)babel(1)ํ”„๋ŸฐํŠธ์—”๋“œ์ฑ…์ถ”์ฒœ(1)html(1)๊ฐœ๋ฐœ์ž์ฑ…์ถ”์ฒœ(1)CSR(1)SSR(1)ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž(1)๋‚ด์ผ๋ฐฐ์›€์นด๋“œ(1)๋ฐ”๋‹๋ผํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(1)
post-thumbnail

DOM์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

์›น ํŽ˜์ด์ง€๊ฐ€ ๋งŒ๋“ค์–ด์ง€๋Š” ๋ฐฉ๋ฒ• ๋จผ์ € DOM์„ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์›น ํŽ˜์ด์ง€์˜ ๋นŒ๋“œ๊ณผ์ •์„ ์•Œ์•„์•ผ ํ•œ๋‹ค. Critical Rendering Path ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์„œ๋ฒ„์—์„œ ํŽ˜์ด์ง€์— ๋Œ€ํ•œ HTML ์‘๋‹ต์„ ๋ฐ›์œผ๋ฉด ํ™”๋ฉด์— ํ‘œ์‹œ๋˜๊ธฐ ์ „์— ๋งŽ์€ ๋‹จ๊ณ„๋ฅผ ๊ฑฐ์ณ์•ผ ํ•˜๋Š”๋ฐ ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์›๋ณธ HTML ๋ฌธ์„œ๋ฅผ ์ฝ์–ด๋“ค์ธ ํ›„, ์Šคํƒ€์ผ์„ ์ž…ํžˆ๊ณ  ๋Œ€ํ™”ํ˜• ํŽ˜์ด์ง€๋กœ ๋งŒ๋“ค์–ด ๋ทฐ ํฌํŠธ์— ํ‘œ์‹œํ•˜๊ธฐ๊นŒ์ง€...

DOM
2019๋…„ 9์›” 3์ผ
ยท
6๊ฐœ์˜ ๋Œ“๊ธ€