[Intellij / React] 무작정 React Project 만들어보기 -1

[Intellij / React] 무작정 React Project 만들어보기 -1 

 

무작정 만들어본다.

레거시 랭귀지에 익숙해진 나에게 새로운 자극을 주기 위한 프로젝트를 시작해본다.

똑똑한 IDE Intellij와 함께 하는 React Project 생성 그 첫 번째 이야기.

 

File - new - Project 순으로 선택

 

프로젝트 이름은 'react_example_1' 실패할 때마다 뒤에 붙은 숫자가 올라갈 것이다..!

 

난 최신버전충이라고~!

첫 번째는 그냥 intellij에서 default node.js 버전이 14 버전이 설치되어서 최신 버전을 따로 설치하였다. (node.js는 최신 버전이 중요하다고 함)

 

1. Node.js 설치 

안정적인 LTS 버전을 설치하도록 한다. (2022-03-05 기준 16.14.0) 
https://nodejs.org/en/

Node.js

 

 

 

설치 후 Node interpreter를 설치경로로 지정하니 우측에 버전정보가 표시된다.

응? 벌써 4?

 

2. Terminal 설정

미리 해두면 좋은데.. 미리 못했다.. powerShell이 아닌 Linux명령어를 사용하기 위해선 아래 글을 참조해보자

https://minggu92.tistory.com/65

[Intellij] Terminal에서 명령어 왜 안되나요? (PowerShell -> Git bash)

 

3. npm network 허용

프로젝트를 생성하면 자동으로 npm 명령어가 실행되는데 다음과 같은 네트워크 에러가 발생했다.

바아로 설치하려니까 에러가 빵

위와 같은 상황에서 참조하기 좋은 링크를 붙인다.

(https://stackoverflow.com/questions/18419144/npm-not-working-read-econnreset)

https가 아닌 http로 요청을 보내야 한다는 것. 

그래서 터미널로 다음 명령어를 실행해준다.

npm config set registry http://registry.npmjs.org/

근데 이걸로도 안되서 밑에 명령어들을 실행해 준 다음에 다시 프로젝트를 생성했다.

npm config get proxy
npm config rm proxy
npm config rm https-proxy

 

4. 최종

여섯번 만에.. 성공!?

바아로 서버 구동!

 

Hello React!