← 가이드 목록

🤖 ChatGPT·클로드·제미나이가 만든 HTML, 링크 하나로 공유하는 법

6분 읽기 · 짧게.한국 가이드

요즘 AI에게 이렇게 말하면 진짜로 만들어 줍니다.

"우리 반 구구단 연습 게임 만들어줘" · "가게 오픈 안내 페이지 만들어줘" · "동아리 모집 사이트 만들어줘"

ChatGPT, 클로드(Claude), 제미나이(Gemini) 모두 대화창 안에서 작동하는 웹페이지를 뚝딱 만들어 줍니다. 문제는 그다음입니다. "이걸 어떻게 다른 사람에게 보여주지?"

왜 공유가 어려울까요?

필요한 건 단 하나 — 누르면 바로 열리는 주소입니다. 짧게.한국이 그 역할을 합니다.

1단계 — AI에게서 HTML 코드 받기

핵심은 결과물을 "하나의 HTML 파일"로 받는 것입니다. AI마다 화면은 조금씩 다르지만 방법은 비슷합니다.

💡 처음 요청할 때부터 이렇게 말하면 공유가 쉬워집니다 — "서버 없이 작동하는 단일 HTML 파일 하나로 만들어줘. CSS와 자바스크립트도 그 파일 안에 전부 넣어줘."

2단계 — 짧게.한국에 올리기 (10초)

이게 전부입니다. 회원가입 없이도 되고, 결과 주소는 QR 코드까지 자동 생성되니 교실 화면·포스터·단톡방 어디든 바로 쓸 수 있습니다. 올린 페이지는 몇 명이 열어봤는지 조회 통계도 확인됩니다.

얼마나 보관되나요?

어떤 결과물이 잘 되나요?

잘 되는 것 — 파일 하나로 완결되는 모든 것: 퀴즈·학습 게임, 계산기, 룰렛·뽑기, 안내·초대장 페이지, 소개 사이트, 설문 전 안내문, 포트폴리오. AI가 만드는 결과물의 대부분이 여기에 속합니다.

안 되는 것 — 서버가 필요한 기능: AI가 실시간으로 답하는 챗봇, 여러 사람의 입력을 한곳에 모으는 기능, 로그인. 이런 앱은 HTML 파일 하나로 옮길 수 없습니다.

경계에 있는 경우라면 AI에게 이렇게 다시 요청해 보세요.

"이 앱을 서버 없이 작동하게 바꿔줘. 데이터 저장은 localStorage를 사용하고, 단일 HTML 파일로 만들어줘."

점수 기록, 할 일 목록, 출석 체크처럼 "그 기기 안에서만 저장되면 되는" 기능은 이 요청 한 줄로 해결되는 경우가 많습니다.

실전 활용 예시

💡 정부 무료 바이브 코딩 플랫폼 "모두의 AI 실험실"을 쓰고 계신다면, 세션 30분 제한을 해결하는 방법을 다룬 다음 가이드도 함께 읽어보세요.

긴 주소, 지금 바로 짧게 만들어 보세요

회원가입 없이 무료 · QR 코드와 클릭 통계까지

짧게.한국 시작하기