
Claude 채팅에서 웹사이트를 만들고 운영하는 방법
요약
본 글은 Claude AI를 활용하여 웹사이트를 구축하고 운영하는 새로운 방식을 소개합니다. Sitelas는 MCP 커넥터를 통해 Claude 채팅 내부에 사이트를 통합함으로써, 별도의 관리자 패널 없이도 문의 확인, 페이지 수정 등 실시간 '운영'이 가능하게 합니다. 나아가, 외부 도구(Google Sheets)와의 연동 시에도 복잡한 자동화 설정이나 OAuth 과정 없이 자연스러운 대화만으로 데이터 전송 및 관리가 이루어지는 것이 핵심입니다.
핵심 포인트
- Claude 채팅 내에서 웹사이트 구축부터 운영까지 통합 가능
- MCP 커넥터를 통해 사이트가 실시간 행동(게시, 수정 등) 수행
- 별도의 자동화 서비스나 OAuth 없이도 외부 도구와 데이터 연동 가능
이제 누구나 웹사이트를 생성할 수 있습니다. 프롬프트를 입력하고 괜찮은 페이지를 얻는 것 — 이 부분은 이미 흔한 것이 되었습니다. 아무도 답하지 않는 질문은 2일 차에 무슨 일이 벌어지냐는 것입니다. 리드가 도착하기 시작하고, 카피라이팅 라인에 수정이 필요하거나, 깜빡했던 섹션을 누군가 요청하는 경우입니다. 이때 웹사이트는 더 이상 디자인 프로젝트가 아니라 운영해야 하는 것이 되며 — 대부분의 도구들은 당신에게 또 다른 대시보드에 로그인해서 두려워하게 만듭니다.
Sitelas는 다른 접근 방식을 취합니다. Sitelas 사이트는 MCP 커넥터를 통해 Claude 내부에 존재하기 때문에, 사이트를 만든 바로 그 채팅이 사이트를 운영하기도 합니다. 누가 양식을 작성했는지 확인하거나, 답장하거나, 페이지를 변경하기 위해 관리자 패널을 열 필요가 없습니다. 그냥 질문만 하면 됩니다.
'채팅에서 사이트 운영하기'가 실제로 어떤 모습인지 살펴보겠습니다.
먼저, 30초 요약
Claude는 MCP 커넥터를 통해 외부 도구에 연결됩니다 — 이미 Gmail, Calendar, Drive용 커넥터를 사용하고 계실 겁니다. Sitelas도 하나 가지고 있습니다.
한 번만 추가하면 (claude.ai: Customize → Connectors → Add custom connector에서 https://sitelas.com/api/mcp를 붙여넣기), Claude는 사이트에 대해 단순히 이야기하는 것을 넘어 _실제 행동_을 할 수 있습니다: 게시하거나, 제출된 내용을 읽거나, 스타일을 수정하거나, 섹션을 추가할 수 있습니다.
당신의 사이트는 다른 커넥터들 옆에 위치한 자동화 엔드포인트가 됩니다 — Webflow나 Squarespace로 만든 사이트가 가질 수 없는 기능입니다.
처음이신가요? Claude 채팅으로 웹사이트 구축하는 방법부터 시작하세요.
…하지만 채팅에서 사이트를 운영한다는 것은 거의 필요하지 않은 일입니다. Claude는 여러분의 웹사이트에서 들어오는 제출 내용을 직접 읽기 때문에, '오늘 누가 문의했고, 무엇을 원하는가?'라는 질문에 답은 이미 여러분이 속한 스레드 안에서 얻을 수 있습니다. 별도로 확인해야 하는 패널에서 찾을 필요가 없습니다.
스프레드시트로 리드 전송하기
구글 시트(Google Sheet)에 있는 모든 문의(lead)를 분류하고 공유하고 싶다고 가정해 봅시다.
핵심은 이겁니다. 아무것도 연결할 필요가 없다는 것입니다. Claude는 이미 여러분의 Sitelas 제출 내용을 읽고 있습니다. 그리고 만약 Claude 자체의 구글 시트 커넥터(Google Sheets connector)를 추가했다면, 이미 드라이브(Drive)에 데이터를 쓸 수도 있습니다. 따라서 여러분은 그저 이렇게 요청하기만 하면 됩니다:
“이번 주 문의들을 구글 시트에 넣어줘.”
Claude가 웹사이트에서 제출 내용을 가져와 여러분의 드라이브에 시트를 생성하고 행을 채워 넣습니다. 우리 쪽에서는 OAuth 화면이 필요 없고, 제3자 자동화 서비스도 필요 없습니다. 유지보수할 것도 아무것도 없습니다. 두 개의 커넥터가 이미 같은 채팅 안에 자리 잡고서 그 사이의 지루한 작업을 처리해 줍니다.
요청하지 않아도 자동으로 처리하고 싶다면, 폼 설정에 **웹훅 URL(webhook URL)**을 추가하세요. 그러면 제출되는 즉시 모든 문의가 도착하는 순간마다 전송되며—Zapier의 'Catch Hook'으로 보내 행을 추가하거나, 슬랙(Slack)으로 바로 보내거나, CRM으로 보낼 수 있습니다. 어느 쪽이든 여러분의 Sitelas 받은 편지함이 진실의 원천(source of truth)으로 유지됩니다.
사이트 자체 변경하기 — 여전히 채팅만으로
사이트를 운영하는 것은 단순히 받은 편지함에서 처리하는 작업만이 아닙니다. 사이트 자체도 마찬가지입니다. “FAQ 섹션을 추가해 줘.” “히어로(hero) 부분을 더 따뜻하게 만들어 줘.” 여러분이 말하면, Claude가 편집을 수행합니다—하지만 먼저 미리보기를 제공하기 때문에 승인할 때까지 라이브 페이지는 절대 변경되지 않습니다:
이 부분이 강조할 가치가 있습니다: Claude는 미리보기 URL을 보여주고, 라이브 사이트는 사용자가 '게시(publish)'라고 말하기 전까지 이전 버전을 계속 제공합니다. 편집 내용은 미리보기에 누적되며, 예상치 못한 방식으로 공개되는 것은 없습니다. 내용이 적절해 보이면 단어 하나인 _'게시(publish)'_로 즉시 적용되고, 마음이 바뀌면 항상 한 단계 되돌리기 기능이 있습니다.
하나의 창에서 전체 루프를 처리하기
- 사용자:
이것이 바로 핵심입니다: 당신의 웹사이트는 방문하는 목적지가 아니라, 이미 Claude에서 운영하고 있는 다른 모든 도구 옆에 놓이는 하나의 엔드포인트(endpoint)입니다.
claude.ai를 떠나고 싶지 않으신가요? 에디터도 있습니다
위의 모든 기능은 채팅창에서 실행되지만, 반드시 그럴 필요는 없습니다. 모든 Sitelas 사이트는 동일한 AI가 내장된 **시각적 에디터(visual editor)**에서도 열립니다: 일반 언어로 편집 내용을 설명하면 캔버스에 적용되고, 또는 아무 요소나 클릭하여 수동으로 조정할 수도 있습니다.
만약 이 '읽기-제출-실행' 루프를 더 발전시켜 가입자 점수를 매기고 초대장을 작성하는 것을 보고 싶다면, I Launched a Waitlist and Ran It From One Claude Chat에서 처음부터 끝까지 과정을 안내합니다.
사용해 보세요
Claude에 Sitelas 커넥터(https://sitelas.com/api/mcp)를 추가하고, 사이트를 게시한 다음, 다음과 같이 질문하기만 하면 됩니다: 누가 양식을 작성했는지 알려주고, 그들에게 답장을 초안 작성해주고, 리드를 Sheet에 넣고, 섹션을 추가해줘.
Sitelas는 얼리 액세스 기간 동안 무료입니다. sitelas.com에서 계정을 설정하고 Claude와 연결한 다음, 이미 접속해 있는 채팅창에서 사이트를 운영해 보세요.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기

