리액트 프로젝트 깃허브에 배포하기 !

준비물

깃허브, 깃허브에 remote 되어있는 리액트 프로젝트

1. 터미널에 입력

npm install gh-pages --save-dev

2. 설치가 완료되면 프로젝트의 package.json 열고 "homepage" 와 "scripts" 추가하기

"homepage" : http://{사용자 이름}.github.io/{저장소 이름}

"scripts": {
  //...
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

3. 터미널 열고 명령어 입력

npm run deploy 또는 yarn deploy

4. 잘 배포되었는지 확인하기

배포할 프로젝트 레포지토리 - Settings - > options