[InteliJ] React 설치하기

 

 

IntelJ, React 설치하기

 

 

 

 

 

  NodeJS 설치

https://nodejs.org/en/

Node.js

 React를 하기 위해서는 먼저 NodeJS가 설치가 되어있어야 한다.

만약, NodeJS가 정상적으로 설치가 되어있지 않은 경우에 React 실행시 Error가 발생된다.

 

220526 기준, LTS를 설치

22년 05월 26일 기준, 16.15.0 LTS를 설치하였다.

보통 여기서 LTS를 설치한다고 해서 LTS를 고른것 뿐이다.

 

 

 

  InteliJ에서 React Project 생성

JavaScript -> React

 인텔리제이 버전에 따라 다르다.

JavaScript 목록안에 React가 들어있다.

 

이를 클릭 후, Next를 누르면 된다.

 

 

여기가 좀 까다롭다.

설치시 여기서 좀 귀찮다.

 

1. 프로젝트명에 대문자들어가서는 안 된다.

2. 프로젝트명에 특수문자가 있어서 안 된다.

3. 경로명에 한글이 있어서는 안 된다.

4. node.exe는 위에서 설치한 경로명으로 반드시 지정한다.

5. 동일한 폴더에는 다른 react가 있어서는 안 된다.

 

위 경우를 다 지켰음에도, 안 될 경우가 존재한다.

 

 

별도의 설정없이 이렇게 진행이 된다면 정상적으로 설치가 진행된다.

 

 

만약,  경고가 나오거나 설치가 제대로 되지 않을 경우 위의 규칙을 어겼을 가능성이 가장 높다.

처음 설치했을 때, 영어를 제대로 이해하지 못 해서 괜한 시간 버려서 설치되었다.

 

 

완료

정상적으로 설치가 되었을 경우, 디렉토리에는 다음과 같이 파일이 자리잡게 된다.

서버는 npm start가 자리잡는 것을 확인할 수 있다.