4-3 내 컴퓨터 실습 ⏱ 약 12분

Antigravity로 Cloudflare에 배포하기

드디어 공개! Cloudflare 계정을 만들고, 내 사이트를 인터넷에 올려 나만의 주소를 받아요.

🎯 이번 레슨을 마치면
  • Cloudflare 계정을 만들 수 있다
  • 드래그 앤 드롭 또는 Antigravity로 사이트를 배포할 수 있다
  • 배포된 사이트를 확인하고 친구에게 공유할 수 있다

0단계: Cloudflare 계정 만들기

cloudflare.com 에 들어가 무료로 가입해요. 이메일 인증까지 끝내면 준비 완료예요.

방법 A: 끌어다 놓기 (가장 쉬움)

  1. Cloudflare 대시보드에서 Workers & Pages 메뉴로 가요.
  2. 만들기(Create) → Pages → 에셋 업로드(Upload assets) 를 골라요.
  3. 프로젝트 이름을 정해요. (예: minji-site → 주소가 minji-site.pages.dev가 돼요)
  4. 내 my-site 폴더를 통째로 끌어다 놓고 배포 버튼을 눌러요.

방법 B: Antigravity에게 맡기기

AI 코딩 도구에게 이렇게 말해 보세요 
이 폴더의 웹사이트를 Cloudflare에 배포하고 싶어. 나는 Cloudflare 계정이 있어.
초보자니까 어떤 순서로 할지 먼저 설명해 주고, 한 단계씩 진행해 줘.
로그인이 필요하면 내가 브라우저에서 직접 할게.
프로젝트 이름은 minji-site로 해 줘.

👉 Antigravity는 보통 Cloudflare의 배포 도구 Wrangler를 써요. 처음엔 Node.js 설치가 필요할 수 있어요. 그것도 물어보면 알려 줘요.

진행 중에 이런 일이 일어나요.

단계무슨 일이 일어나나요?내가 할 일
1. 로그인브라우저에 Cloudflare 로그인·권한 허용 화면이 떠요직접 로그인하고 허용
2. 배포Antigravity가 배포 작업을 실행해요무엇을 하려는지 읽고 허락
3. 완료https://minji-site.pages.dev 같은 주소가 나와요열어서 확인!

배포 뒤 확인하기

퀴즈

Antigravity가 Cloudflare에 배포하는데 로그인이 필요하다고 해요. 어떻게 할까요?

📝 정리해 볼까요?

  • 가장 쉬운 방법은 Cloudflare 화면에 폴더를 끌어다 놓는 것이에요.
  • Antigravity에게 맡기면 배포 도구(Wrangler)로 명령 한 번에 올려 줘요. 로그인은 내가 브라우저에서 직접 해요.
  • 배포가 끝나면 ○○.pages.dev 같은 무료 주소가 생겨요.

📖 새로 나온 용어

배포 Deploy
만든 웹사이트를 인터넷에 올려서 다른 사람이 볼 수 있게 하는 일이에요. 비유: 가게 오픈
호스팅 Hosting
내 웹사이트 파일을 24시간 켜져 있는 컴퓨터에 올려 두고 누구나 접속하게 하는 것이에요. 비유: 가게 자리 임대
용어 사전 전체 보기 →