New Score :0
High Score :0
Run Best
NICE BUSINESS TYPE INDICATOR
3. ๊ธ์ ์ ์น๊ตฌ์๊ฒ ๋น๋ ธ๋๋ฐ ์ค๋์ด ๋์ ์ฃผ๊ธฐ๋ก ํ๋ .. ๊ทธ๋ฐ๋ฐ ์นด๋๊ฐ์ ๋ด์ผํ๋ ๋ ๋ ์ค๋์ธ๋ฐ... ์ด๊ฑธ ์ด์ฉ๋...
4. ์ฐ๋ฆฌ ํ์ฌ๋ ์ค์ํ ์์ฌ ๊ฒฐ์ ์ ํ ๋?
5. ์ด์ฌํ ์ผํ ๋๋ฅผ ์ํ ์ ๋ฌผ์ ์ฃผ๊ณ ์ถ๋ค. ์ด๋ค๊ฒ ์ข์๊น?
6. ์ํ์์ ํฌ์์ํ์ ์ถ์ฒ๋ฐ์๋ค. ์ด๋ค๊ฑธ ๊ฐ์ ํ์ง?
7. ํ์ฌ์์์ ๋๋?
8. ๊ฟ์์ ๊นจ์ด๋๋ 20๋ ์ ์ผ๋ก ๋์๊ฐ๋ค. ๋น์ ์ด ์ ์ผ ๋จผ์ ํ๋์ผ์?
9. ๋ด๊ฐ ์ธ์ฌ ๋ด๋น์๋ผ๋ฉด ์ ๊ท ์ ์ฌ์ ์ฑ์ฉ ์ ์ ์ผ ์ค์ํ๊ฒ ๋ณด๋๊ฒ์?
10. ํ์ฌ์ ์ ๋ง ์ซ์ดํ๋ ๋๋ฃ๊ฐ ์๋ค๋ฉด?
11. ๊ฐ๋ํ ์ง์ ๊ฐ์ฅ์ด ๋์๋ค.. ์๋ ์ ์์ผ ๋ ์ ๋ฌผ์?
12. ํ์ ํ์ฌ ์ถ๊ทผ ์คํ์ผ์?
13.ํ์ฌ ์ฒด์ก๋ํ ํ๋ ๋ ์ด๋ค. ์ค๋ ๋ญํ์ง?
14. ๋์ ์ ๋ฌด ์คํ์ผ์?
๋ง์ฝ ์๋์ฐ 11 ์ด์์ฒด์ ์์ yarn ๋ช ๋ น์ด๊ฐ ์๋ํ์ง ์๋๋ค๋ฉด, ๋ช ๊ฐ์ง ๋จ๊ณ๋ฅผ ๊ฑฐ์ณ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ต๋๋ค.
- Node.js๋ฅผ ์ต์ ๋ฒ์ ์ผ๋ก ์ ๊ทธ๋ ์ด๋ํฉ๋๋ค. Node.js์ ์ต์ ๋ฒ์ ์ ์ค์นํ๋ฉด ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋ ์ ์์ต๋๋ค. Node.js๋ฅผ ์ ๊ทธ๋ ์ด๋ํ๋ ค๋ฉด ๊ณต์ ์น์ฌ์ดํธ์์ ๋ค์ด๋ก๋ํ๊ณ ์ค์นํ๋ฉด ๋ฉ๋๋ค.
- ์์คํ
ํ๊ฒฝ ๋ณ์๋ฅผ ์ค์ ํฉ๋๋ค. Windows 11์์๋ Node.js์ ํจํค์ง ๊ด๋ฆฌ์๋ก Yarn์ ์ฌ์ฉํ๋ ค๋ฉด ์์คํ
ํ๊ฒฝ ๋ณ์๋ฅผ ์ค์ ํด์ผ ํฉ๋๋ค. ์ด๋ฅผ ์ํด ๋ค์๊ณผ ๊ฐ์ ๋จ๊ณ๋ฅผ ์ํํฉ๋๋ค.
- ์ ์ดํ์ ์ด๊ณ , "์์คํ "์ ์ ํํฉ๋๋ค.
- ์ผ์ชฝ ์ฐฝ์์ "๊ณ ๊ธ ์์คํ ์ค์ "์ ์ ํํฉ๋๋ค.
- "ํ๊ฒฝ ๋ณ์" ๋ฒํผ์ ํด๋ฆญํฉ๋๋ค.
- ์์คํ ๋ณ์ ๋ชฉ๋ก์์ "Path"๋ฅผ ์ฐพ์ ์ ํํ ํ, "ํธ์ง" ๋ฒํผ์ ํด๋ฆญํฉ๋๋ค.
- "์๋ก ๋ง๋ค๊ธฐ" ๋ฒํผ์ ํด๋ฆญํ๊ณ , ๋ค์ ๊ฒฝ๋ก๋ฅผ ์ ๋ ฅํฉ๋๋ค: C:\Program Files (x86)\Yarn\bin. ์ด ๊ฒฝ๋ก๋ Yarn์ด ์ค์น๋ ํด๋์ ๋ฐ๋ผ ๋ค๋ฅผ ์ ์์ต๋๋ค.
- ๋ช ๋ น ํ๋กฌํํธ๋ฅผ ๋ค์ ์์ํฉ๋๋ค. ํ๊ฒฝ ๋ณ์๋ฅผ ๋ณ๊ฒฝํ์ผ๋ฉด ๋ช ๋ น ํ๋กฌํํธ๋ฅผ ๋ค์ ์์ํด์ผ ํฉ๋๋ค. ๋ค์ ์์ํ๋ ค๋ฉด ๋ช ๋ น ํ๋กฌํํธ ์ฐฝ์ ๋ซ๊ณ ๋ค์ ์ฝ๋๋ค.
์ด๋ฌํ ๋จ๊ณ๋ฅผ ์ํํ๋ฉด Yarn์ ์ฌ์ฉํ์ฌ Node.js ํ๋ก์ ํธ๋ฅผ ๋น๋ํ๊ณ ์คํํ ์ ์์ต๋๋ค.
yarn ๋ช ๋ น์ด๋ Node.js ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋ ํจํค์ง ๋งค๋์ ์ ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ๋ฉด ํจํค์ง๋ฅผ ์ค์นํ๊ณ , ์์กด์ฑ์ ๊ด๋ฆฌํ๊ณ , ํ๋ก์ ํธ๋ฅผ ๋น๋ํ ์ ์์ต๋๋ค. ์ด์ yarn ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ Node.js ํ๋ก์ ํธ๋ฅผ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค.
- yarn init ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ์ด๊ธฐํํฉ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด package.json ํ์ผ์ด ์์ฑ๋ฉ๋๋ค.
- yarn add ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ํจํค์ง๋ฅผ ์ค์นํฉ๋๋ค. ์๋ฅผ ๋ค์ด, yarn add react ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ค์น๋ฉ๋๋ค. ํจํค์ง ์ด๋ฆ ๋ค์ @๋ฒ์ ์ ๋ถ์ฌ ํน์ ๋ฒ์ ์ ์ค์นํ ์๋ ์์ต๋๋ค.
- yarn remove ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ํจํค์ง๋ฅผ ์ ๊ฑฐํฉ๋๋ค. ์๋ฅผ ๋ค์ด, yarn remove react ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ ๊ฑฐ๋ฉ๋๋ค.
- yarn upgrade ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ํจํค์ง๋ฅผ ์ ๊ทธ๋ ์ด๋ํฉ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด ํจํค์ง์ ์ต์ ๋ฒ์ ์ด ์ค์น๋ฉ๋๋ค.
- yarn install ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ package.json ํ์ผ์ ์ ์๋ ๋ชจ๋ ์์กด์ฑ์ ์ค์นํฉ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด node_modules ํด๋๊ฐ ์์ฑ๋๋ฉฐ, ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋ ๋ชจ๋ ํจํค์ง๊ฐ ์ค์น๋ฉ๋๋ค.
- yarn start ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ์คํํฉ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด package.json ํ์ผ์ scripts ํญ๋ชฉ์์ start ํญ๋ชฉ์ ์ ์๋ ๋ช ๋ น์ด๊ฐ ์คํ๋ฉ๋๋ค.
- yarn build ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ๋น๋ํฉ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด package.json ํ์ผ์ scripts ํญ๋ชฉ์์ build ํญ๋ชฉ์ ์ ์๋ ๋ช ๋ น์ด๊ฐ ์คํ๋ฉ๋๋ค.
์ด๋ฌํ ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ yarn์ ์ฌ์ฉํ์ฌ Node.js ํ๋ก์ ํธ๋ฅผ ๊ด๋ฆฌํ ์ ์์ต๋๋ค. ์ด ํจํค์ง ๋งค๋์ ๋ NPM๋ณด๋ค ๋น ๋ฅด๊ณ , ์์กด์ฑ ๋ฒ์ ์ ๋์ฑ ๋ช ํํ๊ฒ ๊ด๋ฆฌํ ์ ์์ต๋๋ค.
yarn์ ์ค์นํ๋ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
๋จผ์ , Node.js๋ฅผ ์ค์นํฉ๋๋ค. yarn์ ์ฌ์ฉํ๊ธฐ ์ํด์๋ ๋จผ์ Node.js๊ฐ ์ค์น๋์ด ์์ด์ผ ํฉ๋๋ค. Node.js๋ ๊ณต์ ์น์ฌ์ดํธ์์ ๋ค์ด๋ก๋ํ๊ณ ์ค์นํ ์ ์์ต๋๋ค.
yarn์ ์ค์นํฉ๋๋ค. yarn์ Node.js์ ํจํค์ง ๋งค๋์ ์ด๋ฏ๋ก, Node.js๊ฐ ์ค์น๋ ํ ํฐ๋ฏธ๋์์ ๋ค์ ๋ช ๋ น์ด๋ฅผ ์คํํ์ฌ yarn์ ์ค์นํฉ๋๋ค.
npm install -g yarn
์ค์น๊ฐ ์๋ฃ๋๋ฉด, yarn --version ๋ช ๋ น์ด๋ฅผ ์คํํ์ฌ yarn์ด ์ ์์ ์ผ๋ก ์ค์น๋์๋์ง ํ์ธํฉ๋๋ค. ์ด ๋ช ๋ น์ด๋ฅผ ์คํํ๋ฉด ํ์ฌ ์ค์น๋ yarn ๋ฒ์ ์ด ์ถ๋ ฅ๋ฉ๋๋ค.
์ด์ yarn์ ์ฌ์ฉํ์ฌ Node.js ํ๋ก์ ํธ๋ฅผ ๊ด๋ฆฌํ ์ ์์ต๋๋ค. yarn์ Node.js ํจํค์ง ๋งค๋์ ์ค์์๋ ๋์ฑ ๋น ๋ฅด๊ณ , ์์กด์ฑ ๋ฒ์ ์ ๋์ฑ ๋ช ํํ๊ฒ ๊ด๋ฆฌํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ Node.js ๊ฐ๋ฐ์๋ค์ yarn์ ์ฌ์ฉํ์ฌ ํจ์จ์ ์ผ๋ก ํ๋ก์ ํธ๋ฅผ ๊ด๋ฆฌํ ์ ์์ต๋๋ค.