[Github] Deploying to Github Pages using React

8월에 티스토리에 썼던 내용 옮긴 것임.

리액트를 처음 간단히 배우면서 github page에 deploy하는 방법도 처음 알았다🤩

1. gh-pages 설치

npm i gh-pages

2. package.json 설정

1. "homepage" 추가

"homepage": "https://{your github username}.github.io/{hte name of your project in github}"

2. script 설정

"deploy": "gh-pages -d build",
"predeploy": "yarn build"

3. deploy 호출

yarn deploy

deploy호출할 때마다 predeploy가먼저 호출된다. (주의할 점은 설정한 이름과 pre뒤에 있는 글자가 같아야 한다)
deploy는 build 폴더를 upload 한다. build폴더 얻는 방법 yarn build 이다. (그래서 predeploy 설정)
내용바꾸면 다시 deploy 해줘야 한다. (업데이트)

참고로 yarn 대신 npm run 사용해도 된다.

reference
노마드코더 강의