npm 과 npx 차이점 (feat. create react app 만들기)

ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

우선 react 홈페이지에서 "시작하기" 버튼을 클릭해줍니다.

 

 

형광색 친 부분을 클릭

새로운 어플리케이션을 만들기 위해서 형광색 친 부분을 클릭해줍니다.

 

 

 

추천 툴체인중 원하는거 하나 선택

본인은 Create React App을 선택했습니다.

 

깃허브 소스코드보기

그러면 다음과같은 페이지로 자동으로 이동이 됩니다. 여기서 형광색 친 부분을 클릭하면 깃허브로 소스코드를 제공해주고 있습니다.

 

 

 

1. npm으로 create-react-app을 설치하기

npm install -g create-react-app

 

 

잘 설치되었는지 확인해봅니다.

버전 확인

create-react-app -V

잘 설치된걸 확인 할 수 있습니다.

 

 

 

 

2. npx과 npm의 차이점!

공식문서로 보면 npx로 설치하라고 나옵니다.

 

npm이 프로그램을 설치하라는 의미라면 

npx라는 것은 create-react-app이라는것을 임시로 설치해서 딱한번만 실행하고 지워버리라는 뜻을 가집니다.

--> 좋은점은 컴퓨터의 공간을 낭비하지 않는다는 겁니다!

--> 좋은점은 실행할때마다 다운받기 때문에 항상 최신상태로 있는 겁니다.

 

즉 여기서는 항상 실행할때마다 새로운 버전으로 사용해보라고 권장하는 뜻이 되는겁니다.