AI가 만든 HTML, 아직도 파일로 보내세요? 배포 없이 링크로 공유하는 법
ChatGPT나 Claude가 만든 로컬 HTML을 첨부하지 않고, 저장소와 배포 파이프라인 없이 브라우저 검토 링크로 바꾸는 방법입니다.
가장 짧은 방법은 생성된 결과를 하나의 .html 파일로 저장하고 로컬에서
한 번 연 뒤, HTML2WEB에 파일을 올리거나 코드를 붙여넣는 것입니다.
서비스가 만든 URL은 다른 사람의 브라우저에서도 열립니다. 이 방식은
검토와 인계에 적합하며, 영구적인 서비스 배포를 대신하지는 않습니다.
완전한 HTML 파일 하나로 시작하기
AI 도구에 <!doctype html>, <html>, <head>, <body>가 모두 들어간
완전한 문서를 요청하세요. 결과가 <section> 하나 같은 일부 조각뿐이면
공유하기 전에 완전한 문서 구조로 감싸야 합니다.
첫 검토본은 가능한 한 한 파일 안에서 동작하게 만드는 편이 좋습니다.
- CSS는
<style>요소 안에 넣습니다. - 작은 스크립트는
</body>바로 앞에 넣습니다. - 외부 폰트나 이미지는 공개된 HTTPS URL을 사용합니다.
- API 키, 실명, 미공개 지표, 고객 데이터는 반드시 제거합니다.
업로드 전에 내 컴퓨터에서 파일을 열어 보면 닫히지 않은 태그나 눈에 띄는 레이아웃 오류를 찾을 수 있습니다. 다만 다른 사람의 환경에서도 모든 외부 리소스가 열린다는 보장은 아닙니다.
검토 링크 게시하기
HTML-to-URL 도구에서 파일을 선택하거나 마크업을 붙여넣습니다. 감지된 파일 종류와 크기를 확인한 뒤 게시하세요. 미리보기가 공유하려던 버전과 같은지 확인한 다음 결과 URL을 복사합니다.
이 링크는 임시 검토를 위한 것입니다. 화면에 표시된 만료 시점을 확인하고 수신자에게 언제까지 열리는지 함께 알려 주세요. 계속 보관해야 하는 작업이라면 임시 링크를 반복 생성하지 말고 승인된 결과물을 유지 관리되는 호스팅으로 옮기는 편이 맞습니다.
보내기 전에 확인할 것
시크릿 창에서 링크를 열어 수신자와 같은 조건으로 확인합니다. 좁은 모바일 화면에서도 보고, 중요한 링크를 모두 눌러 보고, 내 컴퓨터에 접근하지 않아도 이미지와 폰트가 로드되는지 검사합니다.
추측하기 어려운 URL을 접근 권한으로 생각해서는 안 됩니다. 링크를 받은 사람은 주소를 전달하거나 페이지가 열려 있는 동안 내용을 저장할 수 있습니다. 추가적인 접근 경계가 필요하면 비밀번호 보호를 사용해야 합니다.
임시 검토와 영구 호스팅 구분하기
AI가 만든 목업, 시각 테스트, 보고서 초안, 디자인 검토처럼 중간 결과물이라면 임시 링크가 잘 맞습니다. 버릴 작업을 위해 저장소를 만들지 않아도 되고, 인계 과정도 짧아집니다.
반대로 실제 제품이거나, 안정적인 도메인이 필요하거나, 사용자 정보를 받거나, 지속적인 보안 업데이트가 필요하다면 영구 호스팅을 사용해야 합니다. 그때부터 버전 관리, 배포 이력, 모니터링, 개인정보처리방침은 불필요한 절차가 아니라 제품의 일부입니다.