React 프로젝트와 Github에 호스팅하기
Setup
React 프로젝트의 터미널에서 다음과 입력하기
git init
Github 홈피에서 새로운 Repository를 생성하고 url을 복사하고 터미널에 붙여넣기
git remote add origin "yourURL"
git commit -m "Description"
git push origin master
Deploy
Deploy설정에 앞서 Repository의 main braunch를 gh-pages로 바꿔야한다.
git remote -v
위의 명령어로 push하는 경로 확인하기
npm i gh-pages
그리고 package.json 아래의 위치에서 "homepage":"yourGithubURL"를 입력한다.
package.json의 script에 아래의 아래의 코드를 추가한다.
"deploy": "gh-pages -d build",
"predeploy": "npm run build"
터미널에 deploy를 실행시키면 predeploy가 실행된 다음 deploy 안의 명령어가 실행된다. "gh-pages -d build"는 Github에 업로드할 폴더를 build로 설정하고 "npm run build"는 현재 쓴 코드를 최적화시키고 build라는 폴더에 넣는 명령어이다.
npm run deploy
이후 react프로젝트를 업데이트할때마다 위의 명령어를 입력한다.