- 먼저 gh-pages 패키지를 설치해야한다.
$ npm install --save gh-pages
// $ npm install gh-pages --save-dev
- React 프로젝트의 package.json 파일을 수정합니다.
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
3.(선택사항) 라우터를 사용한다면 BrowserRouter를 사용하는 부분을 찾아 다음과 같이 수정한다.
- 만든 프로젝트를 배포한다.
$ npm run deploy
이 커맨드가 git push처럼 동작한다고 생각하면 편하다.
만약 코드를 수정할 일이 있어서 수정을 한다면 다시 이 커맨드로 배포해주면 된다.
원래 배포가 딜레이가 좀 있으니 명령어 실행 후 한숨 돌리고 확인해라!
- 해당 레포지토리의 Settings -> Pages로 이동
참조한 링크
https://online.codingapple.com/unit/react-build-deploy-github-pages/
https://dev-yakuza.posstree.com/ko/react/github-pages/
https://velog.io/@byjihye/react-github-pages
https://www.hohyeonmoon.com/blog/react-js-github-pages-deploy/