[Git, Github] gh-page를 이용해 React 프로젝트 배포하기

Medium_ryan ㅣ 2023. 6. 7. 16:40

저번 주말에 한국에서 시킨 맥북이 왔다.

근 30년간 윈도우만 사용하다가 Mac OS를 처음 접해본지라 당황스럽기만 하다 ^^;;

gh-page란

정적인 웹 호스팅을 도와주는 노드 패키지 중 하나이다.

깃허브에 저장소 생성
프로젝트 생성
프로젝트 터미널 -> 노드매니저를 통해 gh-pages 인스톨 ( npm i gh-pages )
원격 저장소와 로컬 저장소 연결 ( remote add origin 저장소주소 )
package.json 파일에 http://사용자 이름.github.io/저장소 이름 추가하기 ( "homepage" : "http://mediumryan.github.io/mini-game-demo" )
package.json 파일의 script 내부에 "predeploy": "npm run build", "deploy": "gh-pages -d build" 추가하기
터미널에 npm run deploy 입력. ( 프로젝트 빌드 및 배포 )

끝

아래 블로그에서 엄청 이해하기 쉽고 세세하게 잘 설명이 되어있다. 굿굿

[React] 프로젝트 GitHub Pages 배포하기

React 프로젝트 GitHub Pages로 배포하기 (create-react-app)

velog.io

[Git, Github] 로컬에서 원격저장소 연결하기 (0)	2023.05.29
[Git, Github] Git 초기설정 (0)	2023.05.29