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

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

한눈에 보기

걸리는 시간

약 1분

필요한 요금제

무료로 가능

코드 지식

없어도 돼요

하는 곳

첫 화면 붙여넣기 상자

따라 하기

1. 1

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

   만들고 싶은 페이지를 설명하면 Grok이 HTML을 작성해 줘요. 이때 “하나의 HTML 파일로 만들어줘”라고 덧붙이면 CSS까지 한 파일 안에 들어가서 다음 단계가 한결 수월해집니다. 답변 속 코드 블록 오른쪽 위에 있는 복사 버튼만 누르면 준비가 끝나요.

   Grok

   우리 동네 베이커리 소개 페이지를 하나의 HTML 파일로 만들어줘. 메뉴, 위치, 주문 문의 버튼도 넣어줘.

   index.html 복사

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

   HTMLtoSITE에 붙여넣으세요

   첫 화면 입력창에 복사해 온 코드를 붙여넣으면, 바로 옆에서 페이지가 실제 모습 그대로 렌더링돼요. 아직 저장이나 회원가입은 필요 없으니 먼저 눈으로 확인해 보세요. 페이지에 직접 적힌 스크립트는 미리보기 동안에만 멈춰 있고, 발행하고 나면 전부 정상적으로 동작합니다.

   

3. 3

   ‘내 주소 만들기’를 눌러 주소를 정하세요

   미리보기가 만족스러우면 버튼을 누르세요. 로그인을 한 번 거치면(붙여넣은 코드는 그대로 남아 있어요) 원하는 이름으로 주소를 정할 수 있고, 그 순간부터 사이트가 인터넷에 열립니다. 무료 플랜으로도 사이트 2개까지 카드 등록 없이 만들 수 있어요.

   myname.html2site.com 발행됨

   발행하고 나면 이런 주소가 바로 생겨요. 갖고 있는 도메인은 Starter 플랜부터 연결할 수 있고, HTTPS도 자동으로 붙습니다.

4. 4

   다음부터는 말로 수정하세요

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

   편집 어시스턴트

   헤드라인을 더 강하게 바꿔줘 세 군데를 수정했어요. 마음에 안 드시면 바로 되돌려 드릴게요.

자주 묻는 질문

이어서 읽어 보세요

• ChatGPT로 만든 홈페이지, 실제 주소로 여는 법 ChatGPT로 만든 HTML을 서버 없이 60초 만에 실제 주소로 발행하는 단계별 가이드(한국어)
• Claude로 만든 홈페이지, 실제 주소로 여는 법 Claude로 만든 HTML을 서버 없이 60초 만에 실제 주소로 발행하는 단계별 가이드(한국어)
• Gemini로 만든 홈페이지, 실제 주소로 여는 법 Gemini로 만든 HTML을 서버 없이 60초 안에 실제 주소로 공개하는 단계별 가이드(한국어)
• 사이트 관리 — 폴더·이름 변경·삭제·복구 /sites 대시보드에서 사이트를 폴더로 정리하고, 이름을 바꾸고, 삭제해도 7일간 복구할 수 있는 방법(한국어)