โ 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)์ ๊ท๋ชจ๊ฐ ์ปค์ง..