Chapter 11
호스팅

호스팅
연결

HTML 파일을 실제로 열리는 주소로 만드는 방법.
Netlify 배포 + Gabia DNS 연결을 각 화면 단위로 따라할 수 있게 정리했습니다. 기술 지식 없이 30분 안에 완료됩니다.

6단계로 끝납니다

① Netlify 가입 → ② 파일 드래그앤드롭 → ③ 도메인 구매 → ④ DNS 설정 → ⑤ Netlify 도메인 등록 → ⑥ 연결 확인. 각 단계를 화면 단위로 보여드릴게요.

⑤번을 빠뜨리는 경우가 많습니다. DNS 설정과 Netlify 도메인 등록, 둘 다 해야 연결됩니다.

01
Netlify 가입
app.netlify.com 접속 → GitHub 또는 이메일로 가입합니다. 무료 플랜으로 충분해요.
app.netlify.com/signup
Sign up for Netlify
🐙 Continue with GitHub
✉️ Sign up with email
Free plan includes: Unlimited sites · HTTPS · 100GB bandwidth/month
02
폴더 드래그앤드롭으로 배포
Sites 탭 → 하단 "Deploy manually" 영역에 폴더를 드래그합니다. index.html이 담긴 폴더 전체를 끌어다 놓으면 됩니다.
app.netlify.com/sites
Deploy manually
📁
폴더를 여기에 드래그하세요
index.html이 포함된 폴더 전체를 드래그
또는 Browse to upload
배포 완료 — 약 30초 소요
Site is live!
https://your-site-name.netlify.app
이 임시 URL로 먼저 확인하세요. 도메인 연결 전에도 접속 가능합니다.
폴더 안에 반드시 index.html 파일이 있어야 합니다. 파일명이 다르면 404 오류가 납니다.
03
Gabia에서 도메인 구매
gabia.com 접속 → 원하는 도메인명 검색 → 구매합니다. paulingplus.com 기준 연 1~2만원 수준이에요.
www.gabia.com
검색
paulingplus.com ✓ 등록 가능
₩11,000/년
장바구니
04
Gabia DNS 설정으로 연결
가비아 My가비아 → 도메인 관리 → DNS 정보 → DNS 관리에서 아래 값을 입력합니다.
A 레코드는 도메인(paulingplus.com)이 어떤 서버 IP를 가리킬지 알려주는 주소표예요.
CNAME은 www.paulingplus.com을 Netlify 임시 주소로 연결하는 별칭이에요.
두 줄을 그대로 복사해서 입력하면 됩니다.
my.gabia.com → 도메인 관리 → DNS 설정
DNS 레코드 설정
타입호스트
A
@
75.2.60.5
CNAME
www
your-site-name.netlify.app
CNAME 값은 본인의 Netlify 사이트 URL로 변경하세요.
DNS 반영까지 최대 48시간 소요. 대부분 1~2시간 안에 됩니다. 다음 Step 05를 먼저 완료하고 기다리면 됩니다.
05
Netlify에서 커스텀 도메인 등록
DNS 설정만으로 끝이 아닙니다. Netlify에서도 내 도메인을 등록해야 두 쪽이 연결됩니다. 여기서 막히는 경우가 가장 많아요.
app.netlify.com → Sites → [내 사이트] → Domain settings
Domain management
Custom domains
도메인이 없습니다
Add custom domain
도메인 입력:
Verify
Sites → 내 사이트 클릭 → 상단 메뉴 "Domain settings" → Custom domains → "Add custom domain" 버튼 순서입니다.
06
연결 확인
DNS 반영 후(1~2시간) 브라우저에서 내 도메인을 열어보세요. 주소창에 자물쇠(🔒)가 보이면 완료입니다.
🔒 paulingplus.com
홈페이지가 열립니다 — 완료
🔒 자물쇠 = HTTPS 인증서 정상 발급
자물쇠가 없으면: Netlify Domain Settings → "Verify DNS configuration" 버튼을 눌러주세요.
DNS가 아직 반영 중이면 조금 더 기다렸다 새로고침하세요. 48시간 이후에도 안 되면 Step 04·05를 다시 확인하세요.

이 3가지는 꼭 확인하세요

파일을 드래그했는데 404가 납니다
폴더 안에 index.html 파일이 있는지 확인하세요. index.html이 없거나 파일명이 다르면(예: paulingplus.html) 메인 페이지를 찾지 못합니다.
수정 후 재배포는 어떻게 하나요
같은 방식으로 수정된 폴더를 다시 드래그앤드롭합니다. 기존 배포에 덮어씌워지고 30초 안에 반영됩니다. 버전 관리가 필요하면 Netlify에서 배포 히스토리를 확인할 수 있어요.
HTTPS 자물쇠가 없습니다
DNS 반영 후 Netlify Domain Settings에서 "Verify DNS configuration" 버튼을 누르면 HTTPS 인증서가 자동 발급됩니다. 누르지 않으면 자동 발급이 안 되는 경우가 있어요.