[Guthub] React 프로젝트 깃허브로 배포하기

romini·2021년 10월 12일
0

1. github에서 홈페이지 주소 만들기


저장소 - settings - pages에 들어간 다음 브런치에서 main을 선택하고 save를 누르면 호스팅 github주소가 생성된다.

2. 리액트 앱의 package.json에 'homepage' 추가하기

"homepage": "https://dalping.github.io/react-app-shop/",

3. gitHub Page 설치

npm install gh-pages --save

4. package.json의 scripts 부분에 predeploy와 deploy 부분 추가 후 deploy 실행

"scripts": {
    **"predeploy": "npm run build",
    "deploy": "gh-pages -d build",**
    "start": "react-scripts start",
    "build": "react-scripts build",
npm run deploy

깃허브에 gh-pages 브랜치가 추가된다.

5. gitHub branch 변경

gh-pages 브랜치를 선택

6. 10분 정도 기다리면 페이지 배포 완료!

7. 코드 수정 후 사이트에 적용(재배포)하는 방법

npm run deploy

새로 빌드 되면서 수정된 사항이 업데이트 된다.

0개의 댓글