홈페이지 구축 기초 개념 이해하기

홈페이지 구축 기초 개념 이해하기

도메인, 호스팅, 그리고 홈페이지를 만드는 여러 가지 방법

이 챕터는 본 강좌(Hugo + GitHub + Cloudflare Pages)를 시작하기 전에 알아두면 좋은 배경지식을 다룹니다. 미국 거주자 기준으로 설명하며, 한국의 서비스도 함께 언급합니다.

🎯 목표

  • 홈페이지가 인터넷에 존재하기 위해 필요한 3요소(도메인, 호스팅, 사이트)를 구분할 수 있다.
  • 도메인을 어디서 어떻게 구입하는지, 무엇을 주의해야 하는지 안다.
  • 홈페이지를 만드는 대표적인 방법 4가지(웹빌더, CMS, 정적 사이트, 블로그 플랫폼)의 장단점을 비교하고, 내 상황에 맞는 방식을 고를 수 있다.
  • 이 강좌가 왜 “정적 사이트” 방식을 선택했는지 이해한다.

✅ 할 일

  1. 홈페이지 3요소 개념 이해
  2. 도메인 구입처와 가격 감각 익히기
  3. 홈페이지 제작 방식 4가지 비교표 읽기
  4. 내 목적에 맞는 방식 결정하기 (이 강좌는 정적 사이트 방식으로 진행)

📖 과정 (개념 설명)

1) 홈페이지의 3요소 — 주소, 땅, 건물

홈페이지가 인터넷에 존재하려면 세 가지가 필요합니다. 부동산에 비유하면 이해가 쉽습니다.

  • 도메인(Domain): 방문자가 찾아오는 인터넷 주소 이름입니다. 예: myname.com. 연 단위로 비용을 내고 사용합니다.
  • 호스팅(Hosting): 사이트 파일을 24시간 보관하고, 방문자가 접속하면 전달해 주는 서버 공간입니다.
  • 사이트(Site): 실제 내용물. 글, 이미지, 디자인이 담긴 HTML/CSS 파일들입니다.

💡 도메인이 없어도 시작할 수 있습니다. 호스팅 업체가 무료 주소(예: myblog.pages.dev)를 주기 때문에, 도메인은 나중에 붙여도 됩니다. (본 강좌 Chapter 9)

2) 도메인 구입하기

미국에서 도메인을 사는 곳 (주요 등록업체)

등록업체 특징
Cloudflare Registrar 원가 판매(마진 0)로 가장 저렴. 본 강좌와 궁합이 좋음
Namecheap 저렴하고 인터페이스가 쉬워 초보자에게 인기
Porkbun 저렴한 가격, 좋은 평판
Squarespace Domains 구 Google Domains를 인수. 무난함
GoDaddy 가장 유명하지만 갱신 가격이 비싼 편
  • 가격: .com 기준 연 $10~15 수준입니다. 한국(가비아, 후이즈 등)은 연 1~2만 원으로 비슷합니다.
  • 도메인은 “구입”이라고 말하지만 실제로는 연 단위 임대입니다. 갱신을 잊으면 도메인을 잃을 수 있으니 자동 갱신(auto-renew)을 켜두세요.
  • 도메인과 호스팅은 별개입니다. 어느 업체에서 도메인을 사든, DNS 설정을 통해 어떤 호스팅에도 연결할 수 있습니다. “도메인은 A사에서, 호스팅은 B사에서”가 전혀 문제되지 않습니다.

3) 호스팅의 종류

종류 설명 대표 서비스 비용
공유/웹 호스팅 워드프레스 같은 동적 사이트용 서버 Bluehost, SiteGround, Hostinger (한국: 카페24) 월 $3~15
정적 호스팅 완성된 파일만 전달하는 방식 Cloudflare Pages, GitHub Pages, Netlify, Vercel 무료
올인원 빌더 호스팅이 상품에 포함 Wix, Squarespace 월 $16~35 (구독료에 포함)

정적 호스팅 서비스들은 모두 미국 회사이며, 개인 사이트 수준에서는 무료 플랜으로 충분합니다. 본 강좌는 이 중 트래픽 무제한인 Cloudflare Pages를 사용합니다.

4) 홈페이지를 만드는 4가지 방법 비교 ★핵심★

방식 대표 서비스 난이도 비용 장점 단점
① 웹빌더 Wix, Squarespace, Weebly (한국: 아임웹) 매우 쉬움 월 $16~35 드래그 앤 드롭으로 제작, 디자인 템플릿 풍부 매달 구독료, 다른 곳으로 이사가 사실상 불가능(종속)
② CMS WordPress.org + 호스팅 중간 월 $3~15 자유도 최고, 플러그인 생태계 방대 서버비 지속 발생, 보안 업데이트·해킹 관리 필요
③ 정적 사이트 Hugo, Jekyll, Astro + GitHub + Cloudflare Pages 초기 진입장벽 있음 $0 매우 빠름, 해킹 위험 거의 없음, 트래픽 무제한 무료 처음에 터미널 명령어를 배워야 함, 댓글 등 동적 기능은 외부 서비스 필요
④ 블로그 플랫폼 Medium, Substack, WordPress.com (한국: 네이버 블로그, 티스토리) 가장 쉬움 무료~ 가입만 하면 바로 글 작성 내 도메인·디자인 자유도 낮음, 플랫폼 정책에 종속

어떤 방식을 골라야 할까? — 선택 가이드

  • 쇼핑몰, 예약, 결제 기능이 필요하다 → ① 웹빌더 또는 ② 워드프레스 (온라인 판매 전문은 Shopify)
  • 글 중심의 블로그, 포트폴리오, 회사/모임 소개 사이트 → ③ 정적 사이트가 최적 (빠르고, 무료이고, 관리 부담이 없음)
  • 코딩은 절대 하기 싫고 월 구독료를 낼 수 있다 → ① 웹빌더
  • 일단 글만 쓰고 싶고 내 사이트라는 소유감은 덜 중요하다 → ④ 블로그 플랫폼

5) 동적 사이트 vs 정적 사이트 — 이 강좌의 핵심 개념

  • 동적 사이트: 방문자가 접속할 때마다 서버가 프로그램(PHP, 데이터베이스)을 실행해 페이지를 “그때그때” 만들어 줍니다. (예: 워드프레스) → 유연하지만 서버 비용, 보안 관리, 속도 문제가 따라옵니다.
  • 정적 사이트: 미리 완성해 둔 HTML/CSS/이미지 파일을 그대로 전달만 합니다. → 서버가 할 일이 거의 없어 빠르고, 해킹 위험이 적고, 무료 호스팅이 가능합니다.

정적 사이트에 없는 동적 기능(댓글, 문의 폼, 검색)은 외부 무료 서비스로 해결하는 것이 일반적인 패턴입니다: 댓글은 giscus, 폼은 Formspree/Tally, 검색은 테마 내장 검색(Fuse.js) 등. (본 강좌 Chapter 10 참고)

6) 미국 거주자에게 이 조합(Hugo + GitHub + Cloudflare)이 좋은 이유

  • GitHub, Cloudflare 모두 미국 서비스라 결제, 고객지원, 문서가 전부 미국 기준으로 매끄럽습니다.
  • 도메인까지 Cloudflare Registrar에서 사면 도메인 + DNS + 호스팅을 한 대시보드에서 관리할 수 있습니다.
  • Cloudflare의 전 세계 CDN 덕분에, 미국에서 운영해도 한국의 가족·지인 방문자는 한국 근처 서버에서 사이트를 받아 빠르게 접속합니다. 태평양 건너는 지연이 없습니다.

📚 용어 해설

  • 도메인(Domain): 사이트의 인터넷 주소 이름. IP 주소(숫자) 대신 사람이 기억하기 쉬운 이름.
  • 호스팅(Hosting): 사이트 파일을 보관하고 방문자에게 전달하는 서버 서비스.
  • 등록업체(Registrar): 도메인을 판매·관리하는 회사. Cloudflare, Namecheap, GoDaddy 등.
  • DNS: 도메인 이름을 실제 서버 위치로 연결해 주는 “인터넷 주소록” 시스템.
  • CMS(Content Management System): 관리자 화면에서 글과 사이트를 관리하는 프로그램. 워드프레스가 대표적.
  • 웹빌더(Website Builder): 코딩 없이 드래그 앤 드롭으로 사이트를 만드는 유료 구독 서비스.
  • 정적 사이트 생성기(SSG): 글(Markdown)과 템플릿을 조합해 완성된 HTML 파일을 만들어 주는 프로그램. Hugo, Jekyll, Astro 등.
  • HTTPS/SSL: 주소창의 자물쇠 아이콘. 통신을 암호화하는 보안 장치로, 요즘은 필수입니다. Cloudflare 등에서 무료 자동 적용됩니다.
  • CDN(Content Delivery Network): 전 세계에 복사본 서버를 두고 방문자와 가장 가까운 곳에서 파일을 전달하는 네트워크.

💡 초보자를 위한 Tips

  • 도메인 광고의 “첫해 $0.99” 같은 미끼 가격에 주의하세요. 중요한 것은 갱신(renewal) 가격입니다. 구입 전 2년 차 이후 가격을 꼭 확인하세요.
  • 도메인은 서두르지 마세요. 무료 주소(pages.dev)로 사이트를 완성한 뒤, 계속 운영할 확신이 들 때 사도 늦지 않습니다.
  • 개인정보 보호(WHOIS privacy)가 무료로 포함되는지 확인하세요. 위 표의 업체들은 대부분 무료 제공합니다.
  • 웹빌더에서 정적 사이트로 “이사”는 어렵지만, 그 반대는 쉽습니다. 처음에 정적 사이트로 시작하면 콘텐츠(Markdown 파일)가 전부 내 손에 있어서 언제든 다른 방식으로 옮길 수 있습니다.
  • 이미 Wix/Squarespace를 쓰다가 매달 나가는 구독료가 아까워 이 강좌를 찾은 분이라면, 잘 오셨습니다. 이 조합의 운영비는 도메인 값(연 $10 남짓)이 전부입니다.

❓ FAQ

Q. 도메인을 꼭 사야 하나요?
A. 아니요. Cloudflare Pages가 주는 프로젝트명.pages.dev 무료 주소로 충분히 운영할 수 있습니다. 명함에 넣을 주소가 필요하거나 브랜드를 만들고 싶을 때 사면 됩니다.

Q. 미국에서 산 도메인을 한국 서비스와 연결할 수 있나요? (또는 그 반대)
A. 네. 도메인은 국적과 무관하게 전 세계 어떤 호스팅과도 연결됩니다. 한국 가비아에서 산 도메인을 Cloudflare Pages에 연결하는 것도, Namecheap에서 산 도메인을 한국 카페24에 연결하는 것도 모두 가능합니다.

Q. 워드프레스가 세계에서 제일 많이 쓰인다던데, 그냥 워드프레스를 배우는 게 낫지 않나요?
A. 목적에 따라 다릅니다. 복잡한 기능(회원, 쇼핑몰)이 필요하면 워드프레스가 맞습니다. 하지만 글과 정보 중심의 사이트라면, 매달 서버비를 내고 보안 업데이트를 챙겨야 하는 워드프레스보다 정적 사이트가 훨씬 가볍고 저렴합니다.

Q. Wix/Squarespace로 만든 사이트를 나중에 Hugo로 옮길 수 있나요?
A. 자동 이전 도구는 없어서 글을 하나씩 복사해 Markdown으로 옮겨야 합니다. 이것이 웹빌더의 “종속(lock-in)” 문제입니다. 반대로 Hugo 사이트의 글은 전부 내 컴퓨터의 Markdown 파일이므로 어디로든 가져갈 수 있습니다.

Q. 영어를 잘 못해도 미국 서비스(Cloudflare, GitHub)를 쓸 수 있나요?
A. 네. GitHub와 Cloudflare 모두 화면 구성이 단순하고, 이 강좌가 모든 화면을 한국어로 안내합니다. 브라우저 번역 기능을 켜도 됩니다.

다음 단계: 개념이 잡혔다면 본 강좌 Chapter 0(전체 그림 이해하기)으로 넘어가 Hugo → GitHub → Cloudflare Pages의 구체적인 흐름을 배웁니다.