Github Pages 도메인 주소 관련

congchu commented 2 years ago

지금 제작 중이신, github pages의 기본 도메인 주소는 https://eunjeong-97.github.io/commerce_webapp_211126/로 고정입니다!

Github에서 호스팅 서비스를 제공해주는 것이기 때문에, 기본 도메인 뒤에 붙는 서브 도메인 페이지(~/home ~/about)를 나눌 순 있지만 (이것도 바로 접근하면 동작을 안하고 추가셋팅이 필요할꺼에요.. 😂 요 부분 추후 공유드리겠습니다..!)

기본 도메인 자체를 바꿀 수는 없습니다! React는 SAP(Single Application Page)이기 때문에, URL과 화면이 1:1 매핑되진 않습니다!

화면이 바뀌고 URL이 바뀌어서, 마치 URL에 맞춰 화면이 바뀌는 것으로 보이지만, 실제 동작은 화면은 화면대로 바뀌고, URL은 URL대로 바뀌는 느낌이랄까요..

만약 https://eunjeong-97.github.io/ 이 도메인을 쓰고 싶으시다면, 저장소 이름을 eunjeong-97.github.io으로 바꿔주시면 됩니다! (Github에서 제공하는 기능이에요~!) 참고 블로그

congchu commented 2 years ago

2번 질문은 1번 질문과 연결되는 것인가요? 아니면 별도인가요?? 👀

package.json 에 homepage 속성에 배포 주소도 추가햇는데, github-page environments 에서의 커밋내용은 반영되지 않은 것으로 확인됩니다

eunjeong-97 commented 2 years ago

2번질문은 1번과 연결되는지 모르겠으나 이번에 제가 1번문제를 해결하려고 보다보니 찾은거라 별도로 여쭤봅니다!

gh-pages branch로 직접 push하거나 자동으로 업데이트하는 방법이 잇다고 봐서 두 가지 모두 시도했으나 못했습니다 😓

congchu commented 2 years ago

package.json를 보면 배포 명령어에 폴더가 잘못 설정되어 있는 것 같아요.

    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist"

React를 Build해서 생성되는 결과 폴더는 build인데, dist 폴더를 업로드하려고 해서 에러가 나는 것 같습니다. 배포 명령어를 아래와 같이 수정해주세요 :)

 "deploy": "gh-pages -d build"

congchu commented 2 years ago

프로젝트 URL에서 github 계정 URL로 변경되지 않게하려면, 라우터에서 basename을 설정해주세요. (참고 링크)

// src/App.js
<Router basename={process.env.PUBLIC_URL}>
    ...
</Router>

eunjeong-97 / commerce_webapp