아이폰에서 HTML 파일이 안 열릴 때: 글자만 나오고 버튼이 안 눌리는 이유와 여는 방법

ChatGPT에게 퀴즈나 게임을 만들어 달라고 했더니 .html 파일이 왔어요. 아이폰에서 눌러 보면 글자와 색은 그대로인데, 버튼을 눌러도 아무 일도 일어나지 않아요. 파일이 고장 난 건 아니에요. 아이폰이 그 파일을 페이지를 실행하는 브라우저가 아니라, 내용만 보여 주는 미리보기로 열었기 때문이에요.

이 글에서는 아이폰에서 HTML 파일을 제대로 여는 방법과, 다른 사람에게 보여 줄 때 파일 대신 링크를 보내는 방법을 차례로 설명해요. Apple의 한국어 도움말은 2026년 10월 22일에 확인했어요.

내가 만든 파일을 다른 사람에게 보여 주려고 왔다면, 이 페이지 맨 위의 업로드 상자에 파일을 넣어 보세요. 가입 없이 미리보기 링크가 생겨요. 이 링크는 3분 동안만 열리고 스크립트와 폼이 꺼져 있어서, 퀴즈나 게임은 여기서 반응하지 않아요. ‘이 페이지 보관하기’를 누르고 무료로 가입하면 페이지가 내 계정으로 옮겨지고, 그때부터 스크립트가 동작해요.

아이폰에서 HTML 파일을 누르면 어떻게 되나요

Apple의 도움말 iPhone의 파일 앱에서 파일과 폴더 찾기 및 보기에는 “해당 파일을 생성한 앱이 설치되지 않은 경우 파일의 미리보기가 훑어보기에서 열립니다”라고 적혀 있어요. HTML 파일도 이렇게 훑어보기로 열려요.

Convika는 2026년 10월 6일에 Apple의 iPhone 시뮬레이터(Xcode, iOS 26.3, iPhone 17 Pro)에서 시험 페이지 2개를 파일 앱에 저장하고 하나씩 눌러 봤어요. 훑어보기 미리보기는 이랬어요.

• 글자, 배치, 파일 안에 쓴 CSS는 보였어요.
• JavaScript는 실행되지 않았어요. 스크립트가 바꿔야 할 문장은 그대로였고, 누를 때마다 올라가야 할 숫자는 0에서 움직이지 않았어요.
• 인터넷에서 불러오는 것은 하나도 불러오지 못했어요. https:// 이미지, Google Fonts, CDN에서 불러오는 Tailwind가 모두 빠져서, Tailwind로 꾸민 페이지는 꾸밈 없는 화면이 됐어요.

글만 있는 문서라면 미리보기로도 읽을 수 있어요. 하지만 퀴즈, 게임, 탭, 차트처럼 스크립트로 움직이는 페이지는 겉모습만 보이고 눌러도 반응하지 않아요. 실제 아이폰과 iOS 27에서는 시험하지 않았어요.

같은 도움말에는 파일을 길게 터치하고 ‘다음으로 열기’를 선택해 다른 앱으로 여는 방법도 있어요. 이 목록에 어떤 앱이 나오는지는 아이폰에 설치된 앱에 따라 달라요. Convika는 아이폰이 HTML 파일에 어떤 앱을 보여 주는지는 시험하지 않았어요.

Safari에서 HTML 파일을 여는 4단계

이 방법은 파일을 Safari에서 열고, 스크립트까지 실행해요. 파일은 업로드되지 않아요.

1. 파일을 파일 앱에 저장하기

메일로 받았다면 Apple의 도움말 iPhone의 Mail 앱에서 이메일 첨부 파일 다운로드하기대로 첨부 파일을 길게 터치하고 ‘파일 앱에 저장’을 선택하세요. 카카오톡 같은 메신저로 받았다면 파일을 연 뒤 그 앱의 공유 메뉴에서 파일 앱에 저장하세요. Convika는 카카오톡에서 이 과정을 시험하지 않았어요. 메뉴 이름은 앱마다 다를 수 있어요.

2. Safari에서 HTML 뷰어 열기

Safari에서 Convika의 무료 HTML 뷰어를 여세요. 계정은 필요 없어요. 파일은 내 브라우저가 읽고, Convika 서버로 보내지 않아요. 생각지 못한 파일은 열지 말고 먼저 보낸 사람에게 물어보세요. 잘 모르는 파일이라면 파일을 고르기 전에 뷰어에서 ‘스크립트 실행’ 체크를 해제하세요. 그러면 HTML과 CSS만 보여요.

3. 저장한 파일 고르기

뷰어에서 ‘HTML 파일 선택’을 누르고, 1단계에서 저장한 파일을 고르세요. 페이지가 뷰어 안에 나타나고 JavaScript도 실행돼요. 페이지는 convika.com과 분리된 틀 안에서 실행되고, 다른 사이트의 이미지와 글꼴, CDN의 Tailwind 같은 스크립트도 불러와요. .html과 .htm 파일을 2 MB까지 열 수 있어요. 화면 너비를 ‘휴대폰’과 ‘전체 너비’로 바꿔 가며 볼 수도 있어요.

4. 페이지 아래에 빠진 파일이 있는지 보기

페이지가 옆에 있던 photo.png나 style.css 같은 파일을 가리키고 있으면, 뷰어가 그 파일 이름을 페이지 아래에 보여 줘요. 받은 것은 .html 파일 하나뿐이라서 이런 파일은 보이지 않아요. 보낸 사람에게 링크를 달라고 하거나, 모든 것을 한 파일에 넣어서 다시 보내 달라고 하세요.

여는 방법 비교

이미지가 깨져 보일 때

뷰어는 고른 파일 하나만 읽어요. 페이지 안에 hero.png처럼 쓴 경로는 같은 폴더에 있는 다른 파일을 가리키는데, 그 파일은 함께 오지 않았어요. 그래서 이미지 자리가 깨져 보여요. about.html 같은 다른 페이지로 가는 링크도 같은 이유로 열리지 않아요.

고치는 방법은 2가지예요.

• 이미지를 https://로 시작하는 주소로 넣어요. 인터넷에 있는 이미지는 뷰어에서도 보여요.
• 이미지를 코드 안에 넣어요. 이렇게 넣은 이미지는 2 MB 한도에 들어가요.

파일을 만든 AI에게 이렇게 부탁하면 처음부터 한 파일로 받을 수 있어요.

CSS와 JavaScript를 모두 HTML 파일 하나 안에 넣어 주세요. 이미지는 https://로 시작하는 주소로 넣어 주세요.

코드만 받았을 때는 붙여 넣기

ChatGPT의 답변에 파일 없이 코드만 있다면, 파일을 만들 필요가 없어요. 코드를 처음부터 끝까지 복사하고, HTML 뷰어에서 ‘코드 붙여 넣기’로 바꾼 뒤 코드를 붙여 넣고 ‘페이지 보기’를 누르세요. 코드가 중간에 잘리면 페이지도 중간에서 끊겨요. <!DOCTYPE html>부터 마지막 </html>까지 복사했는지 확인하세요.

다른 사람에게 보여 주려면 링크로

파일을 보내면 받는 사람도 위의 단계를 똑같이 거쳐야 해요. 링크를 보내면 받는 사람은 누르기만 하면 돼요. 페이지가 Safari에서 열리고 버튼도 동작해요.

Convika에서는 이렇게 해요.

1. 이 페이지 맨 위의 업로드 상자에 파일을 넣거나 코드를 붙여 넣어요. 가입 없이 미리보기 링크가 생겨요. 이 링크는 3분 동안만 열리고 스크립트와 폼이 꺼져 있어요. 내가 다른 기기에서 모양을 확인하는 시험용 링크예요. 친구나 학생에게 보내는 링크로 쓰지 마세요.
2. ‘이 페이지 보관하기’를 누르고 카드 없이 무료로 가입해요. 페이지가 내 계정으로 옮겨지고 스크립트가 동작해요.
3. 대시보드에서 페이지를 게시해요. 처음 게시할 때는 누가 볼 수 있는지와 요금제를 고르는 화면이 나와요. 무료를 고르면 돈이 들지 않고, 페이지 맨 아래에 작은 Convika 배너가 붙어요.
4. yourpage.convika.page 같은 주소를 복사해서 카카오톡이나 메일에 붙여 넣어요.

무료 요금제로 게시한 페이지는 전체 공개예요. 링크가 있는 사람은 누구나 열 수 있고, 검색 결과나 Convika 갤러리에 나올 수 있어요. 검색과 갤러리에서 빼는 일부 공개, 그리고 비밀번호는 Pro 기능이에요(Pro 1년 패스 포함). 그러니 이름, 학교, 연락처 같은 개인정보는 페이지에 넣지 마세요.

갤러리에만 나오지 않게 하는 설정은 무료 요금제에서도 쓸 수 있어요. 대시보드의 페이지 화면에서 사이트 설정을 열고 ‘Don't show this page in the gallery’를 체크하세요. 검색 결과에는 나올 수 있어요.

무료 요금제에서는 페이지를 동시에 1개 게시할 수 있고, 한 달에 10,000 페이지뷰를 넘으면 7일 뒤에 페이지가 멈춰요. 자세한 내용은 요금제 페이지에 있어요. 링크를 만드는 다른 방법과의 비교는 HTML 파일을 링크로 공유하는 방법에 있어요. 아이패드로 수업에서 쓰려면 아이패드에서 HTML 파일을 열고 학생들에게 링크로 주는 방법을 보세요.

자주 묻는 질문

아이폰에서 HTML 파일을 여는 방법은?

파일을 파일 앱에 저장한 뒤, Safari에서 Convika의 무료 HTML 뷰어를 열고 ‘HTML 파일 선택’으로 그 파일을 고르세요. 페이지가 JavaScript까지 실행된 상태로 보이고, 파일은 업로드되지 않아요. 파일 앱에서 바로 누르면 훑어보기 미리보기로 열리는데, iOS 26.3 시뮬레이터 시험에서는 스크립트가 실행되지 않았어요. 생각지 못한 파일이라면 먼저 보낸 사람에게 묻고, 고르기 전에 스크립트 실행을 끄세요.

아이폰에서 HTML 파일이 코드로만 보이는 이유는?

파일을 연 앱이 페이지를 실행하지 않고 파일 안의 글자를 그대로 보여 줬기 때문이에요. 어떤 앱이 그렇게 여는지는 Convika가 시험하지 않았어요. 파일 앱의 훑어보기 미리보기는 시험에서 코드가 아니라 글자와 CSS를 보여 줬지만, 스크립트는 실행하지 않았어요. 만든 그대로 보려면 Safari에서 HTML 뷰어로 열거나, 보낸 사람에게 링크를 달라고 하세요.

파일 앱에서 HTML이 실행이 안 되는 이유는?

파일 앱은 HTML 파일을 브라우저가 아니라 훑어보기 미리보기로 열어요. Apple 도움말에 따르면 파일을 만든 앱이 설치되어 있지 않을 때 훑어보기가 열려요. Convika의 iOS 26.3 시뮬레이터 시험에서 이 미리보기는 JavaScript를 실행하지 않았고, 인터넷의 이미지와 글꼴도 불러오지 않았어요. 버튼이 동작하게 하려면 Safari에서 열어야 해요.

아이폰에서 HTML 파일을 크롬으로 열 수 있나요?

HTML 뷰어는 웹페이지라서 아이폰의 Chrome에서도 주소를 넣으면 열려요. 다만 Convika는 아이폰용 Chrome에서 파일을 골라 여는 과정을 시험하지 않았어요. 이 글의 단계는 Safari를 기준으로 확인한 것이니, Chrome에서 파일이 열리지 않으면 Safari에서 같은 단계를 따라 하세요.

HTML 파일을 업로드하지 않고 볼 수 있나요?

네. HTML 뷰어에서 파일을 고르거나 코드를 붙여 넣으면, 내 브라우저가 파일을 읽어서 바로 보여 줘요. 파일은 Convika 서버로 가지 않고, 뷰어 페이지도 저장하지 않아요. Convika가 페이지를 받는 것은 링크를 만들려고 업로드 버튼을 눌렀을 때뿐이에요.

아이폰에서 HTML 파일을 만들 수 있나요?

파일을 만들지 않아도 페이지는 볼 수 있어요. ChatGPT 같은 AI에게 CSS와 JavaScript를 모두 넣은 HTML 파일 하나로 만들어 달라고 하고, 답변의 코드를 복사해서 HTML 뷰어의 ‘코드 붙여 넣기’에 넣으세요. 다른 사람에게 보내려면 같은 코드를 업로드 상자에 붙여 넣고, 페이지를 보관해서 게시하면 링크가 생겨요.

출처

• iPhone의 파일 앱에서 파일과 폴더 찾기 및 보기 (Apple 지원) (2026년 10월 22일 확인)
• iPhone의 Mail 앱에서 이메일 첨부 파일 다운로드하기 (Apple 지원) (2026년 10월 22일 확인)