프로토타입이나 프레젠테이션을 상대방이 열어 보기만 하면 된다면 ChatGPT의 일반 공유 기능으로 충분합니다. 하지만 제안서, 투자자 프레젠테이션, 고객용 프로토타입, 보고서에는 부족할 수 있습니다. 활동을 의도한 수신자에게 귀속하거나, 열람 전에 이메일을 받거나, 승인된 외부 이메일만 접근하게 하거나, 링크를 만료하거나, 어느 페이지와 섹션에 관심이 집중됐는지 확인해야 할 수 있기 때문입니다.
이때 추적 가능한 HTML 공유 서비스가 필요합니다. ChatGPT에 다운로드할 수 있는 HTML 파일 하나를 요청하고, 해당 파일을 서비스에 업로드한 뒤 수신자마다 추적 링크를 보내면 됩니다.
HummingDeck은 저희 제품입니다. 이 가이드에서는 ChatGPT가 다운로드 가능한 HTML 파일을 만든 뒤 이를 공유하는 서비스로 HummingDeck을 사용합니다.
추적 가능한 HTML 링크로 추가할 수 있는 기능
| 필요한 기능 | 공유 서비스가 제공해야 하는 것 |
|---|---|
| 활동을 의도한 수신자에게 귀속 | 수신자마다 별도의 개인 링크 |
| 열람 전에 이메일 수집 | Email Capture를 통한 열람 전 이메일 입력 |
| 승인된 외부 이메일만 접근 허용 | 인증된 이메일 허용 목록 |
| 자동 또는 수동으로 접근 종료 | 링크 만료와 수동 해제 |
| 새 링크를 보내지 않고 페이지 업데이트 | 기존 공유 링크를 유지한 채 HTML 다시 업로드 |
| 무엇이 관심을 끌었는지 파악 | 페이지 또는 섹션별 체류 시간, 완료율, 참여 흐름 |
HummingDeck은 업로드한 HTML 파일에 이러한 제어 기능을 제공합니다. 개인 링크, 기본 조회 추적, 파일 교체, 수동 해제는 Free에서 사용할 수 있습니다. 페이지 또는 섹션별 체류 시간과 링크 만료는 Starter부터, Email Capture와 Restricted Access는 Pro부터 사용할 수 있습니다. HummingDeck 요금제를 비교해 보세요.
공개 URL만 필요하다면 단일 HTML 파일을 호스팅하고 공유하는 방법에서 8가지 옵션을 비교할 수 있습니다. 수신자별 제어가 필요하다면 이 가이드를 계속 읽으세요.
이 방식은 정적 페이지용입니다. 운영 중인 ChatGPT Sites가 로그인, 저장 데이터, 결제, 서버 코드에 의존한다면 해당 버전은 그대로 호스팅하고 HTML은 검토용 사본으로만 사용하세요.
ChatGPT 페이지를 하나의 HTML 파일로 만들기
ChatGPT는 결과를 ChatGPT Sites, Canvas나 HTML Preview, 또는 생성된 파일로 보여줄 수 있습니다. HummingDeck에 필요한 것은 파일입니다. ChatGPT Sites URL이나 Canvas 공유 링크는 가져올 수 없습니다. 페이지를 만든 채팅으로 돌아가 정적 사본을 요청하세요.
최신 버전을 다운로드할 수 있는 하나의 독립형 index.html 파일로 만들어 주세요.
서버 없이도 레이아웃과 브라우저 상호작용이 작동하게 해 주세요.
외부 이미지, 폰트, 아이콘, 스크립트와 기타 에셋을 포함하거나 대체해 파일이 오프라인에서도 작동하게 해 주세요.
API 키, 데이터베이스, 로그인, 백엔드가 필요한 요소는 삭제하거나 대체해 주세요.
코드 블록만 보여주지 말고 index.html을 다운로드 가능한 파일로 제공해 주세요.
응답에 다운로드 버튼이 있는 생성된 .html 파일이 표시되면 다운로드하고 .html 확장자를 유지하세요(파일 생성 방식 문서). HTML Preview만 보인다면 다운로드 가능한 .html 파일이나 전체 HTML 소스를 요청하세요. 아래 수동 저장 단계는 전체 소스가 화면에 보일 때만 사용합니다.
ChatGPT가 전체 HTML을 코드 블록으로만 반환한다면 다음과 같이 저장합니다.
<!doctype html>또는<html>로 시작해 마지막</html>태그까지 전체 문서를 복사합니다.- 일반 텍스트 편집기에 붙여 넣습니다.
- UTF-8 인코딩으로
index.html이라는 이름으로 저장합니다. - 편집기가 파일명 뒤에
.txt를 붙이지 않았는지 확인합니다.
2026년 8월 7일 테스트에서는 ChatGPT Sites에 HTML 내보내기 기능이 보이지 않았습니다. 그래서 원래 채팅에 생성된 index.html 파일을 요청했습니다. 이 파일은 오프라인에서도, HummingDeck에 업로드한 뒤에도 정상적으로 작동했습니다.
ChatGPT가 package.json이 포함된 React 또는 Vite 프로젝트를 반환했다면 아직 빌드하고 배포해야 하는 소스 코드를 제공한 것입니다. 운영 중인 백엔드가 없어도 되는 검토용 사본이면 충분할 때만 정적 index.html 파일 하나를 요청하세요.
업로드 전에 HTML 테스트하기
다운로드한 파일을 브라우저에서 열고 수신자가 사용할 방식 그대로 확인하세요.
- 전체 페이지를 열어 확인하세요. 원시 코드가 표시된다면 파일명이
index.html.txt이거나 마크업이 불완전한 경우가 대부분입니다. 모든 슬라이드, 섹션, 결과 화면을 확인하세요. - 상호작용과 에셋을 오프라인에서 테스트하세요. 인터넷 연결을 끊고 탐색, 탭, 계산기, 폼, 버튼, 이미지, 아이콘, 폰트를 확인합니다.
- 소스에 민감한 정보가 없는지 확인하세요. HTML을 받은 사람은 누구나 소스를 볼 수 있습니다. API 키, 비밀번호, 비공개 토큰을 파일에 절대 넣지 마세요.
오프라인에서 페이지가 깨진다면 ChatGPT로 돌아가 누락된 의존 요소를 포함하거나 대체해 달라고 요청하세요.
HummingDeck으로 추적과 접근 제어 추가하기
파일 자체가 제대로 작동한다면 그 파일을 그대로 HummingDeck에 업로드하세요.
- HummingDeck HTML 공유 페이지를 열고
.html파일을 업로드합니다. - 업로드된 버전을 다시 테스트합니다.
- 수신자마다 개인 링크를 하나씩 만듭니다.
- 필요한 접근 및 만료 설정을 선택한 뒤 링크를 보냅니다.
ChatGPT에서 수정본이 나오면 문서의 교체 기능을 사용해 새 .html 파일을 업로드하세요. 기존에 만든 링크가 새 버전을 가리키므로 다시 보낼 필요가 없습니다.
추적은 활동의 귀속이지 신원 증명이 아닙니다
Email Capture는 조회자가 입력한 이메일 주소를 기록합니다. 개인 링크는 활동을 의도한 수신자와 연결하지만 다른 사람에게 전달될 수 있습니다. Restricted Access는 허용 목록에 등록된 이메일의 받은편지함에 접근할 수 있는지만 확인하며, 법적 신원을 증명하지 않습니다. 봇 필터링은 스캐너 노이즈를 줄이지만 모든 자동 활동을 잡아내지는 못합니다.
HTML 분석 비교 글에서 집계형 사이트 분석과 수신자별 링크의 차이를 자세히 설명합니다.
자주 발생하는 내보내기 문제 해결하기
- ChatGPT가 파일 대신 코드를 반환함: 해당 코드를 다운로드 가능한
index.html로 제공해 달라고 요청하세요. 그래도 코드 블록만 나온다면 위의 수동 저장 단계를 따르고 Markdown 코드 펜스는 제외하세요. - 파일이 텍스트로 열림:
index.html.txt를index.html로 바꾼 뒤 브라우저에서 다시 여세요. - 이미지나 스타일이 누락됨: 모든 외부 에셋을 포함하거나 대체해 달라고 ChatGPT에 요청한 뒤 오프라인 테스트를 반복하세요.
- 버튼이 작동하지 않음: 문제가 있는 컨트롤을 구체적으로 알려주고 프레임워크나 서버에 의존하지 않는 브라우저 JavaScript로 다시 작성해 달라고 요청하세요.
- 페이지에 로그인, 저장 데이터, 결제, 서버 코드가 필요함: 운영 버전은 ChatGPT Sites에 그대로 두세요. 정적 HTML 사본을 검토용 목업이라고 표시해 사용할 수는 있지만, 실제 앱을 대체할 수는 없습니다.
자주 묻는 질문
ChatGPT 웹사이트를 HTML로 내보내려면 어떻게 해야 하나요?
ChatGPT에 최신 페이지를 다운로드 가능한 index.html 파일로 반환해 달라고 요청하세요. HTML Preview만 보인다면 다운로드 가능한 파일이나 전체 HTML 소스를 요청합니다. 전체 코드가 보이면 일반 텍스트 편집기에 복사해 index.html로 저장할 수 있습니다.
ChatGPT Sites, Canvas 또는 생성된 HTML 페이지에도 사용할 수 있나요?
ChatGPT가 완전한 .html 파일을 제공한다면 이 방식을 사용할 수 있습니다. HummingDeck은 ChatGPT Sites URL이나 Canvas 공유 링크를 가져올 수 없습니다. 정적 사본은 브라우저에서 작동하는 콘텐츠와 상호작용을 유지할 수 있지만 로그인, 저장 데이터, 결제, 데이터베이스, 서버 코드 같은 호스팅 기능은 유지할 수 없습니다. 실제 앱은 ChatGPT Sites에 두고 HTML을 검토용 사본으로 공유하세요.
새 링크를 보내지 않고 페이지를 업데이트할 수 있나요?
수정한 페이지를 새 .html 파일로 내보낸 뒤 HummingDeck에서 교체를 사용하세요. 기존 공유 링크가 새 버전을 열기 때문에 링크를 다시 만들거나 보낼 필요가 없습니다.
수신자에게 ChatGPT 또는 HummingDeck 계정이 필요한가요?
일반 HummingDeck 링크에는 HummingDeck이나 ChatGPT 계정이 필요하지 않습니다. Restricted Access는 허용 목록에 등록된 이메일의 받은편지함에 접근할 수 있는지 확인하지만 수신자가 HummingDeck 계정을 만들 필요는 없습니다.
개인 링크로 누가 페이지를 봤는지 증명할 수 있나요?
개인 링크는 활동을 의도한 수신자에게 귀속합니다. Restricted Access를 사용하면 입장에 사용된 받은편지함에 대해 더 높은 확신을 얻을 수 있지만, 법적 신원이나 실제로 누가 기기를 사용했는지는 증명하지 못합니다.
ChatGPT 페이지를 관리 가능한 공유 링크로 전환하기
콘텐츠 경험은 ChatGPT가 만들었습니다. HTML로 내보내면 일반 공유 기능에 없는 전달 제어를 추가할 수 있습니다.
관련 글:
- 단일 HTML 파일 호스팅: 8가지 도구 비교: 공개 호스팅과 추적 가능한 공유 서비스를 비교합니다.
- HTML 페이지에 분석 추가하는 방법: 삽입형 분석과 수신자별 링크를 비교합니다.
- Anthropic 조직 외부와 Claude Design 공유하는 방법: Claude Design을 독립형 HTML로 내보내는 전용 절차를 확인하세요.
- Claude 프로젝트 공유 방법: 워크스페이스, 채팅, 아티팩트, 내보낸 파일 중 적합한 공유 방법을 선택하세요.
- PowerPoint를 온라인으로 공유하고 조회를 추적하는 방법: 링크, 첨부 파일, 프레젠테이션 호스팅을 비교합니다.