MENU
IBIGENT BLOG
AI 홈페이지 제작 후 고치는 경로 5가지, 쓰던 AI 도구를 그대로 쓰는 방법

[아이비전트] 2026-09-23 · 아이비전트

아이비전트

AI 홈페이지 제작 후 고치는 경로 5가지, 쓰던 AI 도구를 그대로 쓰는 방법

요약

AI로 만든 홈페이지는 만든 도구 안에서만 고칠 수 있는 것이 아닙니다. 편집 화면·대화·ZIP 재업로드·Git·MCP 연결까지 다섯 가지 경로를 각각 어떤 경우에 쓰면 되는지, 요금제별 한도와 함께 정리했습니다.

AI로 만든 홈페이지는 만든 그 도구 안에서만 고칠 수 있는 것이 아닙니다. 결과물이 HTML 파일로 계정에 남아 있다면, 브라우저 편집 화면에서 클릭해 고치거나, 대화로 시키거나, 압축 파일을 다시 올리거나, Git 으로 밀어 넣거나, 평소 쓰던 AI 코딩 도구를 연결해서 고치는 다섯 가지 경로 중 편한 쪽을 쓰면 됩니다. 한 사이트에서 다섯 가지를 섞어 써도 됩니다.

핵심 요약

  • 고치는 경로는 다섯 가지이고, 같은 사이트에 섞어 써도 충돌하지 않습니다.
  • 문구 한 줄은 편집 화면, 섹션 하나는 대화, 구조 변경은 ZIP 재업로드나 Git 이 빠릅니다.
  • 쓰던 AI 코딩 도구는 MCP 로 연결하며, Claude Code·Cursor·Codex·Antigravity 네 가지 연결 문서가 공개되어 있습니다.
  • 정적 사이트(HTML/CSS/JS) 기준이고, 배포 이력 되돌리기는 모든 요금제에 들어 있습니다.
브라우저 편집 화면에서 문구를 클릭해 고치는 실시간 웹 편집기 안내 화면

AI 홈페이지 제작 후 고치는 경로는 몇 가지인가요?

다섯 가지입니다. 어느 하나가 우월한 것이 아니라, 고칠 범위와 고치는 사람에 따라 편한 쪽이 다릅니다.

  1. 브라우저 편집 화면에서 클릭해 고치기
  2. 대화로 시켜서 고치기
  3. ZIP 으로 다시 압축해 올리기
  4. Git 으로 밀어 넣기
  5. 쓰던 AI 코딩 도구를 MCP 로 연결해 고치기

사진을 손볼 때 휴대폰 앱으로도 열고 컴퓨터 프로그램으로도 여는 것과 비슷합니다. 원본 파일이 하나면 어느 쪽으로 열어도 상관이 없습니다.

1. 브라우저 편집 화면에서 클릭해 고치기

특징은 설치가 없다는 점입니다. 사이트를 연 화면 그대로 문구를 클릭해 글자를 바꾸고 저장하면 반영됩니다.

어떤 경우에 맞나 — 전화번호가 바뀌었을 때, 영업시간 한 줄을 고칠 때, 가게에서 직원이 직접 고쳐야 할 때입니다. 가장 자주 생기는 수정이 사실 이 종류입니다.

주의점 — 레이아웃을 통째로 바꾸는 작업에는 맞지 않습니다. 화면에서 한 칸씩 옮기다 보면 오히려 시간이 더 걸립니다.

가게 카운터에서 노트북으로 홈페이지 문구를 직접 고치는 모습

2. 대화로 시켜서 고치기

특징은 고칠 곳을 고르고 말로 설명하면 된다는 점입니다. 「소개 부분을 조금 더 차분한 분위기로 바꿔줘」처럼 말하면 그 영역만 다시 만들어 넣습니다. 만들 때는 전체 교체·상단·하단·선택영역 중에서 어디에 넣을지 고를 수 있습니다.

어떤 경우에 맞나 — 섹션 하나를 통째로 바꾸고 싶은데 어떻게 생겨야 할지는 말로만 설명할 수 있을 때입니다.

주의점 — 지시가 짧으면 결과도 뭉뚱그려집니다. 바꿀 영역을 먼저 고르고 시키는 편이 다시 시키는 횟수를 줄여 줍니다.

3. ZIP 으로 다시 압축해 올리기

특징은 만든 도구를 아예 가리지 않는다는 점입니다. 다른 곳에서 만든 정적 사이트라도 파일을 압축해 올리면 배포됩니다. 서버 설정이나 명령어는 필요하지 않습니다.

어떤 경우에 맞나 — 페이지를 여러 장 한꺼번에 바꿀 때, 또는 외부에서 받은 HTML 결과물을 그대로 올려 볼 때입니다.

주의점 — 통째로 덮어쓰는 방식이라 어디가 바뀌었는지 기록이 남지 않습니다. 바뀐 내용을 추적하고 싶으면 다음 경로가 낫습니다.

4. Git 으로 밀어 넣기

특징은 변경 기록이 남는다는 점입니다. ZIP 업로드와 Git 배포 둘 다 지원되므로, 손에 익은 쪽을 고르면 됩니다.

어떤 경우에 맞나 — 두 사람 이상이 번갈아 고칠 때, 또는 지난달 상태로 되돌릴 일이 자주 생길 때입니다.

주의점 — Git 을 한 번도 써 본 적이 없다면 이 경로부터 시작할 이유는 없습니다. 1번과 2번으로 충분한 경우가 훨씬 많습니다.

AI 도구를 연결하는 MCP 설정 문서 화면

5. 쓰던 AI 코딩 도구를 MCP 로 연결해 고치기

특징은 새 도구를 배우지 않아도 된다는 점입니다. 이미 쓰고 있는 AI 도구에 사이트를 연결해 두면, 그 도구 안에서 파일을 읽고 고치고 배포까지 이어집니다. 아이비전트가 공개한 연결 문서는 Claude Code, Cursor, Codex, Antigravity 네 가지이고, 전체 연결 설명은 따로 한 장으로 정리되어 있습니다.

어떤 경우에 맞나 — 이미 AI 코딩 도구를 쓰고 있어서 창을 옮겨 다니기 싫은 경우입니다. 반대로 코딩 도구를 쓸 일이 없다면 이 경로는 건너뛰어도 아무 문제가 없습니다.

주의점 — 도구가 파일을 직접 고치게 되므로, 한 번에 많이 시키기보다 한 화면씩 확인하며 진행하는 편이 안전합니다.

MCP 가 무엇이고 꼭 써야 하나요?

MCP 는 AI 도구와 바깥 서비스를 이어 주는 연결 규격이고, 꼭 써야 하는 것은 아닙니다. 앤트로픽이 2024년 11월 25일 개방형 표준으로 공개했고, OpenAI 가 2025년 3월 공식 채택하면서 여러 도구가 같은 방식을 따르게 됐습니다. 2026년 중반 기준으로 운영 중인 MCP 서버는 1만 개가 넘는 것으로 집계됩니다.

쉽게 말하면 충전 단자 규격 같은 것입니다. 규격이 같아지면 도구를 바꿔도 케이블을 새로 사지 않아도 됩니다. 홈페이지를 고치는 일에서는 「도구를 갈아탈 때 사이트를 다시 만들 필요가 없다」는 뜻이 됩니다.

연결하기 전에 확인할 것 4가지

  1. 내 사이트가 정적 사이트인지 — HTML/CSS/JS 로만 되어 있으면 해당합니다.
  2. 원본 파일을 내려받을 수 있는지 — 내려받을 수 없으면 도구를 바꾸는 순간 처음부터 다시 만들어야 합니다.
  3. 주소를 옮길 수 있는지 — 커스텀 도메인 연결은 베이직부터 제공되므로, 명함에 주소를 인쇄할 계획이면 미리 확인하셔야 합니다.
  4. 되돌릴 방법이 있는지 — 배포 이력 되돌리기는 모든 요금제에 들어 있습니다.

만든 도구에서 계속 고치는 게 나을까요, 다른 도구로 옮겨 고치는 게 나을까요?

질문부터가 조금 모순이 있는 질문입니다. 고르는 대상이 도구처럼 보이지만, 실제로 갈리는 것은 도구가 아니라 결과물이 어디에 남느냐이기 때문입니다.

만든 도구 안에만 결과물이 남는 방식이라면 도구를 바꾸는 순간 사이트도 사라집니다. 반대로 HTML 파일이 내 계정에 남아 있으면, 오늘은 편집 화면으로 고치고 다음 달에는 다른 AI 도구를 연결해 고쳐도 사이트는 그대로입니다. “고르는 것은 도구가 아니라, 결과물이 내 손에 남느냐입니다.”

그래서 비교할 때 질문을 이렇게 바꾸면 답이 빨리 나옵니다. 「이 서비스를 해지하면 내 홈페이지 파일은 내 손에 남나요?」 이 한 줄에 대한 답이 곧 그 서비스의 성격입니다.

요금제별 진단 횟수와 마케팅 키워드 한도를 비교하는 요금제 화면

요금제별로 무엇이 달라지나요?

고치는 경로 자체는 전 요금제에서 같습니다. 대화로 만들기, 화면에서 바로 편집, ZIP 업로드 배포, AI 도구 연동, 무료 SSL 자동 발급, 방문자 분석, 배포 이력 되돌리기, 문의 폼은 모두 기본 항목입니다. 달라지는 곳은 만든 뒤의 마케팅·진단 한도입니다.

요금제마케팅 키워드SEO·GEO·AEO 진단AI 검색 노출 진단
베이직10개스탠다드부터 제공월 1회
스탠다드30개월 5회 · 100쪽월 2회
프리미엄60개월 10회 · 200쪽월 3회

확인 기준 : 2026년 9월

커스텀 도메인 연결과 광고 배너 제거, 광고비 관리와 부정클릭 방지는 베이직(월 3,300원, VAT 포함)부터 들어갑니다. 결제 전에 14일 무료체험으로 고치는 흐름이 손에 맞는지 먼저 보시면 됩니다.

고치다 잘못됐을 때 되돌리는 순서 3단계

  1. 지금 화면에서 무엇이 달라졌는지 확인합니다. 글자만 바뀐 것인지, 영역이 통째로 바뀐 것인지 구분합니다.
  2. 배포 이력에서 직전 배포를 찾아 되돌립니다. 모든 요금제에 들어 있는 기능이라 추가 결제는 필요하지 않습니다.
  3. 되돌린 뒤 다시 고칠 때는 범위를 좁혀 한 번에 한 곳씩 바꿉니다. 한꺼번에 시킨 수정일수록 어디서 어긋났는지 찾기 어렵습니다.

마무리 — 경로는 하나만 고르지 않아도 됩니다

정리하면 고치는 사람이 매장 직원이면 1번, 분위기를 말로 설명하는 게 편하면 2번, 여러 장을 한꺼번에 바꾸면 3번, 기록을 남겨야 하면 4번, 이미 AI 코딩 도구를 쓰고 있으면 5번이 맞습니다. 같은 사이트에서 상황마다 다른 경로를 써도 됩니다.

무엇으로 만들지부터 고르면 비교가 끝나지 않습니다. 앞으로 누가, 얼마나 자주, 어떤 범위를 고칠지를 먼저 적어 보고 그 기준으로 고르시면 됩니다. 편집 화면과 AI 도구 연결이 실제로 어떻게 이어지는지는 https://www.ibigent.com/service/ibigent-studio.html 에서 확인하실 수 있습니다.

자주 묻는 질문

Q.무료체험 기간에도 AI 도구 연결(MCP)을 쓸 수 있나요?
AI 도구 연동은 무료체험을 포함한 전 요금제 기본 항목으로 안내되어 있습니다. 다만 커스텀 도메인 연결과 광고 배너 제거는 베이직부터 제공되므로, 무료체험 중에는 임시 주소로 확인하시면 됩니다.
Q.게시판이나 회원가입이 있는 사이트도 같은 방식으로 고칠 수 있나요?
AI 호스팅은 정적 사이트(HTML/CSS/JS) 전용이라 게시판·회원관리 같은 기능은 들어가지 않습니다. 공지·문의 게시판과 회원가입이 필요하면 빌더 호스팅 쪽을 보셔야 합니다.
Q.쓰던 AI 도구를 바꾸면 사이트를 처음부터 다시 만들어야 하나요?
아닙니다. 고치는 대상은 HTML 파일이고 도구는 그 파일을 여는 창구일 뿐입니다. 다른 도구를 연결해도 이미 올라간 사이트는 그대로 남습니다.
Q.연결 방법을 정리해 둔 문서는 어디에서 보나요?
도구별 설정은 www.ibigent.com/docs/ibigent-studio/ 에 정리되어 있습니다. 같은 내용을 마크다운 파일로도 제공하므로 AI 도구에게 문서 주소를 그대로 읽히는 방법도 있습니다.

관련 글