이미 리액트 프로젝트, 리포지토리가 있다는 가정하에 진행한다.
gh-pages 를 설치한다
npm install gh-pages --save-dev
package.json 파일에
"homepage" 를 추가한다
http://[사용자 ID].github.io/[리포지토리 이름]
//package.json
//....
"homepage": "https://mika0203.github.io/Pathfinding-Algorithm-js/"
package.json 파일에 script 부분에 predeploy, deploy 를 추가한다
// package.json
"scripts": {
//...
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
저장하고,
npm run deploy
이제 github로 가보자
제일 아래로
누른 후 세이브하고 위에서 homepage 에 입력한 주소로 들어가면
해당 주소에서 실행되는 나의 리액트 프로젝트를 확인할 수 있다.
'Frontend > React' 카테고리의 다른 글
[Nextjs] useEffect 가 2번 실행되는 문제 (6) | 2022.06.07 |
---|---|
[React] input 입력 시 콘솔 에러 (13) | 2021.01.19 |