๐โโ๏ธ yarn start ํ์ App.js ์์ ์ ์ค๋ฅ ๋ฐ์ํ ๋
React yarn ์ผ๋ก ์์ ํ ๋ ์ฒ์ ์ ํ๊ฒ ๋๋ ์ค๋ฅ์ธ๋ฐ์ .....
yarn start ํ์ app.js ์์ ํ๋ฉด ์ฌ์ง์ฒ๋ผ ์ค๋ฅ๊ฐ ๋์์ ....
![](https://blog.kakaocdn.net/dn/biPlkp/btsHBQWakk9/zq3rPoO3rCmDanKZPD4ao1/img.png)
์์ธ
์ด์ ๋ create react-app๊ณผ yarn์์ ์ถฉ๋์ด ๋ฐ์ํ๊ธฐ ๋๋ฌธ์ ๋๋ค.. ๊ทธ๋์ eslint๊ด๋ จํด์ ์๋์ ์ผ๋ก ์ค์ ํด์ผํฉ๋๋ค!
๐ฉโ๐ป ์๋ฌ ํด๊ฒฐํ๊ธฐ
1. ํฐ๋ฏธ๋์ ๋จผ์ ๋ฉ์ถฅ๋๋ค! ํฐ๋ฏธ๋์ ํด์งํต ๋๋ฌ๋ ๋๊ณ , ctrl z ํ๋ฉด ๋ฉ๋๋ค
2. yarn add -D eslint-config-react-app ์ถ๊ฐ
3. yarn start ํ๊ณ app.js ์์ ํ๋ฉด ์๋์ฒ๋ผ ๋ ์ค๋ฅ๊ฐ ๋์ค๋๋ฐ์
![](https://blog.kakaocdn.net/dn/wuwof/btsHBOEgFD3/H5Yt1BcKYvNEnVyor0t6i0/img.png)
4. /src ๊ฒฝ๋ก์ .yarnrc.yml ํ์ผ ๋ง๋ค๊ธฐ ๐ ๊ฒฝ๋ก ์ ํ์ธํ๊ธฐ!
![](https://blog.kakaocdn.net/dn/boI0a3/btsHCblo0B5/ZVQRFNLNNfXVathjzPKGsk/img.png)
5. ํ์ผ ๋ง๋ค๊ณ ์๋ ์์ค ํ์ผ์ ๋ฃ๊ธฐ!
packageExtensions:
react-scripts@*:
peerDependencies:
eslint-config-react-app: "*"
6. yarn cache clean ๋ช ๋ น์ด ์ ๋ ฅ
7. yarn install ๋ช ๋ น์ด ์ ๋ ฅ
8. yarn start ๋ช ๋ น์ด ์ ๋ ฅ
![](https://blog.kakaocdn.net/dn/IhOBj/btsHBWotWOy/ZdH633I6u0ePz59ceLPlT1/img.png)
์์ ๋๊ฑฐ ์ ๋์๊ฐ~~~~
์ฐธ๊ณ ์๋ฃ
๋๋ฆผ์ฝ๋ฉ ๋ฆฌ์กํธ ๊ฐ์ ๐
๐โโ๏ธ yarn start ํ์ App.js ์์ ์ ์ค๋ฅ ๋ฐ์ํ ๋
React yarn ์ผ๋ก ์์ ํ ๋ ์ฒ์ ์ ํ๊ฒ ๋๋ ์ค๋ฅ์ธ๋ฐ์ .....
yarn start ํ์ app.js ์์ ํ๋ฉด ์ฌ์ง์ฒ๋ผ ์ค๋ฅ๊ฐ ๋์์ ....
![](https://blog.kakaocdn.net/dn/biPlkp/btsHBQWakk9/zq3rPoO3rCmDanKZPD4ao1/img.png)
์์ธ
์ด์ ๋ create react-app๊ณผ yarn์์ ์ถฉ๋์ด ๋ฐ์ํ๊ธฐ ๋๋ฌธ์ ๋๋ค.. ๊ทธ๋์ eslint๊ด๋ จํด์ ์๋์ ์ผ๋ก ์ค์ ํด์ผํฉ๋๋ค!
๐ฉโ๐ป ์๋ฌ ํด๊ฒฐํ๊ธฐ
1. ํฐ๋ฏธ๋์ ๋จผ์ ๋ฉ์ถฅ๋๋ค! ํฐ๋ฏธ๋์ ํด์งํต ๋๋ฌ๋ ๋๊ณ , ctrl z ํ๋ฉด ๋ฉ๋๋ค
2. yarn add -D eslint-config-react-app ์ถ๊ฐ
3. yarn start ํ๊ณ app.js ์์ ํ๋ฉด ์๋์ฒ๋ผ ๋ ์ค๋ฅ๊ฐ ๋์ค๋๋ฐ์
![](https://blog.kakaocdn.net/dn/wuwof/btsHBOEgFD3/H5Yt1BcKYvNEnVyor0t6i0/img.png)
4. /src ๊ฒฝ๋ก์ .yarnrc.yml ํ์ผ ๋ง๋ค๊ธฐ ๐ ๊ฒฝ๋ก ์ ํ์ธํ๊ธฐ!
![](https://blog.kakaocdn.net/dn/boI0a3/btsHCblo0B5/ZVQRFNLNNfXVathjzPKGsk/img.png)
5. ํ์ผ ๋ง๋ค๊ณ ์๋ ์์ค ํ์ผ์ ๋ฃ๊ธฐ!
packageExtensions:
react-scripts@*:
peerDependencies:
eslint-config-react-app: "*"
6. yarn cache clean ๋ช ๋ น์ด ์ ๋ ฅ
7. yarn install ๋ช ๋ น์ด ์ ๋ ฅ
8. yarn start ๋ช ๋ น์ด ์ ๋ ฅ
![](https://blog.kakaocdn.net/dn/IhOBj/btsHBWotWOy/ZdH633I6u0ePz59ceLPlT1/img.png)
์์ ๋๊ฑฐ ์ ๋์๊ฐ~~~~
์ฐธ๊ณ ์๋ฃ
๋๋ฆผ์ฝ๋ฉ ๋ฆฌ์กํธ ๊ฐ์ ๐