[React] 첫 프로젝트 만들기

React 프로젝트 만들기

1. Node.js 설치

2. npm 또는 yarn 설치

3. Visual Studio Code 설치

4. create-react-app으로 프로젝트 만들기

 

1. Node.js 설치

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

다운로드 | Node.js

LTS 버전 설치

2. npm과 yarn 차이

• Node.js를 설치하면 Node.js 패키지 매니저 도구인 npm이 설치된다.
• npm으로 수많은 개발자가 만든 패키지를 설치하고 설치한 패키지의 버전을 관리할 수 있다.
• 리액트 역시 하나의 패키지이다.

• yarn은 npm을 대체할 수 있는 도구로 npm보다 더 빠르며 효율적인 캐시 시스템과 기타 부가 기능을 제공한다.

 

3. 에디터 설치 (Visual Studio Code 설치)

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

4. create-react-app 명령어로 프로젝트 만들기

npx create-react-app 프로젝트 이름

 

• npx는 npm의 5.2.0 버전부터 새로 추가된 도구

https://create-react-app.dev/docs/getting-started/#npx

Getting Started | Create React App

• npm start
  또는
  yarn start 로 프로젝트 실행