리액트 설치 및 처음 시작하기

NodeJS 설치

https://nodejs.org/ko/ 에서 node.js를 설치한다.

2020/06 기준 최신버전은 14.4, Stable 버전은 12.18이다. 본 글에서는 12.18버전으로 설치한다.

NodeJS 12.18 설치

NodeJS 설치 완료

 

터미널에서 npm -version을 입력해보자

# npm -version
6.14.4

위와 같이 나오면 설치 완료

 

참고 yarn 설치

yarn은 npm과 같이 패키지 매니저 프로그램으로 개발자 취향에 맞게 nbm을 쓰거나 yarn을 쓴다.

• 설치는 자유 (npm을 사용해도 됨)

 

본 글에서는 homebrew를 이용해서 yarn을 설치한다.

# brew install yarn

 

리액트(React) 프로젝트 생성

npm 또는 yarn을 이용하여 react 프로젝트를 생성한다.

 

아래 명령어는 npm 또는 yarn 또는 npx를 통해서, 'my-app' 이라는 리액트 프로젝트를 생성하는 명령어다.

# yarn create react-app my-app

또는 npm을 이용하는 경우,

# npm init react-app my-app

또는 npm 버전이 5.2+ 인 경우,

# npx create-react-app my-app

실행

1.1. 'yarn'을 이용하여 실행

# cd my-app
# yarn start

 

1.2. 'npm'을 이용하여 실행

# cd my-app
# npm start

 

2. 'localhost:3000' 접속

리액트 첫 프로젝트 띄우기

 

참고

• https://github.com/facebook/create-react-app

facebook/create-react-app

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

Create React App · Set up a modern web app by running one command.