리액트 깃허브 페이지 배포하기

 

✅1. 프로젝트에 패키지 설치

npm install gh-pages --save-dev

 

✅2. package.json 파일을 열어 중괄호 안에 "homepage" 주소를 추가

// 형식은 http://{사용자 이름}.github.io/{저장소 이름}
"homepage": "http://sssungsik.github.io/Todo_list"

 

✅3. script 부분에 predeploy, deploy 를 추가

"scripts": {
  //...
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

 

✅4. 터미널창을 열어 npm run deploy를 실행

npm run deploy

 

 

✅5.Pages > Branch를 gh-page로 설정하고 save

 

시간이 조금 걸린다. Readme가 나와도 일단은 실망하지 말자. 한 5분만 더 기다려주자..