gh-pages를 사용하여 github.io에 업로드 (in React project)

 

 

노마드코더 'react로 웹사이트 만들기'를 보면서 정리한 내용입니다.

---

 

1. git remote -v 로 프로젝트 이름과 user name 가져오기

{user name}.github.io/{project이름}

 

2. gh- pages 설치되어 있지 않으면 terminal에

npm i gh-pages 

 

3. 프로젝트의 package.JSON 으로가서 아래 문구 추가 (모든 알파벳은 소문자여야 함)

"homepage" : "https://{user name}.github.io/{project이름}"

 

4. package.JSON의 "scripts"에 아래 문구 추가 

"deploy" : "gh-pages"

 

5. 프로젝트 최소화를 위해 터미널에

npm run build

입력하고 enter -> build 폴더 생성 

 

6. package.JSON의 "scripts"에 아래 두 줄 추가

"deploy" : "gh-pages -d build",

"predeploy" : "npm run build" 

 

7. 터미널에

npm run build

입력하고 enter -> https://{user name}.github.io/{project이름} 에 해당 프로젝트가 published 된다.

 

*수정사항이 생겼을 때, npm run build -> npm run deploy 하면 re-published 된다.*