공부 하면서 진행했던 React 프로젝트 GitHub Pages 배포하기 🌝
create-react-app
으로 생성했습니다.😁저장소
를 하나 생성해야한다.build
된 프로젝트를 업로드 하는 공간.프로젝트를 배포하기 전
package.json
이라는 파일을 오픈하여 다음과 같은 명령어를 추가해야 한다.*"homepage": "https://daekyeongp.github.io/blog"
👉 형식은
http://{사용자 이름}.github.io/{저장소 이름}
로 작성해야한다.
Build
를 해야한다.state
, props
, JSX
, 컴포넌트
등의 문법은 브라우저가 해석할 수 없음!css
, js
, html
문법으로 바꿔주는 작업을 Build 또는 컴파일 이라고 이해하자. ❗//npm
$ npm run build
//yarn
$ yarn build
build
라는 폴더가 생성된다.폴더
를 들어가서 확인해보자.폴더
를 확인 해보면 정상적으로 Build된 파일을 확인할 수 있다.css
, js
파일 명이 무작위로 다시 생성되기 때문에 모든 파일을 다시 github
에 업로드하면 된다.👉 https://daekyeongp.github.io/blog
Build 할 때 파일명
이 이상하게 바뀌지 않도록 하고 싶은 경우
👉 ./
부터 시작하는 경로로 첨부한 이미지, js
파일들은 전부 이름이 변하기 때문에, 파일명이 변하는게 싫다면 public 폴더안에 넣고 Build 하면된다.
경로는 반드시 정확하게 지켜주어야 하고, 2 절
에서 진행한 package.json
파일에 설정했던 homepage
주소를 제대로 입력하고 Build 하자.