Intro
์๋ ํ์ธ์. ์ด๋ฒ ์๊ฐ์๋ npm๊ณผ npx์ ์ฐจ์ด์ ์ ๋ํด ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. next.js ํ๋ ์์ํฌ์์ ์ด๊ฒ์ ๊ฒ ํ ์คํธ ํด๋ณด๋ฉด์ ์๋์ ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ๋๋ฐ์, npm๊ณผ npx์ ์ฐจ์ด์ ์ด ๊ถ๊ธํด์ง๋๋ผ๊ณ ์.
npx create-next-app@latest --typescript
NPM, NPX
npm๊ณผ npx๋ ๋ชจ๋ Node.js ํจํค์ง ๋งค๋์ (NPM)์์ ์ ๊ณตํ๋ ๋๊ตฌ์ ๋๋ค.
NPM
npm์ Node.js ํจํค์ง๋ฅผ ์ค์น, ๊ด๋ฆฌ ๋ฐ ๊ณต์ ํ๊ธฐ ์ํ ๋๊ตฌ์ ๋๋ค. npm์ ์ฌ์ฉํ์ฌ ํจํค์ง๋ฅผ ์ค์นํ๊ณ ๊ด๋ฆฌํ ์ ์์ต๋๋ค. ํจํค์ง๋ Node.js ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ๋ฐํ๊ธฐ ์ํ ๋ชจ๋๋ค์ ๋๋ค.
NPX(execute npm package binaries)
npm ํจํค์ง๋ฅผ ์คํํ๊ธฐ ์ํ ๋๊ตฌ์ ๋๋ค. ๋ก์ปฌ์์ ์ค์น๋ ํจํค์ง๋ฅผ ์คํํ๊ฑฐ๋ ์ผ์์ ์ผ๋ก ์ฌ์ฉํ๊ธฐ ์ํ ๊ฒ์ ๋๋ค. npx๋ ๊ธ๋ก๋ฒ ํจํค์ง๊ฐ ์๋ ํจํค์ง๋ฅผ ์คํํ๊ธฐ ์ํด ์ฌ์ฉํ ์ ์์ต๋๋ค.
+) ๊ธ๋ก๋ฒํ๊ฒ ์ค์นํ๋ฉด ์ฉ๋์ ์ฐจ์งํ๊ณ , ๋์ค์ ์ฌ์ฉํ๋ ค๊ณ ํ ๋ ์ด๋ฏธ ์ฌ๋๋ฒ์ ์ผ ๊ฐ๋ฅ์ฑ์ด ๋์ ๋๊ฐ ๋ง์๋ฐ์, ์ด๋ด ๋ ์ ์ฉํ๊ฒ ์ฐ์ด๋ ๋๊ตฌ์ ๋๋ค.
Difference
npm์ ํจํค์ง๋ฅผ ์ค์นํ๊ณ ๊ด๋ฆฌํ๋ ๋ฐ ์ฌ์ฉ๋๊ณ , npx๋ ํจํค์ง๋ฅผ ์คํํ๋๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.