1. NodeJS 설치
https://nodejs.org/ko/ 에서 node.js를 설치한다.
2020/06 기준 최신버전은 14.4, Stable 버전은 12.18이다. 본 글에서는 12.18버전으로 설치한다.
터미널에서 npm -version을 입력해보자
<html /># npm -version 6.14.4
위와 같이 나오면 설치 완료
1.1. 참고 yarn 설치
yarn은 npm과 같이 패키지 매니저 프로그램으로 개발자 취향에 맞게 nbm을 쓰거나 yarn을 쓴다.
- 설치는 자유 (npm을 사용해도 됨)
본 글에서는 homebrew를 이용해서 yarn을 설치한다.
<html /># brew install yarn
2. 리액트(React) 프로젝트 생성
npm 또는 yarn을 이용하여 react 프로젝트를 생성한다.
아래 명령어는 npm 또는 yarn 또는 npx를 통해서, 'my-app' 이라는 리액트 프로젝트를 생성하는 명령어다.
<html /># yarn create react-app my-app
또는 npm을 이용하는 경우,
<html /># npm init react-app my-app
또는 npm 버전이 5.2+ 인 경우,
<html /># npx create-react-app my-app
2.1. 실행
1.1. 'yarn'을 이용하여 실행
<html /># cd my-app # yarn start
1.2. 'npm'을 이용하여 실행
<html /># cd my-app # npm start
2. 'localhost:3000' 접속
2.2. 참고
facebook/create-react-app
Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.
github.com
Create React App · Set up a modern web app by running one command.
Create React App is an officially supported way to create single-page React
create-react-app.dev
'Frontend > React' 카테고리의 다른 글
| Window에서 React 환경 구축하고 eslint 설정하기 (0) | 2021.07.08 |
|---|---|
| React Router Dom 리액트 라우터 사용하기 (0) | 2021.01.17 |
| React Application을 Docker 빌드하고 배포하기 (MacOSX) (0) | 2020.12.22 |
| React에 eslint-config-airbnb, prettier 설정하기 (0) | 2020.11.05 |
| 리액트 시작 - 왜 리액트인가? (0) | 2020.06.11 |
