REACT

๐ŸŒ ๋ฆฌ์•กํŠธ ๋ฉ”ํƒ€์—์„œ ๊ฐœ๋ฐœํ•œ ์˜คํ”ˆ ์†Œ์Šค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ํŽ˜์ด์ง€ ์ „ํ™˜ ๋ฐ ์‚ฌ์šฉ์ž UI ๋ถ€๋ถ„์—์„œ ์ƒ๋‹นํžˆ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์ž‘๋™ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ๋˜๋Š” html์„ ํ•จ์ˆ˜, array, object์— ๋ณด๊ด€ํ•˜์—ฌ ์žฌ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜์—ฌ ํฐ ํ”„๋กœ์ ํŠธ์ผ์ˆ˜๋ก html ๊ด€๋ฆฌ๊ฐ€ ํŽธํ•ด์ง„๋‹ค. https://ko.legacy.reactjs.org/ React – ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ A JavaScript library for building user interfaces ko.legacy.reactjs.org โฌ‡๏ธ Install ๋ฆฌ์•กํŠธ ๊ฐœ๋ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด์„œ nodejs๋ฅผ ์„ค์น˜ํ•ด์•ผํ•œ๋‹ค. ์„ค์น˜๊ฐ€ ๋˜์–ด์žˆ๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ(CMD)๋ฅผ ์—ด์–ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑํ•œ๋‹ค. ..
์ฐธ๊ณ  ์‚ฌ์ดํŠธ ๋‚˜๋ฌด๋ฅผ ์‹ฌ์€์‚ฌ๋žŒ๋‹˜์˜ ํ‹ฐ์Šคํ† ๋ฆฌ ํ›„๋””๋‹˜์˜ ๋ธ”๋กœ๊ทธ ๋ถˆํƒ€๋Š” ํ‚ค๋ณด๋“œ๋‹˜์˜ ํ‹ฐ์Šคํ† ๋ฆฌ ํ‘ธ๋ฅด๊ณ  ๊ฐœ๋ฐœ๋‹˜์˜ ํ‹ฐ์Šคํ† ๋ฆฌ ๐Ÿ”“ ๋กœ๊ทธ์ธ ๋ฐฉ์‹ ์ดํ•ด ๋กœ๊ทธ์ธ์€ ํฌ๊ฒŒ ์„ธ์…˜๋ฐฉ์‹๊ณผ ํ† ํฐ ์ธ์ฆ ๋ฐฉ์‹์œผ๋กœ ๊ตฌ๋ถ„๋œ๋‹ค. HTTP๋Š” statelessํ•œ ํŠน์„ฑ์„ ๊ฐ€์ง€๋ฉฐ, ๋ฐ”๋กœ ์ง์ „์˜ ์ƒํƒœ ๋˜ํ•œ ์ €์žฅ์ด ๋˜์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋ ‡๋‹ค๊ณ  ์šฐ๋ฆฌ๋Š” ์„œ๋ฒ„์— ์š”์ฒญํ•  ๋•Œ๋งˆ๋‹ค ํ˜ธ์ถœํ•  ๋•Œ๋งˆ๋‹ค ๋กœ๊ทธ์ธ์ฐฝ์„ ์—ด๊ณ  ์ธ์ฆํ•˜์ง€ ์•Š๋Š”๋‹ค. ์œ ์ €๊ฐ€ ๋กœ๊ทธ์ธ์„ ์„ฑ๊ณตํ•˜์—ฌ ์„œ๋ฒ„์— ์ธ์ฆ๋œ ํšŒ์›์ธ ๊ฒƒ์ด ํ™•์ธ๋˜๋ฉด ์œ ์ €์—๊ฒŒ ์„ธ์…˜ ๋˜๋Š” ํ† ํฐ์„ ๋ฐœ๊ธ‰ํ•œ๋‹ค. ๊ทธ๋Ÿผ ์œ ์ €๋Š” ์„ธ์…˜ ๋˜๋Š” ํ† ํฐ์„ ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€ ๋˜๋Š” ๐ŸชCookie๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญํ•  ๋•Œ๋งˆ๋‹ค ์„ธ์…˜ ๋˜๋Š” ํ† ํฐ์„ ๋ณด๋‚ธ๋‹ค. ๐Ÿ”‘ Session ๋ฐฉ์‹ ์„ธ์…˜ ๋ฐฉ์‹์€ ์‚ฌ์šฉ์ž์˜ ์ธ์ฆ ์ •๋ณด๊ฐ€ ์„œ๋ฒ„์˜ ์„ธ์…˜ ์ €์žฅ์†Œ์— ์ €์žฅํ•˜๊ณ , ์‚ฌ์šฉ์ž์—๊ฒŒ ์ €์žฅ๋œ ์„ธ์…˜ ์ •๋ณด ์‹๋ณ„์ž..
ma.caron_g
'REACT' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก (2 Page)