[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} 추가

homepage 객체 추가

 

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된 것을 확인 할 수 있음!!!!!!