[React] 깃허브 배포 방법_yarn

React를 깃허브에 배포하는 방법에 대해 알려드리려고 해요

 

1. 필수 패키지 설치

yarn add gh-pages --dev

 

2. package.json 수정

package.json 파일에 다음 내용을 추가합니다:

 

1. 홈페이지 URL 추가

저장소 이름에 따라 URL을 설정합니다:

"homepage": "https://your-username.github.io/your-repo-name"

 

2. 스크립트 추가

기존 스크립트 아래에 배포 스크립트를 추가합니다:

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

 

3. 배포 실행

yarn run deploy

 

4. 배포 확인

배포가 완료되면 저장소의 GitHub Pages 설정에서 배포된 사이트를 확인할 수 있습니다:

 

- Setting > Pages > URL 확인