Qoder Sites 출시: 한 문장으로 웹 앱 배포, 알리가 AI 웹사이트 구축의 마지막 한 구간을 채우다

AI 웹사이트 구축 분야가 요즘 갈수록 뜨거워지고 있습니다. OpenAI에는 ChatGPT Sites가, Codex에는 @Sites 플러그인이 있고, 이제 알리 Qoder도 자신의 답을 내놓았습니다. 바로Qoder Sites입니다. 한 문장으로 웹 앱을 만들고 배포할 수 있습니다.

Qoder는 알리가 선보인 코딩(Coding) 중심의 에이전트 워크스페이스로, 이번에 출시된 Sites 기능은 '코드 생성'에서 '바로 배포'까지의 마지막 한 구간을 채웠습니다.

한 문장 웹사이트 구축, 실제로 어떻게 쓸까

입구는 아주 단순합니다. 왼쪽 사이드바에서 '사이트'를 선택하고 사이트 추가를 클릭하세요. Qoder가 새 작업을 열고 입력창에 자동으로 @sites을 참조합니다. 다음으로 두 가지 방법이 있습니다.

방법 1: 템플릿으로 시작

입력창 위에는 템플릿 패널이 있고, 용도별로 여섯 가지로 나뉘어 있습니다.랜딩 페이지, 포트폴리오, 블로그와 콘텐츠, 데이터 대시보드, 내부 도구, 기타가까운 것을 하나 고르면 됩니다. 예를 들어 '데이터 대시보드'의 경영 데이터 대시보드나 '내부 도구'의 포커스 워크스페이스를 고르면 템플릿 프롬프트가 입력창에 채워지고, 이름·내용·스타일을 수정한 뒤 전송하면 끝입니다.

방법 2: 요구사항을 직접 설명

명확한 아이디어가 있다면 솔직하게 말하세요. 공식 예시가 작성 방법을 잘 보여줍니다. 프로젝트 정기 회의용 진행 상황 대시보드를 만든다고 해보겠습니다.

상단에는 전체 작업 수, 완료 수, 진행 중 수, 지연 수가 표시됩니다. 하단에는 시작 전, 진행 중, 완료 상태별로 작업을 보여주며 담당자, 우선순위, 마감일을 포함합니다. 담당자와 상태별 필터링을 지원하고, 작업을 클릭하면 상세 내용을 볼 수 있습니다. 우선 예시 데이터를 사용하고, 간결한 라이트 테마로 디자인하며, PC와 모바일에 맞춰 주세요. 먼저 미리보기를 생성하고 아직은 게시하지 마세요.

쉽게 말해누가 쓰는지, 어떤 문제를 해결하는지, 어떤 정보를 보여주는지, 어떤 작업을 할 수 있는지분명히 말하면 충분합니다. 작업 목록, 주간 보고서, 디자인 참고 자료가 손에 있다면 파일로 바로 첨부하고 어떤 내용을 사용할지만 설명하세요.

진짜 필살기: Agent 능력을 갖춘 사이트

개인적으로 가장 말할 가치가 있는 부분입니다. Qoder Sites는 '정적 웹페이지 생성기'가 아니라, 사이트가 Qoder Cloud Agents 의 Agent 서비스를 호출할 수 있게 해 줍니다. 방문자가 조작하는 즉시 백그라운드에서 작업이 돌아갑니다.

무엇을 할 수 있을까요? 데이터 처리, 인터넷에서 데이터 가져오기, 텍스트나 이미지 생성, 페이지 콘텐츠 실시간 생성이 가능하고, 결과물은 사이트의 데이터베이스와 스토리지에 저장할 수도 있습니다.모델을 직접 연결할 필요도, 백엔드를 유지보수할 필요도 없습니다.

공식 예시는 매출 데이터 분석 사이트입니다. 방문자가 월별 매출 표를 업로드하고 '분석 시작'을 클릭하면 Qoder Cloud Agents가 추세를 계산하고 전월 대비를 비교하며 이상 항목을 찾아 결론과 차트를 출력합니다. 결과는 페이지에 표시되는 동시에 데이터베이스에 저장되어, 다음에 열면 기록을 다시 볼 수 있습니다.

한마디로, 웹페이지 안에 Agent를 넣은 것이고 배포와 호스팅까지 전부 알아서 관리해 줍니다.

수정 경험: 화면을 가리키며 바로 지적할 수 있다

생성이 끝나면 먼저 미리보기를 하세요. 답변 속 웹사이트 결과물 카드를 클릭하면 오른쪽 사이트 패널에서 열리고, 버튼·필터·링크를 모두 직접 눌러 볼 수 있습니다.

수정할 때는 두 가지 방법이 있고, 둘 다 손이 잘 맞습니다.

• 대화로 수정: '지연된 작업을 목록 맨 앞에 놓고 마감일을 눈에 띄는 색으로 표시해 줘', '상단에 프로젝트 완료율을 추가하고 필터 후 통계도 함께 갱신해 줘'라고 바로 말하면 됩니다
• 주석으로 수정: 사이트 패널 상단의 '주석'을 클릭한 뒤 수정할 요소를 클릭하고 요구사항을 입력합니다(예: '이 카드를 지연 작업 수를 표시하도록 바꿔 줘'). 주석은 웹 주석으로 작업 입력창에 첨부되며, 확인 후 전송하면 됩니다

두 번째 방법은 비개발자에게 특히 친절합니다. '왼쪽 위 세 번째 카드'라고 설명할 필요 없이 그냥 가리키면 됩니다.

게시와 권한 관리

사이트를 다 만든 후에는 먼저 버전을 게시하고, 그다음 누가 접근할 수 있는지 설정합니다.새 사이트는 기본적으로 본인만 접근 가능하도록 되어 있어 먼저 스스로 결과를 확인할 수 있습니다. 상당히 안전한 기본값입니다.

개인 플랜에서는 세 가지 공개 범위를 지원합니다.

• 본인만 접근 가능: 혼자 쓰는 업무 대시보드나 아직 공유할 준비가 안 된 버전
• 초대받은 사용자만 접근 가능: 지정한 사용자에게 프로젝트 진행 상황이나 기능 프로토타입을 보여줄 때
• 누구나 접근 가능: 외부에 공개하는 제품 소개나 기능 데모('공개 접근 허용'을 클릭해 확인해야 하며, 로그인하지 않은 방문자도 열 수 있습니다)

기업용 플랜(Teams, Enterprise)에서 만든 사이트는 조직 내 공유만 지원하며, '누구나 접근 가능'이 '조직 구성원 접근 가능'으로 바뀝니다. 프로젝트 포털이나 내부 도구에 적합합니다.

초대 접근은 상대방이 권한 있는 Qoder 계정으로 로그인해야 합니다.링크를 전달한다고 해서 접근 권한이 늘어나지는 않습니다라는 점이 상당히 엄격한 설계입니다. 또한 사이트 접근 권한과 편집 권한은 별개입니다.

이후 유지보수도 소홀하지 않습니다

• 온라인 사이트 업데이트: 프로젝트 진행 상황이 바뀌면 왼쪽 사이드바에서 사이트를 열고 '더보기 → 세션으로 이동'으로 원래 작업으로 돌아간 뒤 새 작업 목록을 첨부해 Qoder에게 업데이트를 맡기세요. 새 미리보기를 확인한 후 게시를 클릭하면 온라인 버전이 갱신됩니다
• 이름과 주소 변경: 사이트 → 더보기 → 설정 → 일반에서 사이트 이름과 주소 접두사를 변경할 수 있습니다
• 접속 통계: 더보기 → 접속 통계에서 방문 수, 고유 방문자, 1인당 방문 수와 추이를 확인할 수 있습니다
• 삭제 대신 일시 중지: 프로젝트가 끝났지만 내용은 남기고 싶다면 설정 → 게시 및 접근에서 일시 중지하세요. 내용은 그대로 남고 언제든 다시 온라인 상태로 복구할 수 있습니다
• 완전 삭제: 설정 → 사이트 삭제 시 사이트와 접근 권한이 영구적으로 제거되며 되돌릴 수 없습니다

같은 유형 제품과 비교하면 어느 위치일까

'한 문장 웹사이트 구축'이라는 이 방식은 2026년에 이미 대형 기업의 표준이 되었습니다. OpenAI의 ChatGPT Sites는 7월에 공개 베타를 열었고, Codex의 @Sites 플러그인은 더 일찍 '생성 즉시 배포'를 지원하며 환경 변수, D1 데이터베이스, R2 오브젝트 스토리지를 지원합니다.

Qoder Sites의 차별점은 다음과 같습니다.코딩 플랫폼 안에서 자랐다는 점Qoder는 그 자체로 컨텍스트 엔지니어링과 코드 검색 능력을 한 세트 갖추고 있습니다(공식 발표 기준 한 번에 10만 개 코드 파일 검색 가능). 즉, 여러분이 만든 사이트는 '장난감 데모'가 아니라 실제 프로젝트 코드, 실제 데이터와 연결되는 결과물입니다. 여기에 Cloud Agents와 내장 데이터베이스/스토리지까지 더해져 제공하는 것은아이디어부터 프로덕션 환경까지의 완전한 루프입니다.

몇 가지 현실적인 조언

• Agent 실행에는 시간이 걸립니다: 게시 전에 반드시 미리보기에서 분석 작업을 한 번 완전히 돌려 결과가 올바르고 저장되었는지 확인하세요
• 로컬 스토리지는 자동 동기화되지 않습니다: 브라우저 로컬 스토리지를 사용하는 데이터는 사이트 게시와 함께 다른 사용자에게 자동 동기화되지 않습니다. 여러 사람이 공유하려면 사이트의 데이터베이스를 사용해야 합니다
• 공개 전 세 가지 확인: 콘텐츠, 링크, 인터랙션을 점검하고 대상 사용자에게 공유해도 적합한지 확인한 뒤 권한을 여세요
• 기업 사용자는 정책에 주의: 기업용 플랜 사이트는 조직 내에서만 공유할 수 있으니 외부 공식 홈페이지 용도로 쓰려고 하지 마세요

왜 주목할 가치가 있는가

'AI 웹사이트 구축'이 1년 넘게 외쳐 왔지만, 진짜 어려운 것은 페이지를 생성하는 게 아니라페이지를 살아 있게 하고 방문자를 모으는 것입니다. HTML 생성은 누구나 하지만, 데이터를 어디서 얻고 로직을 누가 실행하며 권한을 어떻게 관리하고 배포 후 어떻게 고칠지가 어렵습니다.

Qoder Sites는 이 네 가지를 하나의 대화창에 담았습니다. Cloud Agents가 로직을 해결하고, 내장 데이터베이스가 데이터를 해결하고, 공개 범위가 권한을 해결하고, 세션 이동이 반복 개선을 해결합니다. 중소 팀과 내부 도구 시나리오에서 이 조합의 가성비는 아주 실속 있습니다. 예전에는 일정을 잡고 개발하고 운영해야 했던 내부 대시보드가 이제는 오후 한나절이면 끝날 수 있습니다.

물론 도구가 아무리 강해도 요구사항을 명확히 설명하는 것이 전제입니다. 이 도구의 입력 장벽은 '자연스러운 말로 표현하는 것'인데, 이것이 장점이자 시험이기도 합니다.

코드 작성에서 바로 배포까지, AI 웹사이트 구축의 마지막 한 구간이 열리고 있습니다.

공식 문서: docs.qoder.com/zh/qoder/sites
플랫폼: Qoder(알리, 코딩 중심 에이전트 워크스페이스)
기능: 대화형 웹사이트 구축, 미리보기 조정, 원클릭 게시, 권한 관리