[ 1 ] node.js 와 npm 그리고 npx

 

Node.js 와 NPM

브라우저에서만 실행가능하던 javascript 를 다른 언어들처럼 브라우저 외에서 실행하기 위해 만든 실행환경 ( 프로그램 ) 이 node.js 이다.

다른 프로그래머들이 미리 만들어 놓은 코드모음을 다운받을 수 있는 프로그램이 NPM 인데, 요즘은 node.js를 설치하면 자동으로 같이 설치된다.

npmjs.com 사이트에서 다운로드 받을수도 있다

 

npm 과 같은 기능을 하지만  보다 빠른 프로그램인 yarn 도 있다.

yarn 프로그램을 사용하려면  npm 을 통해서 yarn을 다운로드 받아야 한다.

git은 소스코드, npm 과 yarn 은 기능 을 업로드하고 다운로드 한다

 

npx

npx create-react-app

 

리액트 프로젝트를 시작하기 위해서 위의 명령어를 입력하면 리액트 설치가 완료된다. 여기서 npx 명령어가 있는데 이는 npm에서 제공하는 ( 5.2 버전 이상부터 ) 또다른 도구로서 최신 버전의 패키지를 실행해주고 , 패키지는 바로 삭제해 버리는 기능을 한다. 패키지를 글로벌 ( 전역 ) 에 다운로드 받고 실행하던 것을 더 쉽게 npx로 제공하는 것이다. 지금처럼 설치시에 한번만 실행할 패키지들은 npm 으로 다운받아서 실행할 필요 없이 간단하게 npx 를 이용하면 된다.

 

 

리액트 설치시 기본적인 파일 구조 

 

npm 명령어와 yarn 명령어 의 실행 기능 

yarn dev

 

위에서 설명한 패키지 관리 프로그램 npm 과 yarn 은 패키지 설치를 도와주기도 하지만 패키지의 실행 명령어로도 사용된다.

next 프로그램을 실행하고자 하면 위의 명령어를 입력하면 된다.

이 명령어들은 package.json에서 확인해볼 수 있다

yarn dev명렁어를 실행하면 next dev가 실행되는 구조