HTML 파일을 모바일에서
바로 여는 법

ChatGPT나 Claude한테 "랜딩 페이지 만들어줘"라고 하면 10초 만에 완성된 .html 파일이 나온다. 그걸 카카오톡으로 팀원에게 전송했다. 팀원이 파일을 눌렀더니 — 코드가 그대로 뜬다. 렌더링이 아니라 소스 코드. 이 장면을 한 번이라도 겪어봤다면, 이 글이 필요한 상황이다.

스마트폰에서 .html 파일이 제대로 열리지 않는 건 버그가 아니다. 구조적인 이유가 있다. 그리고 그 이유를 알면 해결책도 명확해진다.

왜 모바일에서 HTML이 깨지나

데스크톱에서는 .html 파일을 더블클릭하면 브라우저가 자동으로 열어 렌더링한다. 운영체제가 확장자를 보고 기본 브라우저로 연결해주기 때문이다. 모바일은 다르다.

iOS의 파일 앱은 .html을 "텍스트 문서"로 취급한다. 파일을 탭하면 미리보기 창이 열리고, 그 안에 HTML 소스 코드가 그대로 출력된다. Safari가 개입할 틈이 없다. 안드로이드는 기기와 제조사마다 동작이 다르지만, 카카오톡·슬랙·메일 등 메신저를 통해 받은 첨부파일은 내장 뷰어로 열리는 경우가 많고, 그 뷰어가 HTML을 렌더링하지 못하는 경우가 대부분이다.

파일로 공유하는 순간, 받는 사람의 기기와 앱 조합이 변수가 된다. 어떤 조합에서 렌더링이 되고 어떤 조합에서 안 되는지 예측할 수 없다.

결국 문제의 핵심은 "파일"이라는 전달 방식 자체에 있다. 파일이 아니라 URL로 전달하면, 받는 사람은 어떤 기기에서든 브라우저를 열어 렌더링된 결과를 바로 본다. iOS든 안드로이드든, 브라우저는 URL을 받으면 해당 페이지를 렌더링하는 것이 본연의 역할이기 때문이다.

기존 방법이 왜 부족한가

"그럼 그냥 호스팅하면 되는 거 아닌가?"라는 생각이 드는 게 당연하다. 실제로 시도해보면 각각의 벽이 있다.

• CodePen: 계정이 필수다. 게스트로는 저장·공유가 안 된다. HTML·CSS·JS를 패널별로 분리해야 해서, AI가 생성한 단일 파일 구조와 맞지 않는다.
• JSFiddle: CodePen과 동일하게 HTML·CSS·JS를 구분해서 넣어야 한다. 인라인 스타일이 포함된 단일 HTML 파일을 그대로 붙여넣으면 레이아웃이 무너진다.
• GitHub Gist: HTML 파일을 올려도 렌더링되지 않는다. 소스 코드 뷰어만 제공한다. 별도의 gistpreview 서비스를 거쳐야 실제 화면을 볼 수 있는데, 그 서비스도 항상 안정적이지 않다.
• Glitch: 2025년 7월 서비스가 종료됐다. 그 이후로 대안을 찾는 사람이 늘었다.
• Netlify Drop: 폴더 단위로 드롭해야 한다. 단일 .html 파일 하나를 올리는 워크플로우에 최적화되어 있지 않다. 배포 단계에서 프로젝트 구조를 요구한다.
• tiiny.host: 비밀번호 보호 기능이 있지만 유료다. 계정도 필요하다.

각 서비스가 만들어진 목적이 다르다. 개발자 코드 스니펫 공유, 정적 사이트 호스팅, 팀 협업 — 그 목적에는 맞지만, "AI가 뽑아준 HTML 하나를 모바일에서 바로 보여주기" 에는 어느 것도 정확히 맞아떨어지지 않는다.

html.to로 해결하는 법

html.to는 이 단 하나의 시나리오를 위해 만들어졌다. 계정 없이, HTML 파일 하나를 올리면 즉시 링크가 나온다. 그 링크를 보내면 상대방은 모바일 브라우저에서 렌더링된 화면을 바로 본다.

1. AI(ChatGPT·Claude·Gemini·Cursor 등)가 생성한 HTML 코드를 복사하거나 .html 파일을 저장한다.
2. htmlto.puzl.co.kr에 접속한다. 계정 없이 바로 사용 가능하다.
3. 코드를 붙여넣거나 .html 파일을 드래그&드롭한다.
4. 우측 패널에서 렌더링 결과를 확인한다.
5. SHARE 버튼을 누른다. 공유 링크가 클립보드에 복사된다.
6. 그 링크를 카카오톡, 슬랙, 이메일 어디로든 전송한다. 받는 사람은 탭 한 번으로 완성된 화면을 본다.

추가 팁

외부에 공개하기 곤란한 내용이 담긴 HTML — 내부 기획안, 클라이언트 제안서 초안 — 을 공유할 때는 비밀번호 보호를 켜면 된다. AES-256-GCM 암호화를 사용하며, 서버에는 암호화된 상태로만 저장된다. 비밀번호를 모르면 누구도 내용을 볼 수 없다. 이 기능은 무료다. 계정도 필요하지 않다.

링크는 영구적으로 유지된다. 단기 발표나 데모가 끝난 후에도 링크가 살아있어서, 나중에 레퍼런스로 다시 꺼낼 수 있다. 별도의 갱신이나 관리가 필요 없다.

모바일에서 직접 접속해도 동일하게 작동한다. 스마트폰 브라우저에서 htmlto.puzl.co.kr을 열고, HTML 코드를 붙여넣으면 즉시 링크를 얻을 수 있다. 데스크톱 없이 모바일만으로 전체 흐름이 완결된다.

FAQ

Q. 아이폰에서 HTML 파일을 열면 코드만 보이는 이유가 뭔가요?

iOS의 파일 앱은 .html을 텍스트 파일로 취급해 소스 코드를 그대로 출력합니다. Safari에서 직접 열어야 렌더링되는데, 파일 공유 경로(카카오톡·메일 첨부)에서는 그 단계까지 도달하기 어렵습니다. html.to로 미리 링크를 만들면 Safari가 바로 렌더링한 화면을 보여줍니다.

Q. html.to 링크는 계정 없이 영구적으로 유지되나요?

네. html.to는 계정 없이도 파일을 업로드하면 영구 링크를 발급합니다. 비밀번호 보호(AES-256-GCM)도 무료로 제공되어, 내부 공유 자료를 외부 노출 없이 전달할 수 있습니다.

Q. CodePen이나 GitHub Gist 대신 html.to를 써야 하는 이유가 있나요?

CodePen은 계정이 필수이고 파일 드롭을 지원하지 않습니다. GitHub Gist는 HTML을 렌더링하지 않고 소스만 보여줍니다. Glitch는 2025년 7월 서비스를 종료했습니다. html.to는 계정 없이, 파일 드롭 한 번으로, 비밀번호 보호까지 무료로 제공하는 현재 이 카테고리에서 유일한 서비스입니다.