초보자도 따라하는 깃허브 페이지 커스텀 도메인 연결 및 HTTPS 설정
열심히 만든 나만의 깃허브 블로그나 포트폴리오, 혹시 아직도 아이디.github.io라는 길고 복잡한 주소를 그대로 사용하고 계신가요? 주소가 너무 길어서 다른 사람에게 알려주기 민망했던 경험이나, 주소창에 '주의 요함(안전하지 않음)'이라는 문구가 떠서 당황했던 적은 없으셨나요?
오늘은 내 웹사이트에 예쁜 문패를 달아주는 '깃허브 페이지 커스텀 도메인 연결 및 HTTPS 설정'에 대해 알아볼 거예요. 초보자분들도 차근차근 따라 할 수 있도록 아주 쉽게 준비했답니다. 바로 시작해 볼까요? 😊
🔍 커스텀 도메인과 HTTPS란 무엇인가요?
먼저, 우리가 집을 지었다고 상상해 볼게요. 깃허브 페이지(GitHub Pages)는 무료로 집을 지을 수 있는 땅을 빌려준 거예요. 그런데 기본적으로 제공되는 아이디.github.io라는 주소는 마치 '서울시 강남구 역삼동 123-45번지 6동 708호'처럼 너무 길고 기억하기 어렵죠.
여기서 커스텀 도메인(Custom Domain)은 내 집에 '홍길동의 집.com'이라는 짧고 예쁜 문패를 달아주는 것과 같아요. 그리고 HTTPS는 내 집으로 들어오는 길목에 든든한 경비원을 세워서, 방문객의 데이터가 해킹당하지 않도록 안전하게 보호해 주는 자물쇠 역할을 한답니다. 🔒
🚨 기본 주소를 그냥 쓸 때 겪는 불편함 3가지
커스텀 도메인과 HTTPS 설정을 하지 않으면 이런 불편함이 생길 수 있어요.
😰 길고 안 예쁜 웹사이트 주소
포트폴리오나 이력서에 github.io 주소를 적어 내면, 왠지 조금 덜 전문적인 느낌을 줄 때가 있어요. 짧고 간결한 나만의 .com이나 .dev 도메인이 훨씬 깔끔해 보이죠.
⚠️ 주소창의 '안전하지 않음' 경고
HTTPS가 적용되지 않은 HTTP 사이트에 접속하면, 크롬 브라우저가 빨간색으로 '주의 요함' 경고를 띄웁니다. 방문자 입장에서는 왠지 불안해서 바로 창을 닫아버릴 수도 있어요.
📉 검색 엔진 노출(SEO)의 불리함
구글이나 네이버 같은 검색 엔진은 보안이 뛰어난 HTTPS 웹사이트를 훨씬 더 좋아해요. 보안 설정이 안 되어 있으면 내 글이 검색 결과 뒤쪽으로 밀려날 수 있답니다.
💡 특징적인 체크포인트!
지금 내 깃허브 블로그 주소창을 확인해 보세요!
자물쇠 아이콘(🔒) 대신 경고 기호(⚠️)가 떠 있거나, 나만의 브랜딩이 담긴 짧은 주소가 필요하다면 지금 바로 설정을 시작할 때입니다.
🤔 이런 설정들, 도대체 왜 직접 해야 하는 걸까요?
깃허브가 모든 걸 알아서 해주면 좋겠지만, 아래와 같은 이유로 우리가 직접 설정해 주어야 해요.
- 도메인은 내 소유가 아니니까요: '나만의 문패(도메인)'는 깃허브가 마음대로 만들어줄 수 없어요. 가비아나 호스팅케이알 같은 도메인 등록 업체를 통해 내가 직접 구매하고 소유권을 증명해야 합니다.
- 길을 연결해 줘야 해요 (DNS 설정): 도메인을 샀다고 끝이 아니에요. "이 도메인을 치면 내 깃허브 집으로 연결해 줘!"라고 주소록(DNS)에 길을 직접 그려주는 과정이 필요합니다.
- 보안 인증서 발급 시간이 필요해요: 도메인을 연결한 후, 깃허브가 보안 자물쇠(HTTPS 인증서)를 만들어서 달아주기까지 시간이 조금 걸리기 때문에, 우리가 최종적으로 스위치를 켜주어야 해요.
✨ 도메인 연결 및 HTTPS 설정 따라 하기
자, 이제 일상 속 불편함을 해결할 구체적인 실천 방법을 알아볼까요?
🌐 1단계: 나만의 도메인 구매하기
원하는 도메인 등록 사이트(예: 가비아, 호스팅케이알 등)에 접속해서 .com, .net, .dev 등 마음에 드는 주소를 구매해 주세요. 1년에 커피 한두 잔 값이면 충분하답니다.
⚙️ 2단계: DNS 레코드 설정 (주소록 연결)
도메인을 구매한 사이트의 'DNS 관리' 메뉴로 이동하세요. 거기서 A 레코드와 CNAME을 추가해야 합니다.
- A 레코드 4개: 185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153
- CNAME: www 이름에 값으로 내아이디.github.io를 입력합니다.
(자세한 IP 주소는 깃허브 공식 문서를 참고하세요!)
💻 3단계: 깃허브에 도메인 등록하기
내 깃허브 레포지토리(Repository)의 [Settings] - [Pages] 탭으로 이동합니다. Custom domain 칸에 내가 구매한 주소를 입력하고 [Save] 버튼을 콕 눌러주세요.
🔒 4단계: HTTPS 자물쇠 채우기
3단계를 마치고 약 15분~1시간 정도 기다린 뒤, 다시 깃허브 Pages 설정으로 돌아옵니다. Custom domain 아래에 있는 [Enforce HTTPS] 체크박스에 불이 들어오면 체크해 주세요! 이제 주소창에 든든한 자물쇠가 생겼을 거예요. ✨
📝 글을 마치며
처음 접하는 'DNS', 'A 레코드' 같은 용어들 때문에 막막하고 머리 아프셨죠? 충분히 공감합니다. 하지만 오늘 알려드린 단계대로 천천히 따라 해 보시면, 어느새 멋진 나만의 주소와 안전한 자물쇠를 가진 전문적인 웹사이트가 완성되어 있을 거예요!
설정 과정에서 도메인이 바로 연결되지 않는다고 너무 조급해하지 마세요. 인터넷 세계에 주소가 퍼지는 데는 최대 24시간이 걸릴 수도 있거든요. 만약 시간이 지나도 계속 오류가 나거나 해결이 어렵다면, 구매하신 도메인 호스팅 업체의 고객센터나 깃허브 서포트 센터에 문의하여 정확한 점검을 받아보시는 것을 권장합니다. 여러분의 멋진 개발 블로그 운영을 응원할게요! 👩💻👨💻🏥