React Github Pages 배포

1. 새로운 React app을 만든다.

   npm create-react-app

2. github에 새로운 레파지토리 만들기

3. 새로운 React app에 github 연결하기

   git init
   git add *
   git commit -m '커밋 내용'
   git remote add origin "2번에서 만든 레파지토리 주소"
   git push -u origin master

4. push가 완료됐음을 확인

5. React app에 gh-pages 설치

   npm i gh-pages --save-dev

6. React app에 package.json에 아래 내용 추가(맨 아래 괄호 위에 ',' 넣고 추가하는 것을 추천!)

   "homepage": "http://{깃헙 ID}.github.io/{깃헙 레파지토리 이름}"

7. package.json에 scripts 부분에 내용추가

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

8. 콘솔에 npm run deploy 명령어 입력

   npm run deploy

9. Githup 레파지토리에서 세팅 -> pages에 들어가면 접속할 수 있는 주소가 나옵니다!

// 만약 프로젝트 내용 수정시 deploy할 경우 웹페이지에 적용됨.(굳이 깃 푸시 안해도 됨)
// deploy할 경우 적용되는데 시간이 걸림(깃헙에서 Actions에 들어가면 deploy 과정을 볼 수 있음)