์ง๋ ์๊ฐ์๋ ์ ์ฐ๋ฆฌ๋ ๋ฆฌ์กํธ์ ๊ฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด์ผ ํ๋์ง์ Create-React-App์ด ๋ฌด์์ธ์ง์ ๋ํด์ ์์๋ณด์๋ค. ์ด๋ฒ ์๊ฐ์๋ create-reacat-app์ผ๋ก ์ค์ ๋ก ๋ฆฌ์กํธ ๊ฐ๋ฐ์ ์ํ ๊ฐ๋ฐ ํ๊ฒฝ์ ๊ตฌ์ถํด๋ณด์.
ํด๋น ๊ฒ์๋ฌผ์ ์์ค์ฝ๋๋ ๋ฆฌ์กํธ ๊ณต์ ํํ์ด์ง์ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ๋ค ์ด ๊ธ์ ๋๋ค.
๋ฆฌ์กํธ๋ 4 ๊ฐ์ง์ ๋ฐฉ์์ผ๋ก Create-React-App์ ์ฌ์ฉํ ์ ์๋ค.
- NPM
- NPX
- Yarn
- CDN (react)
๋ณ๋ก ์ด๋ ต์ง ์์ผ๋ฏ๋ก ์ฐจ๋ก๋๋ก ๋ด๋ณด์.
์ด๋ค์ค์ ๊ผญ ๋ฌด์์ ์จ์ผํ๋ค๋ ๊ฒ์ ์๋ค. ๊ทธ๋ฅ ์ํ๋ ๋๊ตฌ๋ก ์์์ ํ๋ฉด๋๋ค.
npm์ผ๋ก create-react-app ์์ํ๊ธฐ
npm install -g
๋ pc์ globalํ๊ฒ ์ค์ ํ๋ค๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค.
npx๋ก create-react-app ์์ํ๊ธฐ
npm๊ณผ ๋ค๋ฅธ ์ ์ pc ์ ์ญ์ ํด๋น ๊ธฐ๋ฅ์ enableํ์ง ์๊ณ , 1ํ์ฑ์ผ๋ก create-react-app์ด๋ผ๋ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
Yarn์ผ๋ก create-react-app ์์ํ๊ธฐ
CDN์ผ๋ก React ์์ํ๊ธฐ
CDN์ html์ ๋จ์ง ํ๊ทธ๋ง ์ถ๊ฐํ๋ฉด ๊ทธ์ ๊ด๋ จ๋ ์์กด์ฑ์ ์ฌ์ฉํ ์ ์๊ฒ ๋๋ค.
๋๊ธ