8. [ReactJS] React App Git Pages로 무료 배포하기

※React App 배포를 시작하기 전, 아래 링크에 들어가셔서 순서대로 진행 부탁드리겠습니다.

https://mroh1226.tistory.com/84

GitHub Page 무료 호스팅 이용하기

---

React App GithubPage 설정하기.

1. 위 준비가 끝났다면 터미널로 돌아가서 아래와 같이 명령어를 작성하여 패키지를 설치해줍니다.

npm install gh-pages

 

2. 설치가 완료되었다면, package.json 파일을 아래와 같이 수정합니다.

• "homepage":에 io다음에 오는 Route에 본인의 /Repository명/을 넣습니다.
• "scripts": 에 있는 deploy와 predeploy 소스는 아래와 같이 동일하게 작성합니다.

3. 터미널로 돌아가서 아래 명령어를 입력해줍니다.

npm run deploy

• predeploy가 실행된 후, deploy가 실행되면서 빌드가 먼저 된후, homepage에 작성한 웹사이트에 업로드가 진행됩니다.
  
  

4. Branch 설정에서 master로 되어있는 것을 gh-pages로 바꿔주고 Save 버튼을 클릭합니다.

 

5. 링크로 들어가 확인합니다.

완료!

---

추후에 추가 개발된 소스를 배포 하고 싶다면 아래와 같이 터미널에 명령어를 입력해주면됩니다.

npm run deploy