[ 생활 코딩 - react ] (2) 개발 환경 구축

 

• npm : node.js를 이용한 여러 앱들을 설치 가능하게 해주는 도구. 

1. Node.js 홈페이지에서 node.js를 설치해준다. 왼쪽은 안정화된 이전 버전, 오른쪽은 최신 버전이다.

 

2. 윈도우키 + R을 눌러서 실행 프로그램이 뜬다. 그곳에 cmd를 검색하여 실행해준다.

(윈도우키를 누르고 cmd를 검색한 후 ctrl+shift+enter를 누르면 관리자 모드로 열린다.)

명령창에 npm -v 를 입력한다.

[ 1. npm을 사용하는 방법 ]

npm install -g create-react-app 를 입력하여 리액트 앱을 만들어 준다.

[ 2. npx를 사용하는 방법 ]

npx install -g create-react-app 를 입력하여 리액트 앱을 만들어 준다.

 

npm과 npx의 차이점

npm이 그 프로그램을 설치하는 프로그램. npx(최신버전으로 유지해줌.)는 크리에이트 리엑트 앱을 임시로 설치하고 지우는 역할.

 

3. 사용할 폴더를 만들어준다. (ex : react_app폴더) 이 폴더를 리엑트 개발환경으로 만들어 달라고 할 것이다.

 

4. cmd에서 해당 폴더로 이동해준다.

5. 해당 폴더에서 create-react-app . 을 입력해준다. 여기서 ' . ' 은 현재 디렉토리를 말한다.

 

 

이로써 create-react-app에 의해서 현재 디렉토리에 개발 환경이 만들어진다.