[React] 15.Github으로 react 프로젝트 배포하기

오늘은 Github를 사용하여 서비스를 배포하는 방법을 정리해보려고 해요! (리액트 프로젝트 기준)

👉 homepage 추가

먼저 package.json에 homepage를 추가해주어야 하는데요! 배포할 계정의 이름과 레파지토리 이름을 적어주세요!

"homepage" : "https://[github계정이름].github.io/[repo이름]"

👉 gh-pages 설치

그리고 gh-pages를 설치해주어야 하는데요!

npm i gh-pages

명령어 추가

package.json 수정

 "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "eject": "react-scripts eject",
    "deploy": "gh-pages build"
  },

실행

마지막으로 아래 명령어를 입력하면 끝입니다!!

npm run deploy