Gemini로 만든 홈페이지, 실제 주소로 여는 법

마지막 업데이트: 2026-08-10

한눈에 보기

걸리는 시간

약 1분

필요한 요금제

무료로 가능

코드 지식

없어도 돼요

하는 곳

첫 화면 붙여넣기 상자

따라 하기

1. 1

   Gemini에게 페이지를 부탁하세요

   만들고 싶은 페이지를 설명하면 Gemini가 HTML을 작성해 줘요. 이때 “하나의 HTML 파일로 만들어줘”라고 요청하면 CSS까지 한 파일에 담겨서 다음 단계가 훨씬 수월해집니다. 답변 코드 블록의 복사 아이콘을 눌러 준비를 마치세요.

   Gemini

   우리 동네 필라테스 스튜디오 소개 페이지를 하나의 HTML 파일로 만들어줘. 수업 시간표, 위치, 예약 문의 버튼도 넣어줘.

   index.html 복사

   <section class="hero"> <h1>…</h1></section>
2. 2

   HTMLtoSITE에 붙여넣으세요

   복사한 코드를 첫 화면 입력창에 붙여넣으면 바로 옆에서 실제 페이지 모습으로 렌더링돼요. 아직 회원가입도 저장도 필요 없으니 먼저 결과물을 눈으로 확인해 보세요. 페이지 안에 넣은 스크립트는 미리보기 단계에서만 잠시 멈춰 있다가, 발행 후에는 모두 정상적으로 동작합니다.

   

3. 3

   ‘내 주소 만들기’를 누르고 주소를 정하세요

   미리보기가 만족스럽다면 버튼을 누르세요. 로그인을 한 번 거치는 동안에도 붙여넣은 코드는 그대로 남아 있고, 원하는 이름으로 주소를 정하면 그 즉시 인터넷에 공개됩니다. 무료 플랜으로도 사이트 2개까지, 카드 등록 없이 이용할 수 있어요.

   myname.html2site.com 발행됨

   발행하면 이런 형태의 주소가 즉시 생겨요. 보유한 도메인은 Starter 플랜부터 연결할 수 있고, HTTPS는 자동으로 적용됩니다.

4. 4

   다음 수정은 말로 하세요

   발행한 뒤 뭔가 고치고 싶을 때 다시 Gemini를 열 필요는 없어요. 편집기에서 원하는 걸 문장으로 요청하면 AI가 해당 코드를 찾아 수정하고, 바뀌는 내용을 먼저 보여줍니다. 결과가 마음에 안 들면 즉시 되돌릴 수 있어요.

   편집 어시스턴트

   예약 버튼을 더 눈에 띄게 바꿔줘 버튼 색과 문구를 포함해 두 곳을 고쳤어요. 마음에 안 들면 되돌릴게요.

자주 묻는 질문

이어서 읽어 보세요

• ChatGPT로 만든 홈페이지, 실제 주소로 여는 법 ChatGPT로 만든 HTML을 서버 없이 60초 만에 실제 주소로 발행하는 단계별 가이드(한국어)
• Claude로 만든 홈페이지, 실제 주소로 여는 법 Claude로 만든 HTML을 서버 없이 60초 만에 실제 주소로 발행하는 단계별 가이드(한국어)
• 이미 있는 HTML 파일, 실제 주소로 여는 법 이미 있는 HTML 파일을 서버 없이 60초 만에 실제 주소로 발행하는 단계별 가이드(한국어)
• 발행한 사이트, 검색과 AI 답변에서도 찾게 만들기 발행한 사이트를 검색엔진과 AI 답변(AEO)에 노출시키는 방법 — 브랜딩 설정부터 구조화 데이터까지(한국어)