WebApp Builder
채팅에서 원하는 앱을 설명하면 AI가 코드를 작성하고, 외부에서 접근 가능한 URL로 배포합니다. 데이터를 저장하고 갱신할 수 있는 동적 웹 앱과 읽기 전용 정적 웹 페이지를 만들 수 있습니다.
WebApp Builder는 일반 채팅과 Agent 채팅에서 사용할 수 있습니다. Agent에서는 에이전트의 설정과 연결된 도구에 따라 Web 앱 생성 가능 여부가 달라질 수 있습니다.
사용 방법
1. 웹 앱 만들기 켜기
일반 채팅에서는 입력창 왼쪽의 + 버튼을 누르고 웹 앱 만들기를 선택합니다. Agent 채팅에서는 Agent 설정에서 웹 앱 기능이 활성화된 경우 같은 메뉴를 선택하거나, 만들고 싶은 웹 앱을 직접 요청할 수 있습니다.
이 모드를 켜면 앱을 빌드하고 배포하는 데 필요한 기능이 AI에게 활성화됩니다.
2. 원하는 앱 설명하기
만들고 싶은 앱을 자연어로 입력합니다. 어떤 정보를 보여줄지, 데이터를 저장하거나 갱신해야 하는지를 함께 설명하세요.
참고: 새 웹 앱은 기본적으로 동적 웹 앱으로 생성됩니다. 정적 웹 페이지를 명시적으로 요청하거나 읽기 전용으로 충분한 경우에는 확인 후 정적으로 생성됩니다. 원하는 유형이 있다면 데이터 저장·업데이트 필요 여부나 읽기 전용 여부를 요청에 명시하세요.
동적 웹 앱
사용자가 입력한 데이터를 저장하거나, 외부 서비스의 데이터를 나중에 갱신해야 할 때 만듭니다.
- “팀원들이 할 일을 추가하고 완료 체크할 수 있으며, 새로 접속해도 데이터가 유지되는 앱 만들어줘”
- “Salesforce에서 이번 분기 영업 데이터를 가져와 저장하고, 나중에 업데이트할 수 있는 매출 대시보드 만들어줘”
정적 웹 페이지
데이터 저장이나 갱신 없이 정보를 보여주는 읽기 전용 페이지가 필요할 때 만듭니다.
- “월별 매출 데이터를 막대 그래프로 보여주는 읽기 전용 대시보드 만들어줘”
- “제품 목록을 카드로 나열하고 검색할 수 있는 정적 웹 페이지 만들어줘”
3. 배포 링크 받기
AI가 작업을 완료하면 접근 가능한 앱 URL을 알려줍니다. 이후 앱을 수정하거나 데이터를 갱신할 때 이 URL을 사용합니다.
app.querypie.com/w/{웹 앱 ID}앱 수정
앱 수정은 화면 구성, 기능, 디자인처럼 앱 자체를 바꾸는 작업입니다. 앱 생성자만 수정할 수 있으며, 다른 대화에서 수정할 때는 기존 웹 앱 URL과 기존 앱 이름을 함께 지정해야 합니다. 정적 웹 페이지와 동적 웹 앱 모두 수정할 수 있지만, 기존 앱의 유형은 변경할 수 없습니다. 동적 웹 앱은 다시 배포해도 저장된 데이터가 유지됩니다.
생성한 Web App은 사용자 설정 > 데이터 관리에서 목록을 확인하고 관리할 수 있습니다.
동적 웹 앱 데이터 업데이트
데이터를 저장하는 웹 앱은 다시 만들거나 다시 게시하지 않고도 데이터만 갱신할 수 있습니다. 기본적으로 MCP 데이터는 실시간으로 동기화되지 않으며, 앱 생성 또는 업데이트를 요청한 시점의 데이터를 저장합니다. 기존 웹 앱 URL과 함께 최신 데이터를 가져와 업데이트하도록 요청하거나 자동으로 업데이트되도록 트리거를 설정할 수 있습니다.
요청 예시:
Salesforce에서 최신 영업 기회 데이터를 가져와 다음 웹 앱의 데이터만 업데이트해줘.
웹 앱 URL: {웹 앱 URL}정기 업데이트
Mitoco Automation에서 시간 기반 트리거를 설정하면, 정해진 시간에 외부 서비스의 최신 데이터를 가져와 기존 웹 앱 데이터를 갱신할 수 있습니다. 처음 앱을 만든 뒤 생성된 웹 앱 URL을 Automation 프롬프트에 지정하세요.
데이터 저장 또는 데이터만 업데이트할 수 없는 읽기 전용 웹 페이지는 기존 URL에서 이러한 방식으로 전환할 수 없습니다. 데이터 저장이 필요한 경우 새 웹 앱으로 만들어야 합니다.
Web App 목록 및 공유 관리
사용자 설정의 데이터 관리 영역에서 내가 생성한 Web App 목록을 확인하고, 각 앱의 공유 범위를 관리할 수 있습니다.
- 생성한 Web App 이름과 URL을 확인할 수 있습니다.
- Web App URL을 열거나 복사할 수 있습니다.
- 공개 범위를 공개, 조직 내, 비공개로 변경할 수 있습니다.
- 더 이상 사용하지 않는 Web App을 삭제할 수 있습니다.
자세한 설정 위치는 사용자 설정 > 데이터 관리를 참고하세요.
공개 범위 설정
앱은 기본적으로 비공개로 생성됩니다. 조직 내 또는 공개로 생성하려면 Chat에서 원하는 공개 범위를 요청하세요.
| 범위 | 접근 가능한 대상 | 기본값 |
|---|---|---|
| 공개 | 로그인 없이 누구나 | |
| 조직 내 | 같은 조직에 속한 로그인 사용자 | |
| 비공개 | 본인만 | ✓ |
요청 예시: “조직 사람들만 볼 수 있게 해줘” → 조직 내로 배포
문제 해결
배포된 앱에 접근할 때 오류가 표시되는 경우
비공개 웹 앱 (로그인 필요)
- 원인: 로그인이 필요한 앱에 로그인하지 않은 상태로 접근
- 해결: 로그인 후 다시 접속
접근 권한 없음
- 원인: 조직 내 공개 또는 나만 보기로 설정된 앱에 권한이 없는 상태로 접근
- 해결: 앱을 만든 사람에게 공개 범위 변경 요청
웹 앱을 찾을 수 없음
- 원인: 잘못된 URL이거나 존재하지 않는 앱
- 해결: URL을 다시 확인하거나 앱을 만든 사람에게 문의
요약
- 채팅에서 자연어로 앱을 설명하면 AI가 빌드와 배포를 자동으로 처리
- 배포 완료 후 즉시 접근 가능한 URL 제공
- 동적 웹 앱과 정적 웹 페이지 생성 지원
- 공개 범위를 공개 / 조직 내 / 비공개로 설정 가능
- 기존 웹 앱 URL과 앱 이름을 지정하면 URL을 유지한 채 수정
- 생성한 Web App 목록 확인, URL 복사, 공유 범위 변경, 삭제 지원