windows 10 환경에서 ReactJS 개발환경 설정 - markdown 형식 문서

 #ReactJS  

## 개발환경 설정 

### nodejs 설치 

공식사이트에 들어가서 nodejs 를 아래 사이에서 다운 받아 설치

- nodejs 공식사이트 접속 : [NodeJS org](https://nodejs.org/ko/download/) 

- [zip] 파일 받아서 설치시 

- 임의의 폴더에 압축 해제. 

- cmd 창에서 해당 경로로 이동. 

- 이동된 디렉토리에서 아래 명령어 실행 

   

```linux   

# npm -v 

# node -v

```

- 정상 작동 확인시 환경변수 등록하여 어느 디렉토리에서 실행해도 작동하도록 설정. 

- npm을 이용하여 create-react-app 설치  

아래 명령어를 이용하여 create-react-app 을 로컬에 설치 

  

```linux

# npm install -g create-react-app

```

- 개발 디렉토리 지정  

아래 명령어를 이용하여 create-react-app 을 이용하여 로컬에 개발디렉토리 지정  

설정하고자 하는 디렉토리로 이동 (ex : d:\dev\workspace\react-app\ ) 후에 아래 명령어를 입력하여 실행. 

```linux

# create-react-app .

```

### visual sourcecode 설치  

공식사이트에 들어가서 visual sourcecode 를 아래 사이에서 다운 받아 설치

- visual source code  공식사이트 접속 : [code.visualstudio.com](https://code.visualstudio.com/) 

- [zip] 파일 받아서 설치시 

- 임의의 폴더에 압축 해제. 

- cmd 창에서 해당 경로로 이동. 

- 이동된 디렉토리에서 아래 명령어 실행 

### react build 

```linux

# npm run build 

```

### react 배포 

- react 실행하기 위한 서버 install 

```linux

# npm install -g serve

```

### react app 실행 

```linux  

 # npx serve -s build   => build 로 생성한 것을 docRoot 으로 설정. 

```