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

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

한눈에 보기

걸리는 시간

약 1분

필요한 요금제

무료로 가능

코드 지식

없어도 돼요

하는 곳

첫 화면 ‘내 파일 가져오기’

따라 하기

1. 1

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

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

   Grok

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

   index.html 복사

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

   HTML 파일로 저장해 MakeLayer에서 여세요

   AI 화면에 내려받기 버튼이 있으면 그걸로 HTML 파일을 받는 게 가장 쉬워요. 없다면 복사한 코드를 메모장에 붙여넣고, 저장할 때 파일 형식을 ‘모든 파일 (*.*)’로 바꾼 뒤 이름을 index.html 로 적으세요 — 그대로 두면 index.html.txt 로 저장돼 파일을 고를 때 보이지 않아요. 그다음 makelayer.com 첫 화면에서 ‘내 파일 가져오기’를 누르고 ‘HTML 파일 열기’로 그 파일을 고르면, 페이지가 실제 모습 그대로 미리보기로 열려요.

   

3. 3

   주소를 정하고 발행하세요

   원하는 이름으로 주소를 정하고 ‘시작하고 발행하기’를 누르세요. 로그인 한 번이면 고른 파일과 주소 그대로 바로 발행돼요 — 그 순간부터 인터넷에 열려요. 무료로 사이트 5개까지, 카드 없이 쓸 수 있어요.

   myname.mklyr.com 발행됨

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

4. 4

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

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

   편집 어시스턴트

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

자주 묻는 질문

이어서 읽어 보세요

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