제목

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

웹 개발자 및 프로젝트 호스팅을 관리하는 디자이너, 개발 팀

핵심 요약

• CNAME 파일 생성: CNAME 파일에 커스텀 도메인(예: www.yourcustomdomain.com)을 입력하고 GitHub 저장소에 푸시
• A 레코드 설정: GitHub Pages의 정적 IP 주소(185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153)를 Squarespace DNS에 추가
• DNS 전파 확인: 변경 사항이 완전히 반영될 때까지 최대 48시간 소요, whatsmydns.net 같은 도구로 상태 모니터링

섹션별 세부 요약

1. 준비 작업

• GitHub Pages 사이트가 이미 생성되어 있어야 하며, yourusername.github.io 또는 yourusername.github.io/your-project 형식의 URL을 사용
• Squarespace에서 구매한 커스텀 도메인을 사용 중이며, GitHub Pages는 공개적으로 접근 가능한 상태

2. GitHub Pages 설정

• 저장소 루트에 CNAME 파일 생성
• 파일 내부에 커스텀 도메인(www.yourcustomdomain.com) 입력 후 main 또는 master 브랜치에 푸시
• GitHub Pages는 해당 도메인으로의 트래픽을 예상하게 됨

3. Squarespace DNS 설정

• A 레코드: GitHub의 4개 IP 주소를 @ 호스트에 추가(기본 TTL 설정)
• CNAME 레코드: www 호스트에 yourusername.github.io 설정
• 기존 A/CNAME 레코드가 있다면 삭제 후 새로운 설정 적용

4. DNS 전파 및 검증

• DNS 변경 사항은 최대 48시간 소요, whatsmydns.net 등 도구로 확인
• 브라우저에서 커스텀 도메인 접속 시 GitHub Pages 사이트가 표시됨

5. 문제 해결 팁

• 404 오류: GitHub Pages가 올바른 브랜치에서 출판되는지 확인
• Squarespace 계속 표시: DNS 캐시 정리 및 기존 Squarespace 레코드 삭제
• 혼합 콘텐츠 경고: GitHub Pages의 HTTPS 지원 확인(무료 제공)

결론

• 핵심 팁: A 레코드에 GitHub의 4개 IP 주소를 반드시 추가하고, 기존 레코드 충돌을 확인
• 실무 적용: 도메인 전환 후 whatsmydns.net으로 DNS 전파 상태 확인
• 결론: Squarespace 도메인과 GitHub Pages의 결합으로 프로페셔널한 도메인과 무료 정적 호스팅을 동시에 활용 가능