react 설치

hot_py 2020. 3. 4. 14:36

 

window 환경에서의 react 설치 입니다.

리눅스 or 맥os 도 가능합니다.

 

0. react를 설치하기 전에 node.js가 설치 되어있는지 npm이 설치 되어있는지 확인합니다.

node -v
npm -v

 

설치가 되어있지 않다면 설치를 진행하여줍니다.

https://webhotpy.tistory.com/20

 

node.js 설치

윈도우 환경에서 node.js 설치 하는 방법입니다. 1. node.js 사이트에서 node.js 를 설치 윈도우 환경이 아닌 리눅스 맥 os도 동일합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime..

webhotpy.tistory.com

 

 

1.  window 환경은 명령 프롬프트(cmd)

리눅스나 맥os는0 터미널을 열어준 뒤 cd명령을 이용해 react 설치를 진행할 폴더로 이동한다.

 

 

2. react를 설치한다.

react를 설치할때는 npm과 npx 2가지의 명령어를 이용하여 설치가 가능하다.

2가지 명령다 설치는 가능하지만 npx는 일회용 설치 및 실행이기에 npx를 이용해 설치를 진행하면 항상 회신버전을 사용할 수 있기때문에 npm 대신 npx 명령어를 사용하여 설치하여 사용한다.

npx create-react-app [생성할 디렉토리 명]

설치가 완료 된것을 확인할 수 있다.

 

3. react 설치 확인

 

react 설치를 진행한 디렉토리를 들어가면 정상적으로 생성된 것을 확인할 수 있다.

 

 

에디터로 해당 폴더를 열게되면 react의 설치가 정상적으로 완료된 것을 확인할 수 있다.