Claude로 만든 사이트, ZIP 하나로 즉시 공유하기
30초면 충분합니다. Claude에서 디자인 → ZIP 다운로드 → miri.dev 업로드 → 링크 공유. 끝.
AI 시대에 웹사이트 만드는 건 어렵지 않습니다. 하지만 "만든 다음에 어떻게 공유하지?"가 막막했던 분들 많으시죠?
오늘은 Claude로 만든 결과물을 ZIP으로 받아 miri.dev에 바로 배포하는 방법을 알려드립니다. 회원가입도, 서버 설정도 필요 없습니다.
🤖 STEP 1 — Claude에서 웹사이트 만들기
Claude(claude.ai)나 Claude Code에서 원하는 웹사이트를 만들어 달라고 요청하세요.
프롬프트 예시:
카페 소개 웹사이트를 만들어줘.
- index.html, style.css, script.js 파일로 구성
- 모던하고 따뜻한 분위기
- 메뉴판과 위치 정보 포함
ZIP 파일로 다운로드할 수 있게 패키지해줘.
Claude는 HTML/CSS/JS 파일을 생성하고, 이를 ZIP으로 묶어 다운로드할 수 있게 해줍니다. "ZIP으로 패키지해줘"라고 명시하거나, 생성된 코드를 직접 압축해도 됩니다.
💡 팁: Claude Code에서는 프로젝트 폴더를 통째로 ZIP으로 압축하는 명령어를 요청할 수 있습니다.
zip -r my-cafe-site.zip . -x "*.git*" "node_modules/*"
🗜️ STEP 2 — miri.dev에 ZIP 파일 업로드
www.miri.dev에 접속해서 "파일로 배포하기" 탭을 선택하세요.
화면 하단의 보라색 "ZIP 파일 배포" 카드를 클릭하거나, ZIP 파일을 드래그해서 올려놓으면 됩니다.
로그인 없이도 바로 업로드 가능합니다. ✨
⚡ STEP 3 — 자동 압축 해제 & 즉시 배포
ZIP 파일을 업로드하는 순간, miri.dev가 자동으로:
- ZIP 압축 해제 — index.html, style.css, script.js 등 모든 파일을 추출
- 파일 검증 — index.html이 있는지 확인
- 스토리지 업로드 — 전 세계 어디서나 빠르게 접속 가능하도록 배포
- URL 생성 —
https://a1b2c3d4.miri.dev형태의 고유 링크 발급
전체 과정이 10~30초 안에 완료됩니다.
🔗 STEP 4 — 링크 하나로 누구나 접속
배포가 완료되면 고유한 URL이 생성됩니다.
이 링크를 카카오톡, 이메일, 슬랙 어디든 공유하세요.
- ✅ 받는 사람이 회원가입할 필요 없음
- ✅ PC, 모바일 모두 접속 가능
- ✅ HTTPS 자동 적용 (보안 걱정 없음)
- ✅ 비로그인 시 1시간 무료 호스팅 (가입하면 3일로 연장)
📋 전체 흐름 요약
| 단계 | 내용 | 소요 시간 |
|---|---|---|
| 1️⃣ | Claude에서 웹사이트 코드 생성 | 1~3분 |
| 2️⃣ | ZIP 파일로 다운로드 | 10초 |
| 3️⃣ | miri.dev에 ZIP 업로드 | 5초 |
| 4️⃣ | 배포 완료 & 링크 수령 | 10~30초 |
| 5️⃣ | 링크 공유 | 즉시 |
합계: 약 2~5분
🎯 어떤 상황에 쓰면 좋을까요?
- 🧑🏫 수업 과제 제출 — 교수님/선생님에게 링크 하나만 보내기
- 💼 클라이언트 프로토타입 공유 — 계약 전 빠른 시안 공유
- 🤝 팀 리뷰 — 동료에게 "이런 방향 어때요?" 확인받기
- 🎨 포트폴리오 즉석 데모 — 면접 자리에서 바로 보여주기
- 📱 개인 프로젝트 공유 — 친구나 가족에게 자랑하기
💡 자주 묻는 질문
Q. ZIP 안에 파일이 많아도 되나요? 네, 가능합니다. 단, 총 파일 크기가 15MB 이하여야 합니다.
Q. 폴더 구조가 있는 ZIP도 되나요?
됩니다. images/, css/, js/ 같은 하위 폴더가 있어도 구조를 그대로 유지해서 배포됩니다.
Q. 1시간 후에 사이트가 사라지나요? 비로그인 상태에서는 1시간 후 만료됩니다. 무료 가입하면 3일로 연장됩니다.
Q. Claude 말고 다른 AI로 만든 것도 되나요? 물론입니다! Cursor, GitHub Copilot, GPT-4로 만든 HTML 프로젝트도 ZIP으로 올리면 됩니다.
지금 바로 miri.dev에서 ZIP 파일 배포를 시작해보세요. 🚀