REACT

โœ” React ํ”„๋กœ์ ํŠธ 1. ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ $ npx create-react-app file-name ๋Œ€๋ฌธ์ž ์‚ฌ์šฉ ๋ถˆ๊ฐ€๋Šฅ ๋‹จ์–ด ์—ฌ๋Ÿฌ ๊ฐœ ์‚ฌ์šฉ์‹œ ํ•˜์ดํ”ˆ(-) ๊ธฐํ˜ธ๋กœ ๊ตฌ๋ถ„ 2. ํ”„๋กœ์ ํŠธ ์‹คํ–‰ $ npm start 3. ํด๋” ๊ตฌ์กฐ ๐Ÿ“‚ public ๊ฐ€์ƒ DOM์„ ์œ„ํ•œ html ํŒŒ์ผ์ด ๋“ค์–ด์žˆ๋Š” ๊ณณ index.html (์‹ค์ œ ๋ฉ”์ธ ํŽ˜์ด์ง€) ๐Ÿ“‚ src ์‹ค์ œ React ์ฝ”๋“œ(์ปดํฌ๋„ŒํŠธ)๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ณณ App.js ์ฝ”๋“œ ์งœ๋Š” ๋ฉ”์ธํŽ˜์ด์ง€ ์‹ค์ œ ๋ฉ”์ธํŽ˜์ด์ง€์ธ index.html ํŒŒ์ผ์— ์—ฐ๊ฒฐ index.js ์ž…๊ตฌ #root . . . ๊ทธ ์™ธ node_modules, package.json, package-lock.json ๋ชจ๋ฅด๋Š” ๋ถ„๋“ค์€ ์•„๋ž˜ ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š” ! ๐Ÿ‘‡๐Ÿป๐Ÿ‘‡๐Ÿป๐Ÿ‘‡๐Ÿป https://oooooooooooo.tistory..
โœ” React ๋ž€ ? ํ™”๋ฉด์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ์ž์˜ View์—๋งŒ ์ดˆ์ ์„ ๋‘” Facebook์ด ๊ฐœ๋ฐœํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ˜„์žฌ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ๊ฐ€์žฅ ๋งŽ์ด ํ™œ์šฉ๋˜๊ณ  ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ, ์‚ฌ์šฉ์ž ์ •์˜ ํƒœ๊ทธ(์ปดํฌ๋„ŒํŠธ)๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ณ , ์‚ฌ์šฉ์ž์™€ ์ƒํ˜ธ ์ž‘์šฉ์ด ๊ฐ€๋Šฅํ•œ ๋™์  UI ์ œ์ž‘์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜๋Š” React์˜ ๊ณต์‹๋ฌธ์„œ์ž…๋‹ˆ๋‹ค. The library for web and native user interfaces https://react.dev/ React The library for web and native user interfaces react.dev โœ” React ์˜ ํŠน์ง• ํŠน์ง• 1. Data Flow ์–‘๋ฐฉํ–ฅ์ด ์•„๋‹Œ, ๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„ ์–‘๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ(์˜ˆ: Angular JS)์€ ๊ทœ๋ชจ๊ฐ€ ์ปค์งˆ..
Sehwaly
'REACT' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก