npm vs npx

../jiwon/heoΒ·2023λ…„ 10μ›” 11일
0

1. npm (Node Package Manager)

πŸ’‘ λͺ©μ 
Node.js νŒ¨ν‚€μ§€λ₯Ό κ΄€λ¦¬ν•˜κ³  λ°°ν¬ν•˜λŠ” 데 μ‚¬μš©λœλ‹€.
πŸ’‘ μ‹œλ‚˜λ¦¬μ˜€
ν”„λ‘œμ νŠΈμ˜ μ˜μ‘΄μ„± νŒ¨ν‚€μ§€λ₯Ό 관리할 λ•Œ 주둜 μ‚¬μš©λœλ‹€. ex) npm install package-name λͺ…λ ΉμœΌλ‘œ ν”„λ‘œμ νŠΈμ— νŒ¨ν‚€μ§€λ₯Ό μ„€μΉ˜ν•  수 μžˆλ‹€.

2. npx

πŸ’‘ λͺ©μ 
λ‘œμ»¬μ— μ„€μΉ˜λ˜μ–΄ μžˆμ§€ μ•Šμ€ νŒ¨ν‚€μ§€λ‚˜ 도ꡬλ₯Ό μΌνšŒμ„±μœΌλ‘œ μ‹€ν–‰ν•˜λŠ” 데 μ‚¬μš©λœλ‹€. npxλ₯Ό μ‚¬μš©ν•˜λ©΄ λͺ…령을 μ‹€ν–‰ν•  λ•Œ 맀번 νŒ¨ν‚€μ§€λ₯Ό κΈ€λ‘œλ²Œλ‘œ μ„€μΉ˜ν•  ν•„μš”κ°€ μ—†μ–΄μ§„λ‹€.
πŸ’‘ μ‹œλ‚˜λ¦¬μ˜€
μΌνšŒμ„±μœΌλ‘œ μ‹€ν–‰ν•΄μ•Ό ν•˜λŠ” λ„κ΅¬λ‚˜ 슀크립트, λΉŒλ“œ 도ꡬ, ν…ŒμŠ€νŠΈ λŸ¬λ„ˆ 등을 μ‚¬μš©ν•  λ•Œ μœ μš©ν•˜λ‹€. ν”„λ‘œμ νŠΈ μ™ΈλΆ€μ—μ„œ κ°€μ Έμ˜¬ ν•„μš”κ°€ μžˆλŠ” 도ꡬ듀을 npx λ₯Ό 톡해 μ‹€ν–‰ν•  수 μžˆλ‹€.

❗ μš”μ•½

create-react-app κ³Ό 같은 도ꡬλ₯Ό μ„€μΉ˜ν•˜κ³  μ‹€ν–‰ν•˜λ €λ©΄ npm install -g create-react-app을 μ‚¬μš©ν•΄ κΈ€λ‘œλ²Œλ‘œ μ„€μΉ˜ν•  수 μžˆλ‹€. κ·ΈλŸ¬λ‚˜ npx create-react-app my-app λͺ…령을 μ‚¬μš©ν•˜λ©΄ κΈ€λ‘œλ²Œλ‘œ μ„€μΉ˜ν•˜μ§€μ•Šκ³  create-react-app 을 μΌνšŒμ„±μœΌλ‘œ μ‹€ν–‰ν•  수 μžˆλ‹€. μ΄λ ‡κ²Œ μ²˜λ¦¬ν•˜λ©΄ ν•΄λ‹Ή λͺ…령이 ν•„μš”ν•œ ν”„λ‘œμ νŠΈλ§ˆλ‹€ μƒˆλ‘œμš΄ λ²„μ „μ˜ 도ꡬλ₯Ό μ‚¬μš©ν•  수 있게 λœλ‹€.

즉, npm 은 νŒ¨ν‚€μ§€ 관리에 μ‚¬μš©λ˜κ³ , npx λŠ” μΌνšŒμ„± λͺ…λ Ή 싀행에 μ‚¬μš©λœλ‹€.

profile
virtuous circle : μ‹œλ„ - ꡬ글링 - λ¬Έμ œν•΄κ²° - 반볡

0개의 λŒ“κΈ€