1. gh-pages 설치

---

npm install gh-pages --save-dev

2. package.json 설정

---

• 홈페이지 주소 추가

"homepage": "http://{깃허브 사용자 이름}.github.io/{레포지토리 이름}/"

• scripts에 predeploy와 deploy 추가

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

• 새로고침 시 404 에러가 뜬다면 deploy 부분을 아래와 같이 수정

"deploy": "cp build/index.html build/404.html && gh-pages -d build"

SPA 문제 해결

• 브라우저 라우터에 아래와 같이 bashname 추가
• <BrowserRouter basename={process.env.PUBLIC_URL}>

3. 배포

---

• npm run deploy 실행