React 프로젝트 생성하기

NPM 설치 여부 확인하기

• npm version 확인하기

  npm -v

• npm이 설치되어있지 않다면 아래 SITE에서 설치하기https://nodejs.org/ko/

---

생성하기

방법 1. create-react-app을 설치하지 않고 사용하기

# npx :: npm 5.2+ 버전의 패키지 실행 도구
# npm 5.2+ 버전에서는 기본적으로 설치가 되어있음.
npx create-react-app '프로젝트 명'
  
  # 만약 설치가 되어있지 않을 경우에는
  npm install -g npx
  # npx version 확인
  npx -v

# npm
npm init react-app '프로젝트 명'

# yarn
yarn create react-app '프로젝트 명'

• 생성 후 프로젝트 dir

  my-app
  ├── README.md
  ├── node_modules
  ├── package.json
  ├── .gitignore
  ├── public
  │   ├── favicon.ico
  │   ├── index.html
  │   └── manifest.json
  └── src
      ├── App.css
      ├── App.js
      ├── App.test.js
      ├── index.css
      ├── index.js
      ├── logo.svg
      └── serviceWorker.js
      └── setupTests.js

---

방법 2. create-react-app 사용하기

# create-react-app 설치하기
npm install -g create-react-app

# 프로젝트 생성하기
create-react-app '프로젝트 명'

---

프로젝트 이동하기

cd '프로젝트 명'

---

실행하기

• 실행 시 SITEhttp://localhost:3000

# 1번
npm start

# 2번
yarn start

• 실행 후 화면
  

  

---

Build 하기

# 1번
npm run build

# 2번
yarn build

---

참고 사이트

• React 공식 문서
  • https://ko.reactjs.org/docs/getting-started.html
• React 앱 만들기 ( 공식 문서 )
  • https://ko.reactjs.org/docs/getting-started.html
• GitHub 참고사이트
  • https://github.com/facebook/create-react-app#create-react-app-