CanRobot · 캔로봇
Microsoft Frontier Transformation Engineer TITAN Microsoft Certified Trainer Microsoft MVP 2025

CanRobot

DEPLOY.md — 인터넷에 올리고 내 주소 붙이기 (15분)

DEPLOY.md — 인터넷에 올리고 내 주소 붙이기 (15분)

여기서부터는 Copilot을 쓰지 않습니다. 화면 따라 클릭만 하면 됩니다.

⏱️ 1단계 5분 · 2단계 5분 · 3단계 5분

🎯 오늘 도착점

GitHub 저장소  →  Netlify  →  https://내이름.netlify.app  (5분 뒤 확보)
                                        ↓
                           https://www.내이름.com  (도메인 연결)

💡 도메인을 안 사도 됩니다. 1단계만 해도 세상에 공개된 진짜 주소가 생깁니다. 도메인은 집에서 나중에 붙여도 됩니다. 먼저 1단계를 끝내세요.

1단계 · Netlify 배포 (5분)

  1. app.netlify.com 접속
  2. Sign up → GitHub 로 가입
    • GitHub 계정으로 바로 로그인됩니다. 새 비밀번호를 만들지 않습니다.
    • 권한 요청 화면이 나오면 Authorize Netlify 클릭
  3. 상단 Add new site → Import an existing project
  4. Deploy with GitHub 선택
  5. 저장소 목록에서 오늘 만든 저장소(예: my-homepage) 클릭
    • 목록에 안 보이면 → Configure the Netlify app on GitHub → 저장소 선택 후 저장

  6. 빌드 설정 화면이 나옵니다. 아무것도 건드리지 마세요.

    항목 값
    Build command 비워둠
    Publish directory 비워둠 (또는 .)

    HTML 파일 하나뿐이라 빌드가 필요 없습니다.

  7. Deploy 클릭 → 1분 대기
  8. https://xxxxx-yyyyy-123456.netlify.app 주소가 나옵니다. 눌러보세요.

✅ 체크포인트 1: 내 홈페이지가 인터넷에서 열린다. 여기까지가 진짜 완성입니다.

주소 이름 예쁘게 바꾸기 (30초)

Site configuration → Site details → Change site name → kimsungmi 입력 → https://kimsungmi.netlify.app

🎉 앞으로는 자동입니다

github.dev 에서 파일을 고치고 저장(커밋)하면 1분 뒤 홈페이지에 자동 반영됩니다. Netlify에 다시 올릴 필요가 없습니다.

2단계 · 가비아에서 도메인 사기 (5분)

💳 결제수단이 없으면 이 단계를 건너뛰세요. 1단계 주소로 오늘은 마무리합니다.

  1. 가비아 domain.gabia.com 접속
  2. 검색창에 원하는 이름 입력 — 예: kimsungmi
  3. 결과에서 .com 또는 .kr 중 “등록 가능” 인 것을 장바구니에 담기
    • 예상 비용: .com 연 2만 원 내외, .kr 연 1~2만 원대 (가격은 그때그때 다릅니다)
  4. 결제 (가비아 회원가입 필요)
  5. My가비아 → 서비스 관리 → 도메인 에 내 도메인이 보이면 성공

⚠️ 이름 짓기 팁: 하이픈(-)과 숫자는 피하세요. 말로 불러줄 수 없는 주소가 됩니다.

3단계 · 도메인 연결 (5분)

3-1. Netlify에 도메인 알려주기

  1. Netlify 사이트 → Domain management → Add a domain
  2. www.내도메인.com 을 입력 (앞에 www. 를 꼭 붙이세요)
  3. Verify → Add domain
  4. 안내 화면에 xxxxx.netlify.app 값이 표시됩니다. 이걸 복사해두세요.

💡 왜 www 를 먼저 쓰나요? www 없는 주소(apex)는 DNS 규칙상 CNAME을 쓸 수 없어 설정이 까다롭습니다. www 를 대표 주소로 잡고, 뒤에서 www 없는 주소를 여기로 넘겨주는 게 가장 안전합니다.

3-2. 가비아 DNS에 두 줄 넣기

My가비아 → 서비스 관리 → 도메인 → DNS 관리 → DNS 설정 → 설정 → 레코드 수정

① CNAME 한 줄 추가 ← 이게 핵심

타입 호스트 값/위치 TTL
CNAME www xxxxx.netlify.app 3600

⚠️ 값 끝에 점(.)이나 https:// 를 붙이지 마세요. 가장 흔한 실수입니다.

② A 레코드 한 줄 추가 (www 없는 주소도 열리게)

타입 호스트 값/위치 TTL
A @ 75.2.60.5 3600

75.2.60.5 는 Netlify 공식 로드밸런서 주소입니다.

③ 저장 클릭

3-3. Netlify로 돌아와서

  1. Domain management 에서 Add domain alias → 내도메인.com (www 없이) 추가
  2. 아래 HTTPS 항목에서 Verify DNS configuration 클릭
  3. 인증서가 자동 발급됩니다 → Let's Encrypt certificate 초록불

✅ 체크포인트 2: https://www.내도메인.com 이 열린다 🎉

⏳ 안 열리면? 정상입니다

DNS 설정은 전 세계에 퍼지는 데 수 분에서 최대 하루가 걸립니다. 지금 안 열려도 잘못한 게 아닙니다. 저녁에 다시 확인하세요.

지난 시간 상태
~10분 아주 정상. 기다리세요
10분~2시간 흔한 편. 계속 기다리세요
하루 넘음 그때 CNAME 값의 오타를 확인하세요

빠르게 확인하는 법: dnschecker.org 에서 www.내도메인.com 을 CNAME으로 조회

📱 마무리 — QR로 서로 방문하기

  1. qr.io 또는 휴대폰 기본 QR 생성기에 내 주소 입력
  2. 화면에 띄우고 옆 사람과 서로 찍기
  3. 링크드인에 오늘 만든 주소 공유하기

🗣️ 강사 멘트: “2시간 전엔 코드를 한 줄도 못 쓰던 분들이, 지금 각자 인터넷에 자기 주소를 하나씩 갖고 계십니다.”

출처