[React] 개발 환경 구축하기

1. Node.js 설치 (npm 사용하기 위함)

nodejs.org/en/

Node.js

Node.js 웹사이트에 들어가서 최신이나 최적화된 파일을 다운로드한다. 

 

npm -V 명령어를 통해서 설치가 잘 된 것 확인한다.

2. npm install -g create-react-app 을 이용해서 create-react-app을 설치

 

이미 설치되어 있기 때문에 다음과 같이 update만 뜬다.

※ 에러가 뜬다면 명령어 앞에 sudo를 붙어 다시 실행시켜본다. 

 

3. 개발을 진행할 디렉토리를 하나 만들어 그곳에 react 파일을 생성한다. 

 

- 터미널에서 cd 명령어를 이용하여 생성한 디렉터리 위치로 이동한다. ( ex. cd Users/hyojun/Desktop/react-app ) 

 

- 그리고 난 뒤, create-react-app . 명령어를 사용하여, 현재 디렉터리에 create-react-app을 실행시켜 개발에 필요한 파일들을 생성한다.

 

 4. vscode 에서 console 창에 npm run start 입력하여 기본 app을 실행

 

다음과 같이 새로운 화면이 실행된다면, react 개발환경구축 끝.