리액트(4)- npm, npx, 프로젝트 생성

npm

npm(Node Package Manager)은 Node.js 프로젝트에서 다양한 오픈소스 라이브러리를 쉽게 설치하게 해준다.

 

npx

Node.js 패키지 중에서 라이브러리가 아니라 독립적으로 실행할 수 있는 프로그램이 있다. 이처럼 프로그램 형태로 동작하는 패키지는 원래 npm i -g형태로 설치해야 하지만 계속 업데이트되어서 최신 버전을 유지하기가 번거롭다. npx는 이런 번거로움을 해결하기 위해 만들어졌다. npx는 패키지들의 가장 최신 버전을 찾아내 npm i -g 명령으로 설치해주는 프로그램이다.

 

리액트 프로젝트 생성(타입스크립트)

리액트 웹 어플리케이션은 CRA라는 프로그램으로 Node.js 프로젝트를 생성한다. 다음 명령어로 타입스크립트용 리액트 프로젝트를 생성하다 이 명령은 npx를 사용해 언제나 최신 버전으로 CRA(create-react-app)를 사용한다.

     npx create-react-app 프로젝트_이름 --template typescript   

*npx는 npm5.2.0 버전부터 추가된 패키지 실행 도구이다.

code 프로젝트_이름 명령어를 입력하면 해당 프로젝트를 대상으로 VSCode가 열린다.