Google Drive에서 HTML 파일을 웹페이지로 공유하는 방법
짧은 답
Google Drive는 2016년에 웹페이지 호스팅을 끝냈기 때문에, .html 파일을 공유하면 열리는 페이지가 아니라 코드나 다운로드 파일이 가요. 페이지로 공유하려면 HTML 파일을 게시하고 그 링크를 보내세요. Convika에서는 무료로 게시할 수 있고, 일부 공개(Pro 또는 1년 패스)로 게시하면 검색 결과에 나오지 않아요.
무료 요금제: 신용카드 없이, 게시 페이지 1개, 한 달 페이지뷰 10,000회, 페이지 맨 아래에 작은 Convika 배너
이 페이지의 내용
- Google Drive의 HTML 파일이 열리지 않고 코드가 보이거나 다운로드되는 이유
- 목적별 3가지 방법: 직접 보기, 코드 보내기, 페이지 보내기
- Google Drive의 HTML 파일을 Chrome에서 여는 방법
- Google Drive에서 HTML 파일을 공유하는 방법(받는 사람이 받는 것)
- HTML 파일을 페이지 링크로 만드는 4단계
- 링크를 보낸 사람만 열게 하거나, 비밀번호 걸기
- HTML 파일을 공유하면 이미지나 스타일이 빠지는 이유(와 고치는 방법)
- Google 안에서 HTML을 보여 주는 방법(Google Sites와 Apps Script)
- 자주 묻는 질문
- 출처
.html 파일을 Google Drive에 올리고 링크를 ‘링크가 있는 모든 사용자’로 바꿔 보냈는데, 받은 사람에게는 웹페이지 대신 코드가 잔뜩 보이거나 다운로드 창이 떴을 거예요. Google Drive는 2016년 8월 31일에 googledrive.com/host를 통한 웹 호스팅을 끝냈어요. Drive는 지금도 .CSS, .JS와 함께 .HTML을 미리 볼 수 있는 파일 형식으로 들고 있지만, 파일을 열리는 사이트가 아니라 마크업과 코드로 다뤄요.
이 글에서는 Drive가 HTML 파일을 실제로 어떻게 다루는지, 목적에 따라 공유하는 3가지 방법, 그리고 Chrome(Windows·Linux에서는 Ctrl+O, Mac에서는 Cmd+O)이나 Convika의 무료 HTML 뷰어(/ko/tools/html-viewer/)로 파일을 직접 보는 방법을 다뤄요. Drive 공유 링크로 받은 사람이 무엇을 받는지, 열리는 페이지 링크를 만드는 4단계, 링크를 보낸 사람만 열게 하는 방법, 폴더에서 공유하면 이미지가 안 보이는 이유, Google 도구 안에서 해결하고 싶을 때 Google Sites나 Apps Script를 쓰는 방법도 설명해요.
Google Drive의 HTML 파일이 열리지 않고 코드가 보이거나 다운로드되는 이유
Google Drive는 이제 공유한 파일 링크로 웹페이지를 호스팅하거나 보여 주지 않아요. 2016년 8월 31일에 googledrive.com/host로 파일을 사이트처럼 보여 주는 기능을 끝냈어요. 지금 Drive는 .HTML을 마크업/코드 파일(.CSS, .JS, .PHP, .py와 함께)로 분류하고, 파일을 웹페이지처럼 실행하지 않고 축소된 미리보기만 보여 줘요.
- 내려받아 컴퓨터에서 열기: Drive에서 파일을 마우스 오른쪽 버튼으로 클릭하고 다운로드를 고르세요(소유자가 끄지 않았다면 뷰어도 기본으로 다운로드할 수 있어요). 그다음 Windows나 Linux에서는 Ctrl+O, Mac에서는 Cmd+O로 Chrome에서 여세요. 파일이 있는 폴더에서 열면 스크립트가 실행되고, 옆에 저장된 로컬 파일도 불러와요.
- 올리지 않고 내 기기에서 미리 보기: 내려받은 .html 파일을 Convika의 무료 HTML 뷰어(/ko/tools/html-viewer/)에서 여세요. 내 기기의 브라우저 안에서 보여 줘서 나만 볼 수 있어요. 다른 사람이 보낸 파일이라면 보낸 사람을 믿을 수 있을 때만 열고, 코드를 살펴보려면 먼저 스크립트 실행의 체크를 끄세요.
- Google 도구로 게시하기: Google에서 열리는 주소로 공유하려면, HTML, CSS, JavaScript를 Google Sites의 ‘삽입’ > ‘삽입’ > ‘코드 삽입’에 붙여 넣으세요(Convika 페이지는 Google Sites나 다른 사이트 안에 삽입할 수 없으니 링크로 연결하세요). 또는 Google Apps Script의 HTML 서비스로 페이지를 보여 줄 수 있어요. HTML 파일을 추가하고, doGet 함수를 쓰고, ‘배포’ > ‘새 배포’에서 웹 앱으로 배포하세요.
HTML 파일을 골라 ‘공유’를 누르고, ‘일반 액세스’를 ‘링크가 있는 모든 사용자’로 바꾸고(직장이나 학교 계정이 외부 공유를 막지 않았다면), 링크를 복사해 공유해도, 받은 사람은 그 파일의 미리보기나 다운로드만 받아요. 코드가 아니라 실제로 보이는 페이지를 보려면, 나나 받은 사람이 위의 방법 중 하나를 쓰세요.
목적별 3가지 방법: 직접 보기, 코드 보내기, 페이지 보내기
Google Drive는 2016년 8월에 googledrive.com/host를 닫으면서 웹페이지 호스팅을 끝냈어요. 지금 Drive는 .HTML을 마크업/코드 파일로 분류하고 축소된 파일 미리보기를 보여 주기 때문에, Drive 공유 링크를 받은 사람은 열리는 웹페이지 대신 코드나 다운로드 파일을 받아요. 파일로 하려는 일에 맞는 방법을 아래에서 고르세요.
| 목적 | 방법 | 받는 사람이 받는 것 |
|---|---|---|
| 직접 보기 | Drive에서 내려받아 Chrome(Ctrl+O 또는 Cmd+O)이나 HTML 뷰어에서 열기 | 없음: 나만 봐요 |
| 파일 보내기 | Drive의 ‘공유’에서 ‘링크가 있는 모든 사용자’, 그다음 ‘링크 복사’ | 파일: Drive의 미리보기나 다운로드 |
| 페이지 보내기 | 파일을 게시하고 그 링크 보내기 | 계정 없이 브라우저에서 열리는 페이지 |
.html 파일을 넘겨서 내려받거나 살펴보게만 하면 된다면, ‘링크가 있는 모든 사용자’를 ‘뷰어’로 둔 보통 Google Drive 링크로 충분해요. 링크를 누르면 휴대폰이나 컴퓨터 브라우저에서 동작하는 페이지가 보이게 하려면, 이 페이지 맨 위의 상자에 .html 파일 하나를 올려 공유할 링크를 받으세요. Google 도구 안에서 해결하고 싶다면 Google Sites나 Google Apps Script를 쓰세요.
Google Drive의 HTML 파일을 Chrome에서 여는 방법
Google Drive는 .HTML을 마크업/코드 파일 형식으로 분류하고, 파일의 축소된 미리보기만 보여 줘요. Google이 2016년 8월 31일에 Drive 웹 호스팅(googledrive.com/host)을 닫았기 때문에, Chrome에서 Drive 링크를 열어도 파일이 열리는 웹페이지로 바로 보이지 않아요.
- 컴퓨터의 Google Drive에서 .html 파일을 마우스 오른쪽 버튼으로 클릭하고 다운로드를 고르세요(페이지가 따로 된 CSS, JS, 이미지 파일을 쓴다면 그 파일들도 같은 폴더에 내려받으세요).
- Chrome으로 가서 Ctrl+O(Windows, Linux)나 Cmd+O(Mac)를 누르고, 내려받은 폴더에서 .html 파일을 고르세요. 그래야 스크립트가 실행되고 옆에 있는 파일도 불러와요.
- 또는 Convika의 무료 HTML 뷰어(/ko/tools/html-viewer/)에서 파일을 열면 올리지 않고 브라우저에서 볼 수 있어요. 다른 사람이 보낸 파일이라면 보낸 사람을 믿을 수 있을 때만 열고, 안을 살펴보려면 먼저 스크립트 실행의 체크를 끄세요.
내 브라우저에서 페이지를 보려면 먼저 .html 파일을 기기에 내려받으세요(소유자가 다운로드를 끄지 않았다면 뷰어도 공유된 파일을 기본으로 내려받을 수 있어요). 내려받은 뒤에는 Chrome에서 바로 열거나, Convika의 무료 HTML 뷰어(/ko/tools/html-viewer/)에서 미리 볼 수 있어요. 뷰어는 파일을 올리지 않고 내 기기의 브라우저에서 열어서, 나만 볼 수 있어요.
Google Drive에서 HTML 파일을 공유하는 방법(받는 사람이 받는 것)
Google Drive에서 .html 파일을 공유하면, 받는 사람은 열리는 웹페이지가 아니라 Drive의 파일 미리보기나 다운로드를 받아요. Google은 2016년 8월 31일에 googledrive.com/host를 닫으면서 Drive의 웹 호스팅을 끝냈어요. 지금 Drive 도움말은 .html을 .css, .js, .py와 함께 마크업/코드 미리보기로 묶고, 미리보기가 파일의 축소된 버전이라고만 적고 있어요. 페이지를 보여 주는지, 코드를 보여 주는지, 스크립트를 실행하는지는 적혀 있지 않아요.
- Google Drive에서
.html파일을 고르고 ‘공유’를 누르세요. - ‘일반 액세스’에서 설정을 ‘링크가 있는 모든 사용자’로 바꾸세요(직장이나 학교 계정이 조직 밖 공유를 허용할 때).
- 역할을 고르세요. ‘뷰어’, ‘댓글 작성자’, ‘편집자’ 중 하나예요. 공유 설정에서 다운로드를 끄지 않으면 뷰어는 Google 계정에 로그인하지 않고도 기본으로 파일을 내려받을 수 있어요.
- ‘링크 복사’를 누르고 ‘완료’를 누른 뒤, 받는 사람에게 링크를 보내세요.
선생님, 같은 반 친구, 동료에게 파일을 넘기기만 하면 된다면, 보통 Drive 링크로 충분해요. 받은 사람은 코드를 보거나 .html 파일을 내려받아 컴퓨터의 Chrome에서 Ctrl+O(Windows·Linux)나 Cmd+O(Mac)로 열 수 있고, Convika의 무료 HTML 뷰어(/ko/tools/html-viewer/)에서 올리지 않고 살펴볼 수도 있어요(다른 사람이 보낸 파일이라면 보낸 사람을 믿을 수 있을 때만 열고, 먼저 스크립트 실행의 체크를 끄세요). 링크가 바로 동작하는 웹페이지로 열려야 한다면, HTML, CSS, JavaScript를 Google Sites의 ‘삽입’ > ‘삽입’ > ‘코드 삽입’에 붙여 넣거나, Google Apps Script에서 doGet 함수를 쓰고 ‘배포’ > ‘새 배포’에서 웹 앱으로 배포해 HTML 파일을 보여 주세요.
HTML 파일을 페이지 링크로 만드는 4단계
Google Drive는 .html 파일을 웹페이지로 보여 주지 않고, 코드로 열거나 내려받게 해요. 아래 4단계를 따라 파일을 Convika에 올리면, 어느 브라우저에서나 바로 열리는 링크를 공유할 수 있어요.
1. Google Drive에서 파일을 내려받아 상자에 넣기
Convika는 Google Drive에서 파일을 바로 읽을 수 없으니, 먼저 컴퓨터에 내려받으세요(마우스 오른쪽 버튼 클릭 > 다운로드). 그다음 이 페이지 맨 위의 상자로 가세요. ‘파일 업로드’가 선택된 상태에서 .html이나 .htm 파일 하나를 2 MB까지 상자에 놓거나, ‘코드 붙여 넣기’로 바꿔 코드를 붙여 넣으세요. ‘미리보기 링크 받기’를 누르세요. 계정도 이메일 주소도 필요 없어요. Convika는 폴더나 ZIP이 아니라 HTML 파일 하나만 받아요. 컴퓨터에서 그 옆에 있는 파일(style.css 파일이나 images 폴더 같은 것)은 불러오지 못하지만, 파일 안에 들어 있거나 https:// 주소를 가리키는 이미지는 보여요.
2. 페이지를 보관하고 동작 확인하기
계정 없이 받은 미리보기 링크는 3분 동안 열리고, 미리보기에서는 스크립트와 폼이 꺼져 있어요. 페이지를 보관하고 스크립트가 동작하게 하려면 ‘이 페이지 보관하기’(무료, 카드 필요 없음)를 누르고 가입하세요. 페이지가 업로드한 그대로 내 계정으로 옮겨져요. 게시한 페이지에서는 무료 요금제를 포함한 모든 요금제에서 스크립트와 https:// CDN에서 불러오는 라이브러리가 동작해요. 무료 요금제에서는 스크립트의 fetch·XHR 요청이 페이지 자신의 주소에만 닿고, Pro, MAX, 1년 패스에서는 Convika가 지원하는 분석 도구와, 페이지 설정에서 내 광고 네트워크용으로 등록한 호스트(최대 20개)에도 닿아요. 무료 요금제는 신용카드가 필요 없고, 게시 페이지 1개, 한 달 페이지뷰 10,000회가 들어 있으며, 페이지마다 맨 아래에 작은 Convika 배너가 붙어요.
3. 페이지 게시하기
페이지 화면에서 ‘게시하기’를 누르세요. ‘누가 이 페이지를 열 수 있나요?’에서 ‘전체 공개’, ‘일부 공개’, ‘비밀번호를 아는 사람만’ 중 하나를 고르세요. ‘전체 공개’는 무료예요. 링크가 있는 사람은 누구나(그 사람이 전달한 사람도) 비밀번호나 계정 없이 페이지를 열 수 있고, 검색 결과와 Convika 갤러리에 나올 수도 있어요. ‘일부 공개’(Pro 또는 1년 패스)도 똑같이 열리지만, Convika가 검색 엔진에 이 페이지를 결과에서 빼 달라고 알리고 갤러리에도 올리지 않아요. ‘다음’을 누르세요. 처음 게시할 때는 요금제가 나오고, ‘Pro 월간’이 선택되어 있어요(카드를 등록하면 1일 무료, 그 뒤 월 $12). 나머지 둘은 ‘Pro 1년 패스’($29, 한 번 결제, 자동 갱신 없음)와 ‘무료’($0, Convika 배너가 붙어요)예요. 전체 공개 페이지라면 ‘무료’를 고르고 ‘무료로 게시하기’를 누르세요. 일부 공개나 비밀번호 페이지는 체험이 시작되거나 1년 패스를 결제하면 게시돼요. 페이지 비밀번호(‘비밀번호를 아는 사람만’)를 걸면, 방문자에게 비밀번호 입력 화면이 먼저 보여요. Pro(월 $12)에서 쓸 수 있는 기능이에요.
4. 링크를 복사해서 보내기
페이지는 yourpage.convika.page 같은 주소로 게시되고, 이 주소는 ‘Unpublish’를 누를 때까지 그대로예요. 무료 요금제에는 모든 페이지를 합쳐 한 달 페이지뷰 10,000회가 들어 있어요. ‘게시 주소’ 옆의 ‘복사’를 누르고 링크를 선생님, 같은 반 친구, 동료에게 보내세요. 받은 사람은 Convika 계정 없이 휴대폰이나 컴퓨터 브라우저에서 열 수 있어요. 페이지 분석에서는 날짜, 국가, 기기, 유입 경로별 방문을 볼 수 있어요(무료 요금제에서는 최근 90일 동안 몇 명이 방문했는지가 나오고, 누가 방문했는지는 나오지 않아요). 이미 보낸 링크를 바꾸지 않고 나중에 페이지를 고치려면, 페이지 화면의 ‘New version from a file’에 고친 파일을 놓고 ‘Upload as a new version’을 누른 다음, ‘미리보기 열기’를 누르고, 같은 링크에 v2를 게시하는 버튼을 누르세요. 고친 버전을 게시할 때까지 방문자에게는 지금 게시된 버전이 보여요.
링크를 보낸 사람만 열게 하거나, 비밀번호 걸기
Google Drive의 ‘링크가 있는 모든 사용자’는 파일을 Google 검색에 나오지 않게 하면서, 링크가 있는 사람은 열 수 있게 해요. Convika에서 페이지를 게시할 때 ‘누가 이 페이지를 열 수 있나요?’에서 ‘전체 공개’, ‘일부 공개’, ‘비밀번호를 아는 사람만’을 고를 수 있어요. ‘전체 공개’는 무료지만 검색 결과와 Convika 갤러리에 나올 수 있어요. ‘일부 공개’(Pro 또는 1년 패스)를 고르면 Drive처럼 링크가 있는 사람만 여는 설정이 돼요.
- 일부 공개(Pro 또는 1년 패스):
yourpage.convika.page링크가 있는 사람은 누구나 비밀번호나 Convika 계정 없이 휴대폰이나 컴퓨터에서 페이지를 열 수 있어요. 그 사람이 링크를 전달한 사람도 마찬가지예요. Convika가 검색 엔진에 이 페이지를 결과에서 빼 달라고 알리고, 갤러리에도 올리지 않아요. 무료 요금제에서는 ‘전체 공개’를 고르세요. 페이지는 똑같이 열리지만, 검색 결과와 Convika 갤러리에 나올 수 있어요. - 비밀번호를 아는 사람만(링크 전달이 문제일 때): 고객에게 보여 줄 초안이나 수업에서만 쓸 과제라면, 게시할 때 ‘비밀번호를 아는 사람만’을 골라 방문자에게 비밀번호 입력 화면이 먼저 보이게 하세요. 페이지 비밀번호는 Pro(월 $12) 기능이에요.
- 다 쓰면 내리기: 페이지 화면에서 ‘Unpublish’를 누를 때까지 페이지는 주소를 그대로 유지해요. 누르면 바로 열리지 않게 돼요.
차이는 누군가 링크를 전달했을 때 생겨요. 위 목록을 보고, 링크가 있는 사람만 열게 할지, 비밀번호를 걸지, 검토나 채점 기간이 끝나면 페이지를 내릴지 고르세요.
HTML 파일을 공유하면 이미지나 스타일이 빠지는 이유(와 고치는 방법)
HTML 파일이 내 컴퓨터에서는 멀쩡한데 공유하면 그림이나 스타일이 빠진다면, 코드가 src="images/photo.jpg"나 따로 된 style.css 파일처럼 내 기기의 폴더 안에 있는 다른 파일을 가리키고 있는 거예요. Google Drive에서 .html 파일 하나를 공유하거나 Convika에 올리면 그 파일 하나만 가고, 옆에 있는 폴더나 ZIP은 가지 않아서, 로컬 이미지와 스타일시트가 빠져요. 이 페이지 맨 위의 상자는 페이지가 컴퓨터 안의 파일을 가리키면 바로 알려 줘요.
CSS를 모두 HTML 파일 안에 넣고, 이미지는 https:// 주소를 써서 페이지를 파일 하나로 만들어 주세요.
가장 쉬운 해결책은 모든 것을 HTML 파일 하나로 합치는 거예요. 위의 프롬프트를 복사해 페이지를 만든 AI에 붙여 넣거나, 모든 CSS가 <style> 태그 안에 들어가고 이미지가 https://로 시작하는 전체 웹 주소를 쓰도록 코드를 고치세요(작은 이미지는 파일 전체가 2 MB를 넘지 않는 한 파일 안에 바로 넣을 수도 있어요). 파일 하나가 되면 이 페이지 맨 위의 상자에 놓고 미리보기 링크를 받으세요. 이미 Convika에 게시한 페이지라면, 페이지 화면의 ‘New version from a file’에 고친 파일을 놓고 ‘Upload as a new version’을 누른 뒤, ‘미리보기 열기’로 확인하고 같은 링크에 v2를 게시하는 버튼을 누르세요.
Google 안에서 HTML을 보여 주는 방법(Google Sites와 Apps Script)
Google Drive는 이제 열리는 웹페이지를 호스팅하지 않아요. 예전의 googledrive.com/host 기능은 2016년 8월 31일에 닫혔고, Drive의 미리보기는 .html 파일을 열리는 페이지로 보여 주지 않고 마크업과 코드로 다뤄요. Google 계정 안에서 코드나 다운로드 파일 대신 동작하는 페이지를 공유하고 싶다면, Google이 직접 제공하는 방법이 2가지 있어요. Google Sites와 Google Apps Script예요.
- Google Sites(‘삽입’ > ‘삽입’ > ‘코드 삽입’): Google Sites로 만든 사이트의 한 페이지 안에 HTML, CSS, JavaScript 조각을 넣고 싶을 때 좋아요. Drive의 파일을 링크하는 게 아니라,
.html파일의 코드를 복사해 삽입 칸에 붙여 넣어요. 위젯이나 짧은 코드 하나에는 잘 맞지만, 코드는 나만의 독립된.html파일이 아니라 Google Sites 레이아웃 안의 삽입 틀에서 실행돼요. Convika 페이지는 Google Sites나 다른 사이트 안에 삽입할 수 없으니 링크로 연결하세요. - Google Apps Script(HTML 서비스): Google이 HTML을 자기 주소의 독립된 웹페이지로 보여 주게 하고 싶을 때 좋아요. Apps Script 프로젝트를 만들고, 스크립트 편집기 안에 HTML 파일을 추가하고, 그 파일을 보여 줄
doGet함수를 쓴 뒤, ‘배포’ > ‘새 배포’에서 웹 앱으로 배포하면 공유할 수 있는 URL이 생겨요. 대신 준비가 번거로워요.doGet스크립트를 써야 하고 웹 앱 배포를 관리해야 하며, 직장이나 학교 Google 계정이라면 조직이 외부 공유를 막아 둘 수 있어요.
두 도구 모두 Google 안에서 동작하고 링크를 공유할 수 있지만, Drive 폴더에 있는 .html 파일을 누르기만 해서 되는 방법은 둘 다 아니에요. 코드를 붙여 넣어야 해요. 각 도구로 할 수 있는 일과 한계는 위와 같아요.
자주 묻는 질문
Google Drive에서 HTML 파일을 공유하려면 어떻게 하나요?
Google Drive에서 파일을 고르고 ‘공유’를 누른 뒤, ‘일반 액세스’에서 ‘링크가 있는 모든 사용자’를 고르고, 역할(‘뷰어’, ‘댓글 작성자’, ‘편집자’)을 정하고, ‘링크 복사’와 ‘완료’를 누르세요. 직장이나 학교 계정이 조직 밖 공유를 막지 않았다면, 링크가 있는 사람은 누구나 Google 계정에 로그인하지 않고 파일에 접근할 수 있어요. Google Drive는 더 이상 웹페이지를 호스팅하지 않아서, 받은 사람은 열리는 사이트가 아니라 코드 미리보기나 다운로드를 받아요. 받은 사람이 브라우저에서 페이지를 바로 열게 하려면 이 페이지 맨 위의 상자에 파일을 올리고 Convika 링크를 공유하세요.
Google Drive로 HTML을 호스팅할 수 있나요?
아니요. Google은 2015년 8월 31일에 Drive의 웹 호스팅 종료를 알렸고, 2016년 8월 31일에 googledrive.com/host로 페이지를 보여 주는 기능을 멈췄어요. 지금 Drive는 .html 파일을 내려받거나 축소된 미리보기로 보도록 저장할 뿐이에요. Google 도구 안에서 해결하고 싶다면 HTML, CSS, JavaScript를 Google Sites의 ‘삽입’ > ‘삽입’ > ‘코드 삽입’에 붙여 넣거나, Google Apps Script의 HTML 서비스로 HTML 파일을 웹 앱으로 배포하세요. 스크립트를 쓰지 않고 .html 파일 하나를 자기 주소로 호스팅하려면 이 페이지 맨 위의 상자에 넣고 Convika에서 무료로 게시하세요.
HTML 파일이 열리지 않고 다운로드되는 이유는 무엇인가요?
Google이 2016년 8월 31일에 Drive 웹 호스팅을 끝냈기 때문에, Google Drive는 .html 파일을 열리는 웹페이지가 아니라 저장된 코드 파일로 다뤄요. Drive는 .HTML을 미리 볼 수 있는 마크업/코드 파일로 들고 있지만, 페이지를 제대로 보려면 보는 사람이 마우스 오른쪽 버튼으로 클릭해 파일을 내려받아야 할 때가 많아요. 컴퓨터에 내려받은 뒤에는 Chrome에서 Ctrl+O(Windows, Linux)나 Cmd+O(Mac)로 열면 스크립트와 로컬 파일이 동작해요. 사람들이 내려받지 않고 휴대폰이나 컴퓨터에서 링크로 페이지를 바로 열게 하려면 이 페이지 맨 위의 상자에 파일을 올리세요.
Google Drive에서 HTML 파일을 보려면 어떻게 하나요?
Google Drive에서 파일을 누르면 Drive의 미리보기가 열려요. Google은 이 미리보기를 파일의 축소된 버전이고 열었을 때 조금 다르게 보일 수 있다고 설명해요. 페이지 전체를 보고 스크립트를 실행하려면 Drive에서 파일을 마우스 오른쪽 버튼으로 클릭해 다운로드를 고르고, 컴퓨터의 Chrome에서 Ctrl+O(Windows, Linux)나 Cmd+O(Mac)로 여세요. 내려받은 .html 파일은 Convika의 무료 HTML 뷰어로 올리지 않고 내 기기의 브라우저에서 볼 수도 있어요. 다른 사람이 보낸 파일이라면 보낸 사람을 믿을 수 있을 때만 열고, 안을 살펴보려면 먼저 ‘스크립트 실행’의 체크를 끄세요.
HTML 파일을 링크로 공유하려면 어떻게 하나요?
이 페이지 맨 위의 상자에 .html이나 .htm 파일 하나(2 MB까지)를 놓고 ‘미리보기 링크 받기’를 누르면, 계정이나 이메일 없이 3분 동안 열리는 미리보기 링크가 생겨요. 페이지를 보관하고 스크립트를 켜려면 ‘이 페이지 보관하기’(무료, 카드 필요 없음)를 누르고 가입한 뒤 ‘게시하기’를 누르세요. ‘전체 공개’를 고르고 ‘다음’을 누른 뒤, 처음이라면 ‘무료’를 고르고 ‘무료로 게시하기’를 누르세요. 페이지는 무료 요금제에서 ‘전체 공개’로 yourpage.convika.page 같은 주소에 게시돼서, 링크를 받은 사람은 누구나 Convika 계정 없이 휴대폰이나 컴퓨터에서 열 수 있어요. 전체 공개 페이지는 검색 결과와 Convika 갤러리에 나올 수 있어요. 둘 다에서 빼려면 게시할 때 ‘일부 공개’(Pro 또는 1년 패스)를 고르세요. 무료 요금제는 신용카드가 필요 없고, 게시 페이지 1개와 한 달 페이지뷰 10,000회를 줘요.
출처
- Google 드라이브 고객센터: Google Drive에 저장할 수 있는 파일 (2026년 10월 23일 한국어판 확인)
- Google 드라이브 고객센터: Google Drive에서 파일 공유하기 (2026년 10월 23일 한국어판 확인)
- Google Workspace Updates: Deprecating web hosting support in Google Drive (2015년 8월 31일) (영어, 2026년 10월 18일 확인)
- Apps Script: HTML 서비스: HTML 만들기 및 게재 (2026년 10월 23일 한국어판 확인)
관련 글
- HTML 파일을 링크로 공유하는 방법: 카카오톡이나 메일로 파일 대신 링크 보내기HTML 파일을 카카오톡이나 메일로 보내면 받은 사람에게는 페이지가 아니라 파일이 가요. 파일을 올려서 링크로 보내는 방법을 Google Drive, GitHub Pages와 비교하고, Convika로 링크를 만드는 4단계를 정리했어요.
- 선생님이 페이지를 볼 수 있게 Google 클래스룸에 HTML 파일 제출하기클래스룸에 HTML 파일을 첨부하면 선생님은 파일을 받아요. 대신 페이지 링크를 제출하세요. 교사가 반에 게임을 올릴 때도 같은 방법을 써요.
- 아이폰에서 HTML 파일이 안 열릴 때: 글자만 나오고 버튼이 안 눌리는 이유와 여는 방법아이폰 파일 앱에서 HTML 파일을 누르면 스크립트가 없는 미리보기로 열려요. Safari에서 무료 HTML 뷰어로 여는 4단계와, 다른 사람에게 파일 대신 링크로 보내는 방법을 정리했어요.
- 네이버 블로그·노션에 ChatGPT가 만든 HTML(게임·퀴즈·계산기)을 넣고 싶어요. 되는 방법과 안 되는 방법네이버 블로그의 스마트에디터 ONE은 HTML로 글을 쓰는 기능을 지원하지 않고, 노션은 임베드를 금지한 사이트를 불러오지 못할 수 있어요. 각 서비스의 도움말로 확인한 방법과, 링크와 QR 코드로 연결하는 4단계를 정리했어요.
- HTML 파일을 스캔하면 열리는 QR 코드로 만들기QR 코드에는 파일이 아니라 링크가 들어가요. HTML 페이지를 바뀌지 않는 주소에 게시하고, 대시보드에서 QR 코드를 띄운 뒤 PNG로 다운로드하세요.
- Gemini Canvas가 만든 웹사이트를 내 도메인에 호스팅하는 방법Gemini의 공유 링크는 gemini.google.com에서만 열려요. Canvas로 만든 웹사이트를 동작하는 폼, 방문 통계와 함께 내 주소에 무료로 호스팅하세요.