[Git] React 프로젝트 github pages에 호스팅 하기

Repository 만들기

난 당연히 공개할 것이기 때문에 Public으로 설정 했다.

 

프로젝트에 Git 연결부터 Push 까지

생성된 저장소 주소를 복사 해놓은 뒤에 내 프로젝트의 터미널에 아래 커맨드를 순서대로 실행했다!

Git init

git add *

git commit -m 'commit message'

git remote add origin http://git저장소주소.git

git push -u origin master

위에서 아래 순서로,

[ git 설치 - gitignore 리스트 제외하고 전부 추가 - commit message 작성 - git저장소 연결 - master로 push ]

 

Github pages 배포하기

gh-pages 설치

npm install gh-pages --save-dev

package.json에 homepage 추가

"homepage": "my github pages url"

package.json script에 depoly, predepoly 추가하기

"scripts": {
  "deploy": "gh-pages -d build",
  "predeploy": "npm run build"
}

아래 커맨드 터미널에 입력 후 실행

npm run deploy

github setting-pages-source-branch 수정

이렇게 하고 조금 기다리면 잘 올라간 내 프로젝트를 pages로 확인할 수 있다!