npm์ Node Package Manager์ ์ฝ์๋ก Node.js๋ฅผ ์ค์นํ ๋ ์๋์ผ๋ก ์ค์น๋๋ ๊ธฐ๋ณธ ํจํค์ง ๊ด๋ฆฌ์์ด๋ค. ์ฌ๊ธฐ์ ํฌ๊ฒ ๋ ๊ฐ์ง์ ์ญํ ์ ์ํํ๋ค.
์จ๋ผ์ธ ํ๋ซํผ ์ญํ ์ ํ๋ค. ์ฌ๋๋ค์ด ๋
ธ๋ ํจํค์ง๋ฅผ ๋ง๋ค๊ณ , ์
๋ก๋ํ๋ฉฐ ๊ณต์ ํ ์ ์๋ ๊ณต๊ฐ์ผ๋ก ๋๊ตฌ๋ ์ง npm ๋ ์ง์คํธ๋ฆฌ์ ๊ฒ์๊ฐ ๋ ํจํค์ง๋ฅผ ์ฌ์ฉํ ์ ์๋ค.๋ช
๋ น ์ค ์ธํฐํ์ด์ค ( CLI )๋ค. ์จ๋ผ์ธ ํ๋ซํผ๊ณผ ์ํธ ์์ฉ์ ์ํ์ฌ CLI๋ฅผ ์ฌ์ฉํด์ ํจํค์ง ์ค์น์ ์ญ์ ๊ฐ ๊ฐ๋ฅํ๋ค.npm์ node.js๋ฅผ ์ค์นํ๋ฉด ์๋์ผ๋ก ์ค์น๊ฐ ๋๊ธฐ ๋๋ฌธ์, node.js๋ฅผ ์ค์นํ๋ค๋ฉด ๋ช
๋ น์ด๋ฅผ ํตํด์ npm์ ๋ฒ์ ผ์ ํ์ธํ ์ ์๋ค.node -v
npm -vyarn์ ํ์ด์ค๋ถ์์ ๊ฐ๋ฐํ Package ๊ด๋ฆฌ์๋ค. React์ ๊ฐ์ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๊ฒช์๋ ์ด๋ ค์์ ํด๊ฒฐํ๊ธฐ ์ํด์ ๊ฐ๋ฐํ๊ฒ ๋์๊ณ , npm ๋ ์ง์คํธ๋ฆฌ์ ํธํ๋๋ฉด์ ์๋๋ ์์ ์ ์ธก๋ฉด์์ npm๋ณด๋ค ํฅ์๋์๋ค.
yarn์ ์ค์นํ ๋๋ ์๋์ ๊ฐ์ด npm์ ํตํด์ ์ ์ญ์ ์ค์นํ๋ค.npm install yarn -g mac์ ์ฌ์ฉํ๋ค๋ฉด brew๋ก๋ ์ค์น๊ฐ ๊ฐ๋ฅํ๋ค.brew update
brew intall yarnnpm๊ณผ yarn์ ํฐ ์น์ด์ ์ Package์ค์น Proccess๋ฅผ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ด๋ค. npm์ Package๋ฅผ ํ๋ฒ์ ํ๋์ฉ ์์ฐจ์ ์ผ๋ก ์ค์นํ์ง๋ง yarn์ ์ฌ๋ฌ ํจํค์ง๋ฅผ ๋์์ ๊ฐ์ ธ์ ์ค์นํ๋๋ก ์ต์ ํ๊ฐ ๋์ด ์๊ธฐ๋๋ฌธ์ ์๋์ ์ธก๋ฉด์์๋ yarn์ด npm๋ณด๋ค ๋ ๋น ๋ฅด๋ค.
yarn์ ๋ณด์ ์ธก๋ฉด์์ npm๋ณด๋ค ๋ ์์ ํ ๊ฒ์ผ๋ก ์๋ ค์ ธ ์๋ค. npm์ ์๋์ผ๋ก Package์ ํฌํจ์ด ๋ Package ์ฝ๋๋ฅผ ์คํํ๋ค. ์ด๋ก์จ ๋ณด์ ์์คํ
์ ๋ช ๊ฐ์ง์ ์ทจ์ฝ์ ์ด ๋ฐ์๋๋ฉด์ ์ถํ์๋ ํฐ ๋ฌธ์ ๋ฅผ ๋ฐ์ํ ์ ์๋ค. ๋ฐ๋ฉด์ yarn์ yarn.lock ํน์ package.json ํ์ผ์ ์๋ ํ์ผ๋ง์ ์ค์นํ๋ค. ๋ณด์์ yarn์ ํต์ฌ ๊ธฐ๋ฅ ์ค ํ๋์ง๋ง ์ต๊ทผ์๋ npm์ ์
๋ฐ์ดํธ๋ก npm์ ๋ณด์ ์
๋ฐ์ดํธ๋ ํฌ๊ฒ ํฅ์์ด ๋์๋ค.
| ๋ช ๋ น์ด | npm | yarn |
|---|---|---|
| dependencies ์ค์น | npm install | yarn |
| Package ์ค์น | npm install [ํจํค์ง๋ช ] | yarn add [ํจํค์ง๋ช ] |
| Dev Package ์ค์น | npm install -D [ํจํค์ง๋ช ] | yarn add -D [ํจํค์ง๋ช ] |
| Global Package ์ค์น | npm install -g [ํจํค์ง๋ช ] | yarn golbal add [ํจํค์ง๋ช ] |
| Package ์ ๊ฑฐ | npm unintall [ํจํค์ง๋ช ] | yarn remove [ํจํค์ง๋ช ] |
| Dev Package ์ค์น | npm unintall -D [ํจํค์ง๋ช ] | yarn remove -D [ํจํค์ง๋ช ] |
| Global Package ์ค์น | npm unintall -g [ํจํค์ง๋ช ] | yarn global remove [ํจํค์ง๋ช ] |
| Update | npm update | yarn upgrade |
| Package Update | npm update [ํจํค์ง๋ช ] | yarn upgrade [ํจํค์ง๋ช ] |
npm๊ณผ yarn์ ์ข
์์ฑ์ ๊ด๋ฆฌํ๊ธฐ ์ข์ผ๋ฉฐ, Package๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ข์ ํด์ด๋ค. ๋ ๋ค ์ง์์ ์ผ๋ก ์
๋ฐ์ดํธ ๋๋ฉด์ ๊ฐ์ ์ด ๋๊ณ , ์
๋ฐ์ดํธ๊ฐ ๋๋ฉด์ ์ด ๋์ ์ฐจ์ด๊ฐ ๊ฑฐ์ ์ฐจ์ด๊ฐ ๋์ง ์๋๋ค. ๋ ์ค ๋ฌด์์ด ์ข๋๋ณด๋ค๋ ๊ฐ์ธ์ ์ทจํฅ์ด๋ Package ์ค์น ์๋ ๋ฑ ํ๋ก์ ํธ์ ๋ฐ๋ผ์ ์ฌ์ฉํ๋ฉด ์ข์ ๊ฑฐ ๊ฐ๋ค.