🎯 왜 만들었나
M365 교육 과정 중 "도메인을 직접 사서 GitHub로 홈페이지를 만들고 연결해보면 도움이 된다"는 말을 듣고 처음으로 도메인을 구매해 홈페이지를 만들어 보았습니다. 이왕 만드는 김에 취업에 활용할 수 있는 포트폴리오로 만들고 싶었습니다.
🛠️ 사용한 것
- 가비아 – 도메인 구매(maykim.kr), DNS 설정
- GitHub / GitHub Pages – 홈페이지 파일 저장 및 무료 배포
- Claude – index.html 초안 작성
📋 진행 과정
- 도메인 구매: 가비아에서 maykim.kr 2년 등록 (등록정보 숨김·안전잠금 설정)
- 홈페이지 파일 준비: Claude로 index.html 초안 작성
- GitHub 업로드: 저장소(maykim-site) 생성 후 index.html 업로드
- Pages 배포: Settings → Pages → Deploy from a branch → main / root 저장
- 도메인 입력: Pages의 Custom domain에 maykim.kr 입력 후 저장
- DNS 설정: 가비아 DNS 관리에서 아래 레코드 추가
| 타입 |
호스트 |
값/위치 |
TTL |
| A |
@ |
185.199.108.153 |
600 |
| A |
@ |
185.199.109.153 |
600 |
| A |
@ |
185.199.110.153 |
600 |
| A |
@ |
185.199.111.153 |
600 |
| CNAME |
www |
may2kim.github.io. |
600 |
- 연결 확인: GitHub에서 “DNS check successful” 확인
- HTTPS 적용: Enforce HTTPS 체크 → 주고받는 정보를 암호화하고, 브라우저의 "주의 요함" 경고 없이 안전하게 접속되도록 설정
- 직접 수정: 한 줄 소개 문구와 글자 색을 index.html에서 직접 고치고 커밋
🤔 어려웠던 점 / 해결한 방법
- 글자 색을 바꿀 때 휴대폰 전용 설정(@media)을 고칠 뻔함 → 기본 설정과 화면 크기별 설정의 차이를 알고 올바른 위치를 수정
- A 레코드와 CNAME의 차이가 헷갈림 → 각 레코드가 담당하는 주소와 역할을 찾아보며 이해