[React] 간단하게 Github 페이지 배포하기!

기본적으로 갖춰있어야 하는 것!

1. 나의 레포지토리가 깃허브 원격저장소에 올라가 있어야한다.

$ git remote add origin {깃허브 레포 주소.git}

2. 깃허브의 원격저장소는 반드시 Private이 아닌 Public으로 설정

본격적으로 시작

1. gh-pages 설치

$ npm i gh-pages

2. packages.json에 추가

"scripts": {
    ...
    "deploy": "gh-pages -d build",
    "predeploy": "npm run build"
  },
"homepage": "https://{깃허브유저id}.github.io/{깃허브 레포 이름}"

3. 터미널에 npm run deploy 실행
   위 명령어를 통해 먼저 predeploy 실행되고 deploy script 가 실행된다

homepage에 작성한 주소로 이동하면 배포 완료! (단, 시간이 조금 걸림)