[ReactJS] ReactJS 설치 및 개발환경 구축 (mac)

 

1) 원하는 위치에 프로젝트 폴더 생성 

 

2) node.js 설치 

nodejs.org/ko/download/

다운로드 | Node.js

설치 여부 확인 (노드의 버전확인)
node -v

 

3) ReactJS 설치

설치 전 아래 링크를 꼭 참고할 것

 [ReactJS] npm과 npx의 용어정리 및 차이점 - https://seizemymoment.tistory.com/m/106

[ReactJS] npm과 npx의 용어정리 및 차이점

3-1) npm 사용 

 

npm install -g create-react-app

npm에게 global 하게 사용할 수 있도록 react를 설치해달라고 하는 명령어

 

* 아래의 에러가 발생한다면 sudo npm install -g create-react-app

 

 

 

 

 

3-2) npx 사용 (권장)

 

- npx 설치

sudo npm install npx -g

오류나면 무시하고 npx -v 로 설치여부 및 버전 확인 

 

- react 설치 

npx create-react-app .

 

 

 

 

4) react 실행 

 

- 파일 내에서 npm start 

 

 

 

- chrome에서 http://localhost:3000/ 를 실행했을 때