🤖 ChatGPT·클로드·제미나이가 만든 HTML, 링크 하나로 공유하는 법
6분 읽기 · 짧게.한국 가이드
요즘 AI에게 이렇게 말하면 진짜로 만들어 줍니다.
"우리 반 구구단 연습 게임 만들어줘" · "가게 오픈 안내 페이지 만들어줘" · "동아리 모집 사이트 만들어줘"
ChatGPT, 클로드(Claude), 제미나이(Gemini) 모두 대화창 안에서 작동하는 웹페이지를 뚝딱 만들어 줍니다. 문제는 그다음입니다. "이걸 어떻게 다른 사람에게 보여주지?"
왜 공유가 어려울까요?
- AI 대화 공유 링크는 상대도 해당 AI에 로그인해야 하거나, 대화 전체가 노출되고, 결과물이 바로 실행되지 않는 경우가 많습니다
- HTML 파일을 카톡으로 전송하면 받는 사람이 "이걸 어떻게 여나요?"부터 묻게 됩니다. 스마트폰에서는 열기조차 어렵습니다
- 무료 호스팅 서비스는 회원가입, 영문 설정 화면, 배포 개념 등 비개발자에게는 벽이 높습니다
필요한 건 단 하나 — 누르면 바로 열리는 주소입니다. 짧게.한국이 그 역할을 합니다.
1단계 — AI에게서 HTML 코드 받기
핵심은 결과물을 "하나의 HTML 파일"로 받는 것입니다. AI마다 화면은 조금씩 다르지만 방법은 비슷합니다.
- ChatGPT — 캔버스(Canvas)로 만들어진 결과물 위의 코드 보기·복사 버튼을 누르거나, 채팅에 적힌 코드 블록의 "코드 복사"를 누르세요
- 클로드 — 아티팩트(Artifact) 창 오른쪽 위 메뉴에서 "Copy" 또는 다운로드를 누르면 HTML 전체가 복사·저장됩니다
- 제미나이 — 캔버스 결과물에서 "코드로 전환" 후 전체 복사하세요
💡 처음 요청할 때부터 이렇게 말하면 공유가 쉬워집니다 — "서버 없이 작동하는 단일 HTML 파일 하나로 만들어줘. CSS와 자바스크립트도 그 파일 안에 전부 넣어줘."
2단계 — 짧게.한국에 올리기 (10초)
- ① 짧게.한국/upload 에 접속합니다
- ② 복사한 코드를 붙여넣거나, 저장한 .html 파일을 올립니다 (최대 2MB)
- ③ 원하는 한글 이름을 정합니다 → 짧게.한국/구구단게임 완성
이게 전부입니다. 회원가입 없이도 되고, 결과 주소는 QR 코드까지 자동 생성되니 교실 화면·포스터·단톡방 어디든 바로 쓸 수 있습니다. 올린 페이지는 몇 명이 열어봤는지 조회 통계도 확인됩니다.
얼마나 보관되나요?
- 비회원 — 30일 보관. 한 번 쓰고 말 결과물이면 충분합니다
- 회원(무료) — 6개월 보관 + 만료 전 연장 가능. 계속 쓸 자료라면 가입을 권합니다
- 회원은 짧게.한국/내닉네임/이름 형태의 "내 이름 아래 주소"를 개수 제한 없이 만들 수 있습니다
어떤 결과물이 잘 되나요?
잘 되는 것 — 파일 하나로 완결되는 모든 것: 퀴즈·학습 게임, 계산기, 룰렛·뽑기, 안내·초대장 페이지, 소개 사이트, 설문 전 안내문, 포트폴리오. AI가 만드는 결과물의 대부분이 여기에 속합니다.
안 되는 것 — 서버가 필요한 기능: AI가 실시간으로 답하는 챗봇, 여러 사람의 입력을 한곳에 모으는 기능, 로그인. 이런 앱은 HTML 파일 하나로 옮길 수 없습니다.
경계에 있는 경우라면 AI에게 이렇게 다시 요청해 보세요.
"이 앱을 서버 없이 작동하게 바꿔줘. 데이터 저장은 localStorage를 사용하고, 단일 HTML 파일로 만들어줘."
점수 기록, 할 일 목록, 출석 체크처럼 "그 기기 안에서만 저장되면 되는" 기능은 이 요청 한 줄로 해결되는 경우가 많습니다.
실전 활용 예시
- 교사 — AI로 만든 받아쓰기 연습기를 짧게.한국/3반받아쓰기로 게시, 칠판에 주소만 써두면 끝
- 소상공인 — 오픈 이벤트 안내 페이지를 만들어 짧게.한국/우리가게오픈 QR을 매장 앞에 부착
- 모임·동아리 — 모집 안내 사이트를 짧게.한국/밴드부모집으로 벽보에 인쇄
- 개인 — AI로 만든 청첩장·초대장을 가족 단톡방에 한글 주소로 공유
💡 정부 무료 바이브 코딩 플랫폼 "모두의 AI 실험실"을 쓰고 계신다면, 세션 30분 제한을 해결하는 방법을 다룬 다음 가이드도 함께 읽어보세요.