[React] Intellij 에서 리액트 프로젝트 세팅하기

1. nodejs 설치
2. react project 설치
3. 로컬서버에 프로젝트 빌드

 

1. nodejs 설치

LTS버전으로 설치하는 것이 안정적으로 사용 가능.

최신버전으로 설치하게 되면 프로젝트 빌드시 에러 발생할 수도.

 

https://nodejs.org/ko/download/

다운로드 | Node.js

 

 

2. react project 설치

터미널에서 프로젝트폴더를 생성할 위치로 이동 후 npx create-react-app myapp

npx create-react-app myapp

react 프로젝트를 생성해준다.

그리고 Intellij 에서 프로젝트를 Open 한다.

 

3. 로컬서버에 띄우기

바로 npm start 하면 로컬에 react 프로젝트가 뜬다.

npm start

 

이 상태로 src/App.js 를 열어서

텍스트를 수정 후 Ctrl+S 로 저장하면

새로고침 하지 않아도 바로 localhost에 반영 된다.