[React] 맥북에서 React App 깃허브(git)에 Deploy 하기 (feat. git에 개인 홈페이지만들기)
1. 콘솔창에 npm install gh-pages@2.0.1
- 최신버전 gh-pages 설치시 deploy 오류가 생기는 경우가 있음
- Reference) https://stackoverflow.com/questions/57308851/receive-error-when-deploy-to-github-pages
- 이미 gh-pages 를 실행(빌드)하여 cache 파일로 인한 오류가 있을 수 있음
- Reference) https://dryadsoft.tistory.com/16
2. package.json 파일에 'homepage' 객체 추가
- value 값에 https://{UserName}.github.io/{ProjectName} 추가
3. package.json 파일 scripts 객체에 'deploy' 객체 추가
- 'predeploy' 객체는 deploy 실행마다 빌드 해주는 객체
(추가안하고 deploy 마다 npm run build 수동으로 해줘도 무방)
4. Github에 변경사항 Push
- 여기서 Token 오류를 뱉을 수 있음 (깃허브 업데이트되서 토큰써야 함...)
- 그럼 또 맥북유저는 Keychain Access 라는 응용프로그램에 들어가서 또 설정을 해줘야 함.... ㅠㅠ
# 토큰 생성법
- Reference) https://curryyou.tistory.com/344?category=917153
# 맥북유저 Keychain Access에 토큰 추가
- Reference) https://curryyou.tistory.com/403
5. 콘솔창에 npm run deploy 입력
- https://{UserName}.github.io/{ProjectName} 로 접속하면 본인이 만든 React App 이 성공적으로 Deploy된 것을 확인 할 수 있음!!!!!!
