[React] gh-pages로 깃허브에 퍼블리싱

gh-pages 인스톨하기 (터미널에 입력)

npm i gh-pages

package.js 파일 내 정보 수정

1. homepage에 github 레파지토리 주소 작성.

2. "scripts" 객체에 deploy 키워드 옵션 추가.

원격 git과 로컬 git 연결.

1. 해당 폴더에서 git 초기화

git init

2. git로컬과 레파지토리 주소 연결

git remote add origin https://github레파지토리주소

3. git add, commit, push하기 (build 폴더가 아닌 개발용 폴더 업로드)

git branch -M main
git push -u origin main

4. 배포용 build폴더 만들고 deploy키워드를 작성해 gh-pages 브랜치로 업로드

npm run build
// 빌드 폴더 생성
npm run deploy
// build 폴더를 gh-pages 브랜치로 업로드

이렇게 하면 git 레파지토리에는 개발용 폴더 main 브랜치와 빌드용 폴더 gh-pages가 만들어지고 git pages에 자동으로 gh-pages 폴더가 연결된다.