반응형
[React] GitHub Pages에 배포하기
오늘은 간단한 리액트 페이지를 GitHub Pages에 배포하는 방법에 대해 알아보겠습니다. 당연하겠지만, 서버가 필요한 페이지는 따로 서버를 연결해주어야하니 여기선 다루지않겠습니다.혹시 몰라
velog.io
(Bam 님의 블로그와 거의 동일합니다.)
0. 우선 repository 가 public 으로 설정되어 있어야 한다.
나는 private 로 되어 있어서 public 으로 변경해주었다.
1. gh-pages 패키지 설치
npm install gh-pages
2. package.json 수정
"scripts": {
(...)
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
},
호스팅될 주소도 입력해주어야 한다.
"homepage": "https://YOUNGEUN100.github.io/저장소 이름/"
3. 빌드와 배포 (build & deploy)
git push 로 레파지토리에 업로드합니다.
그 후 터미널에 npm run deploy 를 입력합니다.
https://본인깃허브.github.io/저장소 이름/
리액트 페이지가 배포된 것을 볼 수 있다.
반응형