[React] 자꾸 까먹어서 쓰는 리액트 깃허브 연동

1. 먼저 깃허브에서 new repository 생성

2. vscode 터미널에서 연동해주기

git init
git remote add origin https://github.com/깃허브아이디/프로젝트명.git
git remote -v 
git branch
git push origin main

아래 코드는 깃허브가 잘 연결됐는지 확인하는 거라 생략 가능

git remote -v  (깃허브 잘 연결됐나 확인)
git branch(브랜치가 main인지 확인)

 

혹시나 push 하는 과정에서 오류가 뜬다면

git pull origin main --allow-unrelated-histories
git push origin main

로 시도하기

 

3. gh-pages 설치

npm install gh-pages

4. package.json 수정

스크립트에 추가

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

"homepage": "https://깃허브아이디.github.io/프로젝트명/" 

 

홈페이지도 추가

 

5. 다시 깃 푸시 후 deploy 하기

git push origin main
npm run deploy

****

프로젝트 설정 page에서 gh-pages로 바꿔야 사이트가 나옵니다!

아니면 readme만 나옴 ㅜ