가이드
HTML 파일을 휴대폰에서 열고, 링크와 QR 코드로 나눠 주는 방법을 정리했어요. 파일이 있다면 아래 상자에 놓고 미리보기 링크부터 받아 보세요.
모든 가이드23
- 2단계를 만들었거나 버그를 고쳤나요? AI 게임을 같은 링크로 업데이트하기새 게임 파일을 이미 공유한 페이지의 다음 버전으로 올리세요. 플레이어는 같은 링크로 열고, 저장 기록과 공유 순위표도 그대로 남아요.
- ChatGPT, Claude, Gemini가 HTML 코드를 줬어요: 어떻게 실행해서 페이지를 보나요?코드 블록을 통째로 복사해 무료 HTML 뷰어에 붙여 넣으면 브라우저에서 페이지가 실행돼요. AI마다 자체 미리보기가 하는 일과 .html 파일로 저장하는 방법도 정리했어요.
- 카카오톡으로 HTML 파일 보내면 안 열릴 때: 링크로 보내는 방법카카오톡으로 HTML 파일을 보내면 받은 사람에게는 페이지가 아니라 파일이 가요. 카카오 고객센터의 전송 한도와 확장자 목록, 받은 휴대폰에서 생기는 일, 링크로 보내는 4단계를 정리했어요.
- AI로 만든 게임으로 수익 내기: 지금 되는 방법과 한국에서 먼저 확인할 것무료 웹게임은 플레이어가 돈을 내는 일이 드물어요. 후원 버튼, 내 결제 페이지 링크, 스폰서 자리, 광고, 그리고 한국에서 수익을 내기 전에 확인할 등급분류를 정리했어요.
- HTML 파일을 파일 대신 링크로 공유하는 방법: Google Drive, GitHub Pages, Convika 비교HTML 파일을 카카오톡이나 메일로 보내면 받은 사람에게는 페이지가 아니라 파일이 가요. 파일을 올려서 링크로 보내는 방법을 Google Drive, GitHub Pages와 비교하고, Convika로 링크를 만드는 4단계를 정리했어요.
- AI로 게임을 무료로 만들고, 친구가 바로 할 수 있는 링크로 보내기게임 제작 앱이 없어도 돼요. ChatGPT, Claude, Gemini에게 HTML 파일 하나짜리 게임을 받아 휴대폰에서 확인하고, 친구가 여는 링크로 무료로 게시하세요.
- 아이폰에서 HTML 파일이 안 열릴 때: 글자만 나오고 버튼이 안 눌리는 이유와 여는 방법아이폰 파일 앱에서 HTML 파일을 누르면 스크립트가 없는 미리보기로 열려요. Safari에서 무료 HTML 뷰어로 여는 4단계와, 다른 사람에게 파일 대신 링크로 보내는 방법을 정리했어요.
- Google Drive에서 HTML 파일을 웹페이지로 공유하는 방법Google Drive는 HTML 파일을 웹페이지가 아니라 코드나 다운로드 파일로 공유해요. Drive의 링크 공유가 어떻게 동작하는지, HTML을 열리는 링크로 게시하는 방법을 정리했어요.
- HTML 파일을 스캔하면 열리는 QR 코드로 만들기QR 코드에는 파일이 아니라 링크가 들어가요. HTML 페이지를 바뀌지 않는 주소에 게시하고, 대시보드에서 QR 코드를 띄운 뒤 PNG로 다운로드하세요.
- 선생님이 페이지를 볼 수 있게 Google 클래스룸에 HTML 파일 제출하기클래스룸에 HTML 파일을 첨부하면 선생님은 파일을 받아요. 대신 페이지 링크를 제출하세요. 교사가 반에 게임을 올릴 때도 같은 방법을 써요.
- 아이패드로 수업에서 HTML 파일을 열고 싶을 때: 파일이 안 열리면 학생들에게 링크로 주는 방법아이패드 파일 앱은 HTML 파일을 스크립트가 없는 미리보기로 열어요. ChatGPT로 만든 수업 도구를 수업 전에 Safari에서 확인하고, 학생들에게 파일 대신 링크와 QR 코드로 주는 방법을 정리했어요.
- Claude 아티팩트를 HTML 파일로 내려받고 링크로 공유하는 방법Claude에서 아티팩트 종류마다 무엇을 저장할 수 있는지, 코드를 .html 파일로 저장하는 방법, Claude 계정이 없는 사람에게 공유하는 방법을 정리했어요.
- HTML 파일을 열었더니 한글이 깨져요. 이미지가 안 보일 때도 고치는 방법HTML 파일의 한글이 깨지는 건 파일을 저장한 문자 인코딩과 브라우저가 읽는 인코딩이 달라서예요. 같은 파일을 Chrome과 아이폰에서 열어 본 결과, <meta charset=\"utf-8\">을 넣고 UTF-8로 다시 저장하는 방법, 이미지가 안 보일 때 고치는 방법을 정리했어요.
- AI로 공유하는 여행 일정표 만들기여행을 설명하거나 세운 계획을 붙여 넣으세요. Convika의 AI가 휴대폰용 일정표 페이지를 만들어요. 보관하고 게시한 뒤 링크 하나나 QR 코드로 일행에게 보내세요.
- AI로 여행 계획 세우는 법날짜, 숙소 위치, 일행, 속도, 예약한 시간을 AI에게 알려 주고, 지역별로 묶고 여유 시간을 둔 초안을 받아 사실을 하나씩 확인하세요. 복사해 쓰는 프롬프트 두 개가 있어요.
- 후회를 줄이는 여행을 위해 준비할 3가지예약하기 전에 사람마다 꼭 하고 싶은 것, 속도, 예산을 맞추고, 옮길 수 없는 시간은 여유를 두고 고정하고, 다음 할 일을 담은 공유 페이지를 하나 두세요.
- Gemini Canvas가 만든 웹사이트를 내 도메인에 호스팅하는 방법Gemini의 공유 링크는 gemini.google.com에서만 열려요. Canvas로 만든 웹사이트를 동작하는 폼, 방문 통계와 함께 내 주소에 무료로 호스팅하세요.
- ChatGPT로 만든 수업용 퀴즈·자리 바꾸기 룰렛·시뮬레이션을 학생들에게 링크로 보여 주는 방법ChatGPT에게 수업 도구를 HTML 파일 하나로 받아 HTML 뷰어로 확인하고, Convika에 게시해 링크와 QR 코드로 나눠 주는 방법이에요. 학생은 앱도 계정도 없이 열어요.
- 갤럭시에서 HTML 파일이 열리지 않아요. 코드만 나올 때 여는 방법과 링크로 보내는 방법안드로이드에서 HTML 파일은 Chrome으로 열어야 버튼과 스크립트가 움직여요. Convika의 에뮬레이터 확인 결과, 카카오톡으로 받은 파일을 찾는 곳, 링크로 보내는 방법을 정리했어요.
- ChatGPT로 만든 퀴즈나 공부 페이지를 친구들한테 링크로 보내는 방법 (고등학생용)ChatGPT가 만든 퀴즈 HTML 파일을 내 휴대폰에서 확인하고, Convika에 게시해 단톡방에 링크로 보내는 방법이에요. 확인용 링크와 계속 열리는 링크의 차이, 가입 조건까지 정리했어요.
- 네이버 블로그·노션에 ChatGPT가 만든 HTML(게임·퀴즈·계산기)을 넣고 싶어요. 되는 방법과 안 되는 방법네이버 블로그의 스마트에디터 ONE은 HTML로 글을 쓰는 기능을 지원하지 않고, 노션은 임베드를 금지한 사이트를 불러오지 못할 수 있어요. 각 서비스의 도움말로 확인한 방법과, 링크와 QR 코드로 연결하는 4단계를 정리했어요.
- 클로드(Claude) 아티팩트 공유 링크를 열면 로그인하라고 나올 때: 누구나 여는 링크 만드는 방법Claude 아티팩트의 공유 링크는 Claude에 로그인한 사람만 열 수 있어요. 공유가 안 되는 이유를 증상별로 정리하고, 코드를 복사해 누구나 여는 페이지로 게시하는 5단계를 설명해요.
- ChatGPT(챗GPT)가 만든 HTML 페이지를 내 웹사이트 링크로 올리는 방법: 무료 호스팅 비교ChatGPT가 만든 HTML 파일은 내 컴퓨터에서만 열려요. Netlify Drop, GitHub Pages, Cloudflare Pages, ChatGPT Sites, Convika를 폼, 도메인, 방문 통계로 비교하고 무료로 게시하는 6단계를 정리했어요.