728x90
๋ฐ˜์‘ํ˜•

๊ฐ€์ƒ dom 1

React] React ๋ž€...?

React ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. (์ตœ๊ทผ์—๋Š” ์ฃผ๋กœ TypeScript๋กœ ๊ตฌํ˜„) Web์—๋งŒ ์žˆ๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๋ฉฐ ๋ชจ๋ฐ”์ผ์—์„œ๋Š” React Navive, ๊ฐ€์ƒ App์—์„œ๋Š” React 360 ๋“ฑ์ด ์‚ฌ์šฉ๋œ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ DOM์˜ ์ƒํƒœ๊ฐ€ ๋ฐ”๋€Œ์—ˆ์„ ๋•Œ, ํŠน์ • DOM์„ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ๋ณด๋‹ค๋Š” ์ฒ˜์Œ๋ถ€ํ„ฐ ๋‹ค์‹œ ํ™”๋ฉด์„ ๊ทธ๋ฆผ์œผ๋กœ์จ, ์—…๋ฐ์ดํŠธํ•  ๋•Œ ๋ณต์žกํ•œ ๋กœ์ง ๋“ฑ ๊ณ ๋ฏผํ•  ๊ฒƒ์ด ์‚ฌ๋ผ์ง€๊ฒŒ ๋์Šต๋‹ˆ๋‹ค. ๋Œ€์‹  ํ™”๋ฉด์€ ์ „๋ถ€ ์ƒˆ๋กœ ๊ทธ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— ์†๋„๊ฐ€ ๊ต‰์žฅํžˆ ๋Š๋ฆด ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ๋˜๋ฉฐ, ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ€์ƒ DOM (Virual DOM)์„ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๊ฐ€์ƒ DOM ์‹ค์ œ ๋ณด์ด๋Š” DOM์ด ์•„๋‹ˆ๋ผ ๋ฉ”๋ชจ๋ฆฌ์— ๊ฐ€์ƒ์œผ๋กœ ์กด์žฌํ•˜๋Š” DOM์œผ๋กœ JS๊ฐ์ฒด์ด๊ธฐ ๋•Œ๋ฌธ์— ์„ฑ๋Šฅ์ด ์‹ค์ œ ๋ธŒ๋ผ์šฐ์ €๋ณด๋‹ค ํ›จ์”ฌ ๋น ๋ฆ…๋‹ˆ๋‹ค...

Front-End/React 2023.06.04
728x90
๋ฐ˜์‘ํ˜•