Git&Github) gh-pages 만들기 ... github 무료 웹사이트 배포

결과물을 gh-pages에 올릴 수 있다. 해당 파일들을 무료 웹사이트로 만들어 전세계로 배포할 수 있다.

 

 

시작 전, 배포를 원하는 저장소의 공개 범위를 public 으로 설정해야 한다.

---

 

1) gh-pages 패키지 설치

 

npm i gh-pages   또는  yarn add gh-pages

 

 

 

2) package.json에  코드 추가

 

...

"scripts": {
...
  "deploy": "gh-pages -d build",
  "predeploy": "npm run build"
 },
 
 ...

"homepage": "https://(사용자명).github.io/(저장소명)/"

 

 

3)  명령어 실행

 

npm run build

npm deploy

 

또는

 

yarn build

yarn deploy

 

---

 

몇 분 후에 ' https://(사용자명).github.io/(저장소명)/ ' 로 접속하여 확인.

 

 

 

# React 프로젝트

 

** React-router v6 이상 사용하는 경우, basename을 설정해야 한다.

 

... basename={process.env.PUBLIC_URL}

 

 

1> Browser Router

 

 

 

 

 

 

2> createBrowserRouter