header-img
Info :
๊ฐœ์š” 1
list_img
1. ๋ฆฌ์•กํŠธ์˜ ํŠน์ง•๊ณผ ์žฅ๋‹จ์ 
2023.07.24
React ๋ž€? Facebook ์—์„œ ์ฃผ๋„ํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜์—ฌ UI๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” JS ๊ธฐ๋ฐ˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ. React ์ž์ฒด๋กœ๋Š” Framework ๋ผ๊ณ  ๋ถ€๋ฅผ ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ค€์ธ Routing, ์ƒํƒœ๊ด€๋ฆฌ ๊ธฐ๋ณธ ์ œ๊ณต์„ ์ถฉ์กฑํ•˜์ง€ ๋ชปํ•ด์„œ '๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ'์ด์ง€๋งŒ, React ์ƒํƒœ๊ณ„๋กœ์„œ๋Š” Framework. React ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ ๊ธฐ์กด: ํŠน์ • DOM ์„ ์„ ํƒํ•œ ๋’ค, ํ•ด๋‹น DOM์— ์–ด๋–ค ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ์ด์— ๋Œ€ํ•œ change ๊ฐ€ ์ผ์–ด๋‚˜๋„๋ก ์„ค์ •ํ•˜๋Š” ๋ฐฉ์‹. - ์œ ์ €์™€์˜ ์ƒํ˜ธ์ž‘์šฉ์ด ์ž์ฃผ ์ผ์–ด๋‚˜๋Š” ๊ฒฝ์šฐ ์ด์— ๋”ฐ๋ฅธ ๋ณ€ํ™”๋ฅผ ๋™์ ์œผ๋กœ UI์— ํ‘œํ˜„ํ•ด์•ผ ํ•œ๋‹ค๋ฉด ๊ทธ๋งŒํผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋ณต์žกํ•ด์ง€๊ณ  ๊ด€๋ฆฌ๊ฐ€ ํž˜๋“ค์–ด์ง. React ํŠน์ง• 1. ๊ฐ€์ƒ DOM ๊ธฐ์กด์˜ ๊ฒฝ์šฐ ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐ”๋€Œ์–ด๋„ ํ™”๋ฉด ์ „์ฒด๊ฐ€ ๋ฆฌ๋ Œ๋”๋ง ๋˜์–ด์„œ ์ „์ฒด ํ™”๋ฉด์ด ๋‹ค์‹œ ..