728x90
๋ฐ˜์‘ํ˜•

Repaint 1
๋ Œ๋”๋ง์ด๋ž€?

์‚ฌ์šฉ์ž๊ฐ€ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์›น์‚ฌ์ดํŠธ๋ฅผ ์ ‘์†ํ•˜๋ฉด, ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ HTML, CSS๋“ฑ ์›น์‚ฌ์ดํŠธ์— ํ•„์š”ํ•œ ๋ฆฌ์†Œ์Šค๋ฅผ ๋‹ค์šด ๋ฐ›๋Š”๋‹ค. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋งํ•˜๋ ค๋ฉด ๋จผ์ € HTML์ฝ”๋“œ๋Š” DOM, CSS๋Š” CSSOMํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•ด์•ผ ํ•œ๋‹ค. 1-1. DOM ํŠธ๋ฆฌ ์ƒ์„ฑ - ๋ณ€ํ™˜ : ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML์˜ ์›์‹œ Byte๋ฅผ ์ฝ์–ด์™€์„œ, HTML์— ์ •์˜๋œ ์ธ์ฝ”๋”ฉ( UTF-8 )์— ๋”ฐ๋ผ ๊ฐœ๋ณ„ ๋ฌธ์ž๋กœ ๋ณ€ํ™˜ - ํ† ํฐํ™” : ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ฌธ์ž์—ด์„ W3Cํ‘œ์ค€์— ์ง€์ •๋œ ๊ณ ์œ  ํ† ํฐ์œผ๋กœ ๋ณ€ํ™˜ - ๋ ‰์‹ฑ : ๋ฐฉ์ถœ๋œ ํ† ํฐ์€ ํ•ด๋‹น ์†์„ฑ ๋ฐ ๊ทœ์น™์„ ์ •์˜ํ•˜๋Š” "๊ฐ์ฒด"๋กœ ๋ณ€ํ™˜ - DOM ์ƒ์„ฑ : ๋งˆ์ง€๋ง‰์œผ๋กœ HTML ๋งˆํฌ์—…์— ์ •์˜๋œ ์—ฌ๋Ÿฌ ํƒœ๊ทธ ๊ฐ„์˜ ๊ด€๊ณ„๋ฅผ ํ•ด์„ํ•ด์„œ ํŠธ๋ฆฌ๊ตฌ์กฐ๋กœ ์—ฐ๊ฒฐ ๋ธŒ๋ผ์šฐ์ €๋Š” HTML ๋งˆํฌ์—… ์ฒ˜๋ฆฌ๋ฅผ ํ•  ๋•Œ๋งˆ๋‹ค ์œ„์˜ ๋ชจ๋“  ๋‹จ๊ณ„ ์ˆ˜ํ–‰ 1-2. CSSOM ํŠธ..
Front 2022.04.08
1
๋”๋ณด๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”