도메인 구매하여 포트폴리오 연동하기

도메인에 Github Pages로 배포중인 포트폴리오를 연결하기

운이 좋게도 내 이름으로 된 도메인이 남아있어 연 2만원 정도의 금액을 주고 도메인을 구매했다.

1️⃣ repository pages탭에 구매한 도메인 입력

도메인 구매 후 다음과 같이 Custom Domain을 설정하는 것 만으로는 바로 프로젝트 출력이 되지 않는 것을 확인했다.

---

2️⃣ 도메인에 DNS레코드 할당

깃허브 공식문서(https://docs.github.com/en/pages)에서 지원하는 DNS레코드 값을 도메인을 구매한 서비스에 할당해 주어야 한다.

할당된 DNS레코드 모달

DNS Check가 완료된 후 Page Tab

---

3️⃣ package.json수정

원래 쓰던 도메인을 새로 구매한 도메인으로 변경

---

4️⃣ 프로젝트 재빌드

---

5️⃣ 경로수정(트러블 슈팅)

도메인 할당을 완료했으나 경로때문에 React 프로젝트를 읽어오지 못하는 상황 발생

경로 문제인 줄 알았던 페이지가 이전 Cache의 영향을 받은게 원인이었음을 확인, 아래의 방법으로 캐시 초기화 후 재빌드 해서 해결

원하는 도메인에 포트폴리오가 나오는 것을 확인 할 수 있었다.

---

🛠️ BugFix

yml에 custom된 도메인을 추가하여 빌드 할 떄마다 초기화되는 버그를 픽스