[React] 1. React 프로젝트 생성하기(create-react-app)

1. Node.js 설치하기

https://nodejs.org/ko/

Node.js

 

짝수 버전이 LTS, 홀수 버전이 Current인데

홀수 버전인 Current가 6개월마다 배포된 후 수정되면서 안정성이 확보되면 짝수 버전 LTS를 배포한다.

즉 LTS는 안정적인 버전이고 Current는 가장 최신 버전이다.

LTS는 30개월동안 지원되고, 프로덕션 애플리케이션은 LTS를 사용해야 한다고 한다.

 

(버전에 대한 자세한 정보는 아래 링크를 참고하면 된다.)

https://nodejs.org/en/about/releases/

 

Node.js 홈페이지에 들어가서 자신의 OS에 맞는 파일(들어가니 자동으로 알려줌)을 다운로드해서 설치하거나,

Mac의 경우 Homebrew를 이용해 설치할 수 있는데, 터미널에서 아래의 명령어를 입력하면 된다.

설치 후 node -v 와 npm -v 명령어를 입력했을 때, 현재 설치된 버전이 제대로 나온다면 설치가 제대로 된 것이다.

 

* npm(Node.js Package Manager)은, Node.js 기본 패키지 매니저로 Node.js를 설치하면 같이 설치돼 사용할 수 있다.

npm이 아닌 yarn을 써도 된다.

(https://classic.yarnpkg.com/en/docs/install#mac-stable)

 

brew install node // node 설치
node -v // 설치 확인
npm -v

 

 

2. React 프로젝트 생성

터미널에서 프로젝트 설치 경로를 만들고,

해당 경로로 들어가서 creacte-react-app 명령어로 프로젝트를 생성한다.

 

mkdir React // 프로젝트를 만들 'React'라는 이름의 폴더 생성. 폴더를 새로 만들지 않고 기존에 있던 경로에 만들어도 상관 없다.
cd React // 만든 경로로 이동(혹은 React 프로젝트를 만들 경로로 이동)
npx create-react-app my-app // my-app이라는 이름의 React 프로젝트 생성. 프로젝트 이름은 자유롭게 설정 가능

 

3. React 프로젝트 실행

IDE(vscode 등)에서 프로젝트 폴더('React')를 열고

터미널에 아래 명령어를 입력하면 default 3000번 포트로 실행되면서

터미널 창에 Compiled successfully!(이하 생략) 라는 문구가 뜬다.

 

npm run start
npm start // 이것도 가능

 

4. 프로젝트 실행 종료

터미널에서 control + c를 입력하면 종료된다.

 

 

---

참고한 글

• Create a New React App : https://reactjs.org/docs/create-a-new-react-app.html
• [Mac] 맥에서 Homebrew로 node, npm, yarn 설치하는 방법 : https://choseongho93.tistory.com/293