Course 00의 첫 레슨을 그대로 공개합니다. 코딩 한 줄 안 짜고, 본인 도메인에 사이트가 떠 있는 5단계. 각 단계 끝의 "이 단계 완료"를 체크하며 따라오세요. 5개를 다 켜면 스테이지 클리어입니다.
이 글을 다 읽고 따라하면, 본인 이름의 도메인 (예: jacob-ahn.com)에서 사이트가 보입니다. 친구가 그 주소를 치면 본인이 만든 페이지가 뜹니다.
3년간 식빵영어·SpeakCoach·TopikIQ·Verbio Labs를 직접 출시하면서, 사이트 띄우는 일은 점점 더 단순해졌습니다. 지금은 이 5단계가 끝입니다.
이게 Course 00의 첫 레슨이고, 1강이 끝나면 12강은 같은 사이트 위에 실제로 매출이 들어오는 AI 서비스를 얹는 과정입니다.
순서대로 진행하세요. 각 단계의 끝에는 손에 남는 결과가 하나씩 있습니다.
가비아·후이즈·Namecheap 중 어느 곳도 OK. 한국에서 운영할 거면 가비아 추천. 한국어 지원·카카오페이 결제·세금 영수증이 깔끔합니다.
이름은 본인 이름 또는 만들고 싶은 서비스 이름. .com이 정석이고 한국 SaaS면 .co.kr도 무난합니다. 연 ₩15,000~₩30,000.
jacob-ahn.com). 아직 사이트는 없음, 주소만 있음.vercel.com 접속 → Continue with GitHub. GitHub 계정 없으면 그것도 30초 만에 만듭니다.
Vercel은 사이트를 인터넷에 올려주는 호스팅 회사입니다. Hobby 플랜 무료로 시작. 트래픽 월 100GB까지 무료라 1기 출시 시점까진 돈 안 듭니다.
이게 핵심입니다. Claude·v0·Cursor 셋 중 하나 선택. 처음이면 v0.dev 추천. 결과가 화면에 바로 보입니다.
아래는 실제로 제가 사용했던 prompt 예시. 그대로 복사해서 본인 정보로 바꿔 쓰세요.
간단한 1페이지 포트폴리오 사이트를 만들어줘. · 이름: 안준영 · 직업: AI · 언어 교육 메이커, Verbio Labs 운영 · 색상: 흰 바탕, 검정 본문, 파란 액센트 · 폰트: Inter + Pretendard · 섹션: 1. Hero · 이름, 짧은 한 줄 소개 2. About · 본인 소개 3-4 문단 3. Projects · 3개 카드로 (제목·한 줄 설명·링크) 4. Contact · 이메일 하나 모바일 반응형으로. Apple 스타일 미니멀. 단일 HTML 파일로.
받은 결과가 마음에 들 때까지 "헤더 색을 더 진하게", "Projects 카드를 가로로 배치" 같은 후속 prompt로 다듬으면 됩니다. 15분 안에 마무리.
GitHub은 코드를 저장해두는 클라우드입니다. Vercel이 GitHub에서 코드를 자동으로 가져가 사이트로 배포합니다.
GitHub Desktop 앱 (desktop.github.com) 설치가 명령어보다 편합니다.
순서: File → New repository → 본인 사이트 폴더 선택 → Repository name 입력 → Publish repository. "Keep this code private" 체크 해제 (Vercel 무료 플랜은 public 저장소만 가져갑니다).
Vercel 대시보드 → Add New Project → 방금 만든 GitHub 저장소 선택 → Deploy.
90초쯤 기다리면 your-project.vercel.app 주소에서 사이트가 보입니다. 이 순간 사이트는 이미 인터넷에 떠 있습니다.
이제 본인 도메인 연결: 프로젝트 → Settings → Domains → Add → 본인 도메인 입력. Vercel이 알려주는 DNS 설정 (A record 또는 CNAME)을 도메인 회사 (가비아·후이즈) 관리 페이지에 그대로 옮기면 끝.
A @ 76.76.21.21 CNAME www cname.vercel-dns.com
DNS 반영에 5분~30분 정도. 반영되면 https://jacob-ahn.com에 본인 사이트가 보입니다. HTTPS 인증서는 Vercel이 자동으로 무료 발급.
★ STAGE CLEAR! ★
QUEST 5/5 · +500 XP EARNED
본인 도메인에 사이트가 떠 있다면, 오늘의 퀘스트는 끝났습니다. 다음 스테이지를 고르세요.