HTML 파일 카카오톡으로
공유하는 법

상황은 이렇다. ChatGPT나 Claude에게 뭔가를 만들어달라고 했다. 랜딩 페이지든, 인터랙티브 계산기든, 간단한 대시보드든 — AI는 완성된 .html 파일을 뚝딱 내놓는다. 이제 이걸 팀원이나 클라이언트에게 카카오톡으로 보내야 한다. 그런데 막상 파일을 첨부하려는 순간 깨닫는다. 상대방이 제대로 열 수 있을지 전혀 확신이 없다는 걸.

정확한 상황 진단부터 하자. 왜 .html 파일을 카카오톡으로 보내는 방법이 작동하지 않는지, 그리고 어떻게 하면 링크 하나로 깔끔하게 해결할 수 있는지.

카카오톡에서 .html 파일이 안 열리는 이유

카카오톡 PC 버전에서는 파일 첨부 자체는 된다. 수신자는 파일을 다운로드한 뒤 직접 브라우저로 열어야 한다. 한 단계 더 있다는 것만으로도 전달이 끊기는 경우가 많다. 그리고 모바일에서는 상황이 더 나쁘다.

iOS와 Android 카카오톡 앱은 .html 파일을 인라인으로 렌더링하지 않는다. 파일을 탭하면 다운로드 옵션이 뜨거나 지원되지 않는 파일 형식이라는 메시지가 나온다. 받는 사람 입장에서는 파일이 와도 내용을 볼 방법이 없다.

모바일 사용자가 카카오톡으로 받은 .html 파일을 즉시 렌더링해서 볼 수 있는 방법은 사실상 없다. 파일이 아니라 URL이 필요하다.

여기서 핵심 문제가 명확해진다. 카카오톡은 파일을 공유하는 채널로는 적합하지 않다. 하지만 URL은 다르다. 링크는 어떤 기기에서든, 어떤 OS에서든 탭 한 번으로 열린다. 필요한 건 .html 파일을 URL로 바꾸는 중간 단계다.

기존 대안들이 실패하는 이유

HTML을 URL로 바꾸기 위해 흔히 시도하는 방법들이 있다. 하나씩 살펴보면 전부 어딘가 막힌다.

• CodePen: 계정을 만들어야 사용 가능하다. 파일을 드롭하는 기능도 없다. HTML, CSS, JS를 별도 패널에 나눠 붙여야 한다. AI가 만든 단일 .html 파일을 그대로 올리는 방법이 없다.
• JSFiddle: CodePen과 같은 문제다. HTML, CSS, JS를 각각의 탭으로 분리해야 한다. AI가 만든 인라인 스타일이나 <script> 블록이 포함된 파일은 그대로 동작하지 않을 가능성이 높다.
• GitHub Gist: HTML 소스 코드를 텍스트로 저장한다. 렌더링이 안 된다. 받는 사람은 코드를 보게 되지 결과물을 보게 되지 않는다. 비개발자에게 이걸 보내는 건 원자재를 배송하는 것과 같다.
• Glitch: 2025년 7월 서비스가 종료됐다. 더 이상 옵션이 아니다.
• Netlify Drop: 폴더 단위 배포를 전제로 설계됐다. 파일 하나만 올리려면 폴더를 만들어야 하고, 계정도 필요하다. 결과물 하나를 보여주기 위한 오버헤드가 지나치게 크다.
• tiiny.host: 개인 파일 공유에 가장 가까운 경쟁 서비스지만 계정이 필요하고, 비밀번호 보호는 유료 플랜에서만 된다.

이 중 무료이면서 계정 없이 비밀번호 보호까지 제공하는 서비스는 현재 html.to가 유일하다.

html.to로 카카오톡 공유 링크 만들기

html.to는 HTML을 즉시 공유 URL로 바꿔주는 서비스다. 계정이 필요 없고, 무료이며, AES-256-GCM 비밀번호 보호를 옵션으로 설정할 수 있다. 링크는 영구 저장된다.

순서는 다음과 같다.

1. AI(ChatGPT, Claude, Gemini, Cursor 등)가 생성한 HTML 코드를 복사하거나, .html 파일을 준비한다.
2. htmlto.puzl.co.kr 에 접속한다. 별도 앱 설치나 회원가입 없다.
3. 코드를 편집기에 붙여넣거나, .html 파일을 드래그앤드롭으로 올린다.
4. 오른쪽 패널에서 렌더링된 결과를 바로 확인한다. 모양이 의도한 대로인지 점검한다.
5. 필요하면 LOCK 버튼으로 비밀번호를 설정한다. 특정 사람에게만 보여줄 때 유용하다.
6. SHARE를 누른다. 짧은 URL이 클립보드에 자동으로 복사된다.
7. 그 링크를 카카오톡에 붙여넣어 보낸다. 끝.

받는 사람은 링크를 탭하면 브라우저가 열리면서 HTML이 렌더링된 결과를 바로 본다. 파일을 다운로드할 필요도, 별도 앱을 깔 필요도 없다. PC든 아이폰이든 안드로이드든 동일하게 동작한다.

알아두면 좋은 것들

비밀번호 보호

클라이언트에게 시안을 공유할 때처럼 특정 사람만 볼 수 있게 하려면 LOCK 설정을 활용한다. AES-256-GCM 암호화로 처리되며, 서버에는 비밀번호가 저장되지 않는 제로-지식 방식이다. 링크를 받아도 비밀번호 없이는 내용을 볼 수 없다. 경쟁 서비스에서 이 기능은 보통 유료다.

외부 리소스가 있을 때

AI가 만든 HTML이 CDN에서 외부 폰트나 라이브러리를 불러오는 경우, 해당 URL이 유효한지 미리 확인한다. https://로 시작하는 절대 경로라면 렌더링 시 정상적으로 로드된다. 상대 경로(./style.css 등)로 연결된 외부 파일은 별도 호스팅이 필요하다.

링크 수명

html.to에서 생성된 링크는 영구 저장된다. 나중에 같은 링크를 카카오톡 채팅 내역에서 다시 찾아도 그대로 열린다.

한 줄 정리

카카오톡에서 .html 파일을 직접 보내는 방법은 모바일에서 작동하지 않는다. html.to에서 파일을 URL로 바꾼 뒤 그 링크를 보내면, 어떤 기기에서든 탭 한 번에 결과를 볼 수 있다. 계정 없이, 30초 안에.