레이블이 nodejs인 게시물을 표시합니다. 모든 게시물 표시
레이블이 nodejs인 게시물을 표시합니다. 모든 게시물 표시

2021-03-25

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 으로 설정. 

```