개인적으로 프로젝트를 하다가 배포하고 싶거나 해야할 일이있다.
이때 내가 해본 방법은 GitHub와 Netlify를 이용한 방법이다.
"homepage": "https://yunkyunghan.github.io/habit-tracker"
npm install --save gh-pages
yarn add gh-pages
"scripts": {
+ "predeploy": "npm run build", // deploy를 실행하기 전에 자동으로 호출. 따라서 deploy만 호출하면 됨.
+ "deploy": "gh-pages -d build", // 만들어진 빌드를 GitHub에 배포
"start": "react-scripts start",
"build": "react-scripts build",
yarn build
npm run deploy
gh-pages
인것을 명심!
9. homepage url 입력하면 배포된 페이지 볼 수 있음!😲
npm install netlify-cli -g
yarn global add netlify-cli
$ netlify -v
netlify-cli/10.5.1 win32-x64 node-v14.17.0
netlify deploy
승인을 해주면 터미널에서 선택사항이 뜬다.
team 이름, site name, publish directory(deploy할 폴더)설정해주면 된다.
publish directory는 build입력
📍 주의 ) 만약 package.json에 GitHub 배포를 할 때 설정했던 hompage가 있으면 안됨.
만약 아무런 홈페이지가 뜨지 않는다면
"homepage": ".", // 삭제대신 이렇게 수정
yarn build
netlify deploy 재입력
Website Draft URL
이라고 명칭이 되어져 있음netlify deploy --prod