Squarespace 도메인을 GitHub Pages 사이트에 연결하는 방법: A 레코드 설정 가이드

🤖 AI 추천

Squarespace에서 구매한 도메인을 사용하여 GitHub Pages에 호스팅된 개인 포트폴리오 또는 프로젝트 사이트를 운영하려는 웹 개발자 및 프론트엔드 개발자에게 이 콘텐츠를 추천합니다.

🔖 주요 키워드

Squarespace 도메인을 GitHub Pages 사이트에 연결하는 방법: A 레코드 설정 가이드

Squarespace 도메인을 GitHub Pages 사이트에 연결하는 방법: A 레코드 설정 가이드

핵심 기술

이 가이드는 Squarespace에서 구매한 사용자 정의 도메인을 GitHub Pages에 호스팅된 웹사이트(개인 또는 프로젝트 페이지)로 연결하는 방법을 설명합니다. Squarespace의 DNS 설정에서 A 레코드와 CNAME 레코드를 올바르게 구성하여 도메인이 GitHub Pages 서버를 가리키도록 하는 실용적인 절차를 제공합니다.

기술적 세부사항

  • 사전 준비 사항:
    • GitHub Pages에 배포된 작동하는 웹사이트
    • Squarespace에서 구매한 사용자 정의 도메인 (Squarespace 자체 호스팅 웹사이트와는 다름)
    • GitHub 및 Squarespace 관리 패널 접근 권한
  • GitHub Repository 설정:
    • Repository 루트에 CNAME 파일을 생성합니다.
    • CNAME 파일 안에 사용자 정의 도메인 주소(예: www.yourcustomdomain.com)를 입력합니다.
    • 이 파일을 기본 브랜치(main 또는 master)에 커밋하고 푸시합니다.
  • Squarespace DNS 설정:
    • Squarespace에 로그인하여 해당 도메인의 DNS 설정으로 이동합니다.
    • Squarespace는 CNAME 플래트닝 또는 ALIAS 레코드를 지원하지 않으므로, A 레코드를 사용해야 합니다.
    • GitHub Pages의 고정 IP 주소(185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153)를 사용하여 4개의 A 레코드를 추가합니다.
    • www 서브도메인의 경우, GitHub Pages URL(yourusername.github.io)을 가리키는 CNAME 레코드를 추가합니다.
    • 기존 충돌하는 A 또는 CNAME 레코드는 삭제해야 합니다.
  • DNS 전파 및 확인:
    • DNS 변경 사항은 최대 24-48시간이 소요될 수 있습니다. whatsmydns.net과 같은 도구를 사용하여 확인할 수 있습니다.
    • DNS 전파 후, 사용자 정의 도메인으로 접속하여 GitHub Pages 사이트가 올바르게 표시되는지 확인합니다.
  • 문제 해결:
    • 404 오류: GitHub Pages가 올바른 브랜치에서 게시되고 있는지 확인합니다.
    • Squarespace 페이지 로딩: DNS 캐시를 지우고 Squarespace 기본 레코드가 제거되었는지 확인합니다.
    • Mixed content 경고: GitHub Pages 사이트가 HTTPS를 지원하는지 확인합니다.

개발 임팩트

이 절차를 통해 개발자는 자신의 개인 도메인을 사용하여 GitHub Pages의 무료 정적 호스팅 기능을 활용할 수 있습니다. 이를 통해 포트폴리오나 프로젝트 사이트의 전문성을 높이고 사용자 경험을 향상시킬 수 있습니다. GitHub Pages는 HTTPS를 무료로 제공하므로 보안 연결도 용이합니다.

커뮤니티 반응

언급되지 않음.

📚 관련 자료