IntelliJ React 로 프로젝트 시작하기

npm과 npx

node.js로 만들어진 프로그램을 쉽게 설치할 수 있도록 도와주는 역할 (일종의 스토어)

---

리액트를 기반으로 생성하는 경우

 

- 프로젝트 이름으로 폴더가 생성되어 자동으로 react 환경이 세팅되어

바로 npm start 만 적어주면 구동할 수 있음

---

next.js를 기반으로 생성하는 경우

- npx를 설치해 주어야 함

- npx에게 create-react-app [폴더이름] 명령어를 통해 react 환경 세팅 : [폴더이름] 의 폴더가 생성되면서 환경이 세팅됨

---

참고. 컴퓨터에 폴더를 직접 생성하여 React 환경을 세팅하는 경우 (next.js 사용하지 않음) - cmd 이용:

1. create-react 라는 폴더를 생성후, cmd 에서 해당 폴더로 이동

create-react-app . (.은 현재 디렉토리를 의미함) 명령어로 세팅

 

2. 폴더명을 다르게 하고 싶은 경우

create-react-app [폴더명] 명령어로 세팅

---

사전 세팅. node.js 로 만들어진 react를 구동해야 하므로 node.js를 설치해야 함

이 때, node.js 버전에 따라서 react가 실행이 안 될 수 있음

따라서, npm start 명령어가 먹히지 않는 경우

node.js를 다운그레이드 해보면 되는 경우가 있음

---

react app 구동 종료하는 방법

입력창에서 Ctrl + C (IntelliJ의 경우 중지 버튼 누르면 됨)