react. react작업 github page로 올리기

리액트로 작업한 결과물을 내 깃허브 레포지토리에 올리는 방법.

 

• 1. 콘솔창에 npm i gh-pages 
• 2. npm run build  >> 하면 build폴더가 생성된다.
• 3. pakage.json 파일 "scripts" 에 2줄 추가

• 4. pakage.json 파일 맨 아래에 깃허브 page url 추가 (여기서 원격저장소 등록을 미리 해야한다.)

• 5. npm run deploy   >> predeploy가 먼저 실행된다.

업로드 완료

추가/수정할때마다 npm run deploy를 하면 된다!

 

++

React router 6버전이상에서 작업했다면 App.js에서

Route path={`${process.env.PUBLIC_URL}/`} element={< Home />}

path를 추가해주기.