๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’  ๋ฆฌ์•กํŠธ React1

๋ฆฌ์•กํŠธ์˜ ํŠน์ง• ๋ฆฌ์•กํŠธ(React) ใ„ดReact๋Š” ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœํ•œ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ UI๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ใ„ดReact๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ธด ํ•˜์ง€๋งŒ Redux, react-router์™€ ํ•จ๊ป˜ ํ”„๋ ˆ์ž„์›Œํฌ์ฒ˜๋Ÿผ ์‚ฌ์šฉ๋œ๋‹ค. ใ„ดReact๋Š” Virtual DOM์ด๋ผ๋Š” ๊ฐœ๋…์„ ์‚ฌ์šฉํ•˜์—ฌ ์ƒํƒœ ๋ณ€ํ™”์— ๋”ฐ๋ผ ์„ ํƒ์ ์œผ๋กœ UI๋ฅผ ๋ Œ๋”๋งํ•œ๋‹ค. DOM (Document Object Model) ใ„ด๊ฐ์ฒด๋ฅผ ํ†ตํ•ด ๊ตฌ์กฐํ™”๋œ ๋ฌธ์„œ๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•. (XML,HTML๋กœ ์ž‘์„ฑ) ใ„ด์›น ๋ธŒ๋ผ์šฐ์ €(ํด๋ผ์ด์–ธํŠธ)๋Š” DOM์„ ํ†ตํ•ด์„œ javascript, css๋ฅผ ์ ์šฉํ•œ๋‹ค. DOM์˜ ๋ฌธ์ œ์  ใ„ดDOM API์˜ ์ตœ๋Œ€ ๋ฌธ์ œ์ ์€ ๋™์  UI์— ์ตœ์ ํ™”๋˜์ง€ ์•Š์Œ์ด๋‹ค. ใ„ด๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋˜๋Š” ์ˆ˜ ๋งŽ์€ ๋ฐ์ดํ„ฐ๊ฐ€ ๋กœ๋”ฉ๋˜๊ณ  ํ‘œํ˜„ํ•ด์•ผํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ DOM์— ์ง์ ‘.. 2021. 6. 27.

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