React Github page 배포

1. 저장소에 프로젝트 연결하기

git init // 프로젝트에 깃설치
git remote add origin 깃허브저장소주소 // 저장소연결
git push -u origin master //깃마스터로 푸시

2. 깃 페이지 배포하기

• gh-pages 패키지를 설치

  npm install gh-pages --save-dev

• package.json 파일을 열어 "homepage" 주소 넣기

    },
   "homepage": "https://7uckystrike.github.io/저장소
  }

• script 부분에 predeploy, deploy 추가

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    **"predeploy": "npm run build",**
    **"deploy": "gh-pages -d build"**
  },

• 저장 후, 터미널에 npm run deploy 실행
• 배포 완료
• 해당 저장소 셋팅에 브런치와 페이지 부분의 브런치가 제대로 연결 되었는지 확인한다.

3. 배포 후, 빈화면이 뜰 때.

http://{사용자}.github.io/{저장소}

주소로 열었을 때 빈화면이 뜬다면. 저장소 이름 뒤에 /index.html 를 붙여 다시 실행시켜 본다.