์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- ์ค๋ ๋
- CS
- javascript
- App Runner
- React.js
- react
- ํด์
- BFS
- ๋ฆฌ์กํธ
- html
- ์ ๋ฐ๋ฏธ
- Algorithm
- ํ๋ก์ธ์ค
- typescript
- ์ธ์ฌ์ด๋์์
- ์ ์ง์ฝํฌ๋น
- ip
- ์๋ฐ์คํฌ๋ฆฝํธ
- ๋ฉ๋ชจ๋ฆฌ
- IT๊ฐ๋ฐ์บ ํ
- ํ๋ก๊ทธ๋๋จธ์ค
- ํ๋ก์ ํธ์บ ํ
- ํ์ ์คํฌ๋ฆฝํธ
- ์๊ณ ๋ฆฌ์ฆ
- ๊ฐ๋ฐ์๋ถํธ์บ ํ
- ๋คํธ์ํฌ
- cs #๋คํธ์ํฌ
- react-query
- ์ค๋์ดํผํฉํ ๋ฆฌ
- #ํ๋ก์ ํธ์บ ํ #ํ๋ก์ ํธ์บ ํํ๊ธฐ #์ ๋ฐ๋ฏธ #์ค๋์ดํผํฉํ ๋ฆฌ #์ ์ง์ฝํฌ๋น #์ธ์ฌ์ด๋์์ #IT๊ฐ๋ฐ์บ ํ #๊ฐ๋ฐ์๋ถํธ์บ ํ #๋ฆฌ์กํธ #react #๋ถํธ์บ ํ #๋ฆฌ์กํธ์บ ํ
- Today
- Total
Bin's Blog
npm vs yarn ๋ณธ๋ฌธ
๐ npm๊ณผ yarn
๐ npm๊ณผ yarn์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐํ์ ํ๊ฒฝ์ธ ๋ ธ๋(Node.js)์ ํจํค์ง ๊ด๋ฆฌ์๋ค.
๐ ์ ์ธ๊ณ์ ๊ฐ๋ฐ์๋ค์ด ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ง๋ ๋ค์ํ ํจํค์ง๋ฅผ npm ์จ๋ผ์ธ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ์ฌ๋ฆฌ๋ฉด npm, yarn๊ณผ ๊ฐ์ ํจํค์ง ๊ด๋ฆฌ์๋ฅผ ํตํด ์ค์น ๋ฐ ์ญ์ ๊ฐ ๊ฐ๋ฅํ๋ค.
๐ ๊ทธ๋ฆฌ๊ณ ๋ช ๋ น ์ค ์ธํฐํ์ด์ค(command-line interface, CLI)๋ฅผ ํตํด ํจํค์ง ์ค์น ๋ฐ ์ญ์ ๋ฟ๋ง ์๋๋ผ ํจํค์ง ๋ฒ์ ๊ด๋ฆฌ, ์์กด์ฑ ๊ด๋ฆฌ๋ ํธ๋ฆฌํ๊ฒ ํ ์ ์๋ค.
1๏ธโฃ npm
๐ npm์ ๋ ธ๋ ํจํค์ง ๋งค๋์ (Node Package Manager)์ ์ค์๋ง๋ก ๋ ธ๋๋ฅผ ์ค์นํ ๋ ์๋์ผ๋ก ์ค์น๋๋ ๊ธฐ๋ณธ ํจํค์ง ๊ด๋ฆฌ์์ด๋ค. ํฌ๊ฒ ๋ ๊ฐ์ง ์ญํ ์ ์ํํ๋ค.
1. ์ฒซ ๋ฒ์งธ ์ญํ ์ ์จ๋ผ์ธ ํ๋ซํผ์ด๋ค. ์ฌ๋๋ค์ด ๋ ธ๋ ํจํค์ง๋ฅผ ๋ง๋ค๊ณ , ์ ๋ก๋ํ๊ณ , ๊ณต์ ํ ์ ์๋ ๊ณต์์ผ๋ก ๋๊ตฌ๋ ์จ๋ผ์ธ ํ๋ซํผ(npm ๋ ์ง์คํธ๋ฆฌ)์ ๊ฒ์๋ ํจํค์ง๋ฅผ ์ด์ฉํ ์ ์๋ค.
2. ๋ ๋ฒ์งธ ์ญํ ์ ๋ช ๋ น ์ค ์ธํฐํ์ด์ค์ด๋ค. ์จ๋ผ์ธ ํ๋ซํผ๊ณผ ์ํธ ์์ฉํ๊ธฐ ์ํด ๋ช ๋ น ์ค ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฉํ๋ฉฐ ํจํค์ง ์ค์น ๋ฐ ์ ๊ฑฐ๊ฐ ๊ฐ๋ฅํ๋ค.
๐ง ์ค์น
๐ ๋ ธ๋๋ฅผ ๋ค์ด๋ก๋ํ๋ฉด npm์ด ์์คํ ์ ์๋์ผ๋ก ์ค์น๋๋ค. ๋ ธ๋ ์ค์น ํ ๋ค์๊ณผ ๊ฐ์ ๋ช ๋ น์ ํตํด npm์ด ์ค์น๋์๋์ง ํ์ธํ๊ณ ๋ฒ์ ์ ํ์ธํ ์ ์๋ค.
node -v
npm -v
2๏ธโฃ yarn
๐ yarn์ 2016๋ ํ์ด์ค๋ถ์์ ๊ฐ๋ฐํ ํจํค์ง ๊ด๋ฆฌ์์ด๋ค. React์ ๊ฐ์ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๊ฒช์๋ ์ด๋ ค์์ ํด๊ฒฐํ๊ธฐ ์ํด ๊ฐ๋ฐ๋์๊ณ , npm registry(๋ชจ๋ ๋ณด๊ด์)์ ํธํํ๋ฉด์ ์๋๋ ์์ ์ฑ ์ธก๋ฉด์์ npm๋ณด๋ค ํฅ์๋์๋ค. (ํ์ด์ค๋ถ์ด ๊ณต๊ฐํ article ์ฐธ๊ณ )
๐ง ์ค์น
๐ yarn์ npm ํตํด ์ค์นํ๋ค.
npm install yarn --global
๐ ๋งฅ ์ฌ์ฉ์๋ผ๋ฉด brew๋ฅผ ํตํด ์ค์นํ ์๋ ์๋ค.
brew update
brew install yarn
๐ npm๊ณผ yarn์ ์ฐจ์ด์
1๏ธโฃ ์๋
๐ npm๊ณผ yarn์ ์ฃผ์ ์ฐจ์ด์ ์ค ํ๋๋ ํจํค์ง ์ค์น ํ๋ก์ธ์ค๋ฅผ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ด๋ค. npm์ ํจํค์ง๋ฅผ ํ ๋ฒ์ ํ๋์ฉ ์์ฐจ์ ์ผ๋ก ์ค์นํฉ๋๋ค. ๊ทธ์ ๋นํด yarn์ ์ฌ๋ฌ ํจํค์ง๋ฅผ ๋์์ ๊ฐ์ ธ์ค๊ณ ์ค์นํ๋๋ก ์ต์ ํ๋์ด ์์ด ์๋ ์ธก๋ฉด์์ yarn์ด npm๋ณด๋ค ๋น ๋ฅด๋ค.
2๏ธโฃ ๋ณด์
๐ yarn์ ๋ณด์ ์ธก๋ฉด์์ npm๋ณด๋ค ๋ ์์ ํ ๊ฒ์ผ๋ก ์๋ ค์ ธ ์๋ค. npm์ ์๋์ผ๋ก ํจํค์ง์ ํฌํจ๋ ๋ค๋ฅธ ํจํค์ง ์ฝ๋๋ฅผ ์คํํ๋ค. ์ด๋ก ์ธํด ๋ณด์ ์์คํ ์ ๋ช ๊ฐ์ง ์ทจ์ฝ์ฑ์ด ๋ฐ์ํ๋ฉฐ ๋์ค์ ์ฌ๊ฐํ ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์๋ค. ๋ฐ๋ฉด yarn์ yarn.lock ๋๋ package.json ํ์ผ์ ์๋ ํ์ผ๋ง ์ค์นํ๋ค. ๋ณด์์ yarn์ ํต์ฌ ๊ธฐ๋ฅ ์ค ํ๋์ด์ง๋ง ์ต๊ทผ npm์ ์ ๋ฐ์ดํธ์์ npm์ ๋ณด์ ์ ๋ฐ์ดํธ๋ ํฌ๊ฒ ํฅ์๋์๋ค.
3๏ธโฃ ๋ช ๋ น์ด
๋ช ๋ น์ด | npm | yarn |
dependencies ์ค์น | npm install | yarn |
ํจํค์ง ์ค์น | npm install [ํจํค์ง๋ช ] | yarn add [ํจํค์ง๋ช ] |
dev ํจํค์ง ์ค์น | npm install --save-dev [ํจํค์ง๋ช ] | yarn add --dev [ํจํค์ง๋ช ] |
๊ธ๋ก๋ฒ ํจํค์ง ์ค์น | npm install --global[ํจํค์ง๋ช ] | yarn global add [ํจํค์ง๋ช ] |
ํจํค์ง ์ ๊ฑฐ | npm uninstall [ํจํค์ง๋ช ] | yarn remove [ํจํค์ง๋ช ] |
dev ํจํค์ง ์ ๊ฑฐ | npm uninstall --save-dev [ํจํค์ง๋ช ] | yarn remove [ํจํค์ง๋ช ] |
์ ๋ฐ์ดํธ | npm update | yarn upgrade |
ํจํค์ง ์ ๋ฐ์ดํธ | npm update [ํจํค์ง๋ช ] | yarn upgrade[ํจํค์ง๋ช ] |
4๏ธโฃ ๊ฒฐ๋ก
๐ npm๊ณผ yarn ๋ชจ๋ ์ข ์์ฑ์ ๊ด๋ฆฌํ๊ณ ํจํค์ง๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ข์ ํด์ด๋ค. ๋ ๋ค ์ง์์ ์ผ๋ก ๊ด๋ฆฌ๋๊ณ ์์ผ๋ฉฐ ํญ๋์ ์ฌ์ฉ์ ์ปค๋ฎค๋ํฐ๋ฅผ ๊ฐ์ง๊ณ ์๊ณ , ์ ๋ฐ์ดํธ๋ฅผ ํตํด ์ถ๊ฐ๋ ๊ธฐ๋ฅ ๋๋ถ์ ๊ฑฐ์ ์ฐจ์ด๊ฐ ๋์ง ์๋๋ค. ๊ฒฐ๋ก ์ ์ผ๋ก ๋ ์ค์ ๋ฌด์์ ์ ํํด์ผ ํ ์ง๋ ๊ฐ์ธ ์ ํธ, ์ฑ๋ฅ(ํจํค์ง ์ค์น ์๋), ์ปค๋ฎค๋ํฐ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง ์ ์๋ค.
'JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
this Keyword (0) | 2023.08.30 |
---|---|
๋ฒ๋ค๋ง์ด๋? (0) | 2023.08.26 |
XML (0) | 2023.07.31 |
ํ๋กํ ํ์ (0) | 2023.07.15 |
์ฝ๋ฐฑ ์ง์ฅ(๊ธฐ๋ช ํจ์) (0) | 2023.06.27 |