Plopino.

AI가 만든 HTML 페이지를 링크로 공유하는 방법

AI가 만든 페이지가 대화 미리보기나 내 컴퓨터에서는 잘 열립니다. 하지만 고객이나 동료, 친구에게 HTML 파일을 보내면 코드만 보이거나 이미지가 빠지고, 먼저 다운로드해야 할 수 있습니다.

빠른 답변

HTML, CSS, 브라우저용 JavaScript만 사용하는 페이지라면 파일을 업로드하고 URL을 공유하면 됩니다. 저장소나 빌드 명령, 호스팅 프로젝트를 설정하지 않아도 아래에서 게시할 수 있습니다. 서버나 데이터베이스가 필요하다면 먼저 그 의존성을 확인하세요.

파일이나 폴더를 여기에 놓거나 클릭하여 업로드하세요

익명 업로드: 파일당 최대 5 MB, 1개월 보관. 로그인하면 파일당 50 MB, 삭제할 때까지 보관.

1. 페이지와 파일 확인하기

스타일과 스크립트가 내장되어 있거나 공개 URL에서 로드된다면 HTML 파일 하나로 충분합니다. 로컬 이미지, CSS, JavaScript가 있다면 폴더 전체를 업로드하고 index.html을 최상위에 두세요. 상대 경로를 유지해야 게시 후에도 제대로 표시됩니다.

HTML, CSS, 브라우저 JavaScript의 내용은 다른 사람도 읽을 수 있습니다. 비공개 API 키, 높은 권한의 인증 정보, 비밀번호, 개인정보를 제거하세요. AI가 코드에 넣은 키도 자동으로 보호되지 않습니다.

정적 페이지는 브라우저에서 내용을 표시하고 계산하며 입력에 반응할 수 있습니다. 공유 데이터 저장, 사용자 인증, 높은 권한의 작업에는 서버가 필요합니다. localhost는 방문자 자신의 컴퓨터를 가리킵니다. 외부 API는 HTTPS를 사용하고 CORS로 페이지의 출처를 허용해야 합니다. Plopino는 정적 프런트엔드를 제공하며 로컬 서버나 데이터베이스를 배포하지 않습니다.

2. 동작하는 예제 먼저 체험하기

Gradient Studio는 하나의 HTML 파일로 된 완전한 인터랙티브 예제입니다. 색상과 각도를 바꾸고, HTML을 살펴보거나 사본을 내려받아 편집해 보세요. 미리보기와 다운로드만으로는 게시되지 않습니다. 내 작업 전에 편집 → 미리보기 → 게시 과정을 체험할 수 있습니다.

게시된 예시 보기Gradient Studio

3. 게시하고 링크 공유하기

  1. HTML 파일, ZIP 또는 프로젝트 폴더 전체를 선택하세요.
  2. 업로드가 끝나면 생성된 링크를 열고 휴대폰에서도 확인하세요.
  3. 이메일, 채팅이나 문서에 링크를 붙여 넣으면 상대방이 브라우저에서 열 수 있습니다.

이미지나 스타일이 빠지면 같은 HTML만 반복 업로드하지 말고 폴더와 경로를 확인하세요. 기능이 로컬 서버에 의존한다면 먼저 외부에서 접근 가능한 백엔드를 준비하세요.

파일 업로드HTML · ZIP

내용이 바뀌어도 같은 링크 사용하기

익명 업로드는 공개되며 30일 동안 보관됩니다. 계속 보관하고 관리하려면 게시 후 계정에 저장하세요. 이후 내 보드에서 새 버전을 업로드하면 내용이 바뀌어도 URL은 유지됩니다. 수정 중인 AI 페이지, 포트폴리오나 제안서에 유용합니다.

기밀 자료를 익명 공개 업로드에 넣지 마세요. 어떤 방식으로 업로드하든 먼저 비밀 정보를 제거하고 공유할 내용을 확인하세요.

자주 발생하는 문제