React 기본 세팅

※ 이 글은 https://github.com/facebook/create-react-app 를 바탕으로 작성하였습니다.

※ 필자는 인스톨 형식을 좋아하지 않으므로 포터블 방식으로 진행합니다.

 

 

먼저, NodeJS 를 다운받는다.

https://nodejs.org/en/download/

 

포터블로 만들고자하니, Windows Binary(.zip) 형식중 적당히 골라서 다운로드를 한다.

압축을 풀고나면 위와 같이 파일이 뜬다.

 

명령 프롬프트 창을 하나 연다.

 

명령 프롬프트 창에 아래의 형식으로 작성해서 실행해준다.

set PATH=%PATH%;<node.exe 가 있는 폴더 경로>

 

node.exe 가 있는 경로를 set path 해 준 예

 

node.exe 가 있는 폴더(nodejs 압축파일을 푼 경로)로 간다.

 

npx create-react-app my-app

 

해당 경로에서 위와 같이 커멘드를 입력해준다.

 

그러면 React 를 만들 수 있는 도구가 다운로드가 된다.

 

다운로드가 다 되고나면 NodeJS의 압축을 푼 폴더에 my-app 폴더가 생성되는데

 

해당 폴더로 가서 npm start 를 해준다.

 

커멘드라인은 아래와 같다.

 

cd my-app npm start

그 후, http://localhost:3000/ 으로 접속하면 아래와 같이 화면이 뜬다.

 

 

추기

 

새로운 명령 프롬프트를 실행할 때마다 set PATH 처리를 해주어야한다.

이를 원치 않은 경우에는 PATH 전역 변수를 수정해주거나

별도의 배치파일을 하나 만들어 새로운 명령 프롬프트를 실행할 때 마다 해당 배치파일을 실행하는 방식으로 가능하다.