gh-pages에 Custom Domain 적용하기(feat. 호스팅케이알)

이번에 사이드 프로젝트를 진행하면서 gh-pages에 배포를 하고 커스텀 도메인까지 사서 적용을 해보는 기회가 있었다.

 

그 과정을 포스팅으로 남기려고 글을 시작한다.

 

우선 gh-pages에 배포까지 마친 상태를 가정하고 글을 작성하려 하기에 앞서서,

개인적인 학습을 목적으로 이번 프로젝트를 next.js로 진행을 하게 되었고, 배포에 우여곡절이 꽤나 있었는데 해당 내용은 따로 정리해서 포스팅해두고 링크 걸어둘 예정이다.

 

---

 

본론으로 돌아와서 시작전에 우선 도메인을 구매해야 한다.

 

대표적으로 가비아, 카페24 등 여러 도메인 구매 사이트가 많은데, 호스팅 케이알을 선택한 이유는 고만고만 하지만 그래도 가장 저렴하다는 어느 포스팅을 보고 선택하게 됐다.

 

원하는 도메인을 검색해서 구매를 해준다.

 

 

그리고 나의 도메인 페이지로 이동해서 구매한 도메인을 클릭하면 아래와 같은 화면이 나오는데,

 

 

네임서버/DNS 탭을 누르고 가장 아래로 스크롤을 내리면 DNS 레코드 관리 부분이 나올 것이다.

 

 

레코드 추가를 눌러서 아래 내용을 위 사진처럼 {유형 : A, 이름 : @} 과 함께 4개 전부 입력해준다.(이게 깃허브 DNS 값이다)

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

 

 

그리고 CNAME 도 추가해주는데, 여기에는 자신의 github pages 주소를 입력해준다. (+저장소명은 빼고)

joometa.github.io

 

왜 DNS에 저 네 가지를 추가하느냐 깊은 의문이 생긴다면 깃허브 문서를 참고하길 바란다.ㅎ

 

 

여기까지 완료되었으면 깃허브 저장소로 와서 Settings > Pages 화면으로 이동하면

 

Custom Domain 부분이 있는데 여기에 방금 구매한 도메인을 입력하고 검사가 완료될 때까지 기다린다.

 

대략 15분 정도 걸렸던 것 같다.