reactframework 1

[React] SPA ์‹ฑ๊ธ€ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋ž€? ๋ฌด์—‡์ผ๊นŒ.

๋ฆฌ์•กํŠธ ๊ฐœ๋ฐœ ์‹œ์ž‘ํ•˜๊ธฐ์— ์•ž์„œ, ๋ฆฌ์•กํŠธ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ๊ฐœ๋…์„ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค. ์ด๋ฅผ ์œ„ํ•ด ๋จผ์ € ์›น ์„œ๋ฒ„์™€ ์›น ๋ธŒ๋ผ์šฐ์ € ๊ฐ„์˜ ํ†ต์‹  ๊ณผ์ •๊ณผ ์‹ฑ๊ธ€ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์˜ ๊ฐœ๋…์„ ์•Œ์•„์•ผํ•œ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๊ณ  ์‘๋‹ต๋ฐ›๋Š” ๊ณผ์ •๊ณผ SPA๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๋ฐฉ์‹์„ ์ดํ•ดํ•˜๋ฉด, ๋ฆฌ์•กํŠธ์˜ ํ•ต์‹ฌ ๋™์ž‘ ์›๋ฆฌ๋ฅผ ์‰ฝ๊ฒŒ ํŒŒ์•…ํ• ์ˆ˜ ์žˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ด๋Ÿฌํ•œ ๋‚ด์šฉ์„ ๊ฐ„๋žตํ•˜๊ฒŒ ์ •๋ฆฌ ํ•˜์˜€๋‹ค.๋ฆฌ์•กํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ์ดํ•ดํ•˜๊ธฐ๋ฆฌ์•กํŠธ(React)๋Š” 2013๋…„ ํŽ˜์ด์Šค๋ถ์—์„œ ๋ฐœํ‘œํ•œ ์˜คํ”ˆ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ฃผ๋กœ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)๋ฅผ ํšจ์œจ์ ์œผ๋กœ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๊ฐ€์ƒ DOM(Virtual DOM)๊ณผ JSX ๋ผ๋Š” ์ƒˆ๋กœ์šด ๋ฐฉ์‹์œผ๋กœ ํšจ์œจ์ ์ธ ๋ Œ๋”๋ง ์ง€์›ํ”„๋ก ํŠธ์—”๋“œ๋Š” ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ..

React 2024.09.24