캔버스에 라이브 앱 만들기

"내보내기가 너무 느려요." "모바일에서 글자가 너무 작아요." "다크 모드 넣어 주세요." "피드백이 여기저기 흩어져 있어요." 한 제품팀이 2주 동안 고객 인터뷰를 하며 자유형식 캔버스를 이런 메모로 채웠습니다. 가장 솔직한 메모는 마지막 것입니다. 피드백은 사방에 흩어져 있고, 어떤 요청이 다섯 번 나왔고 어떤 요청이 한 번 나왔는지 아무도 말하지 못합니다.

흔한 해결책은 메모를 전부 다른 곳의 스프레드시트로 옮겨 적는 것입니다. 일주일 정도는 버팁니다. 그사이 새 피드백이 캔버스에 쌓이고, 스프레드시트는 뒤처지고, 팀은 서로 다른 두 목록을 들고 이야기하게 됩니다. 라이브 앱은 이 간극을 없앱니다. 필요한 도구를 설명하면 ALLO가 실제로 동작하는 앱을 만들고, 그 앱은 요청이 나온 메모 바로 옆 캔버스 위에서 돌아갑니다. 팀 전체가 그 앱에 내용을 보태고 투표하며, 나중에는 워크스페이스 밖의 사람들과도 공유할 수 있습니다.

이 가이드는 그 제품팀이 요청을 보내는 순간부터 고객 피드백 보드의 버전 2를 만들기까지를 따라가며, 단계마다 누가 무엇을 할 수 있는지도 함께 설명합니다.

요약

자유형식 캔버스의 도구 모음에서 라이브 앱 추가를 클릭하고, 필요한 앱을 설명해 보내세요. Lead가 질문하면 답하고, 앱이 만들어지는 동안에는 하던 작업을 계속하면 됩니다. 완성된 앱은 캔버스에서 팀과 함께 쓰고, 외부 사람에게 링크를 보내야 할 때 공유에서 게시하기를 클릭하세요. 수정은 같은 채팅에서 요청하세요. 저장된 항목은 모두 다음 버전으로 그대로 넘어갑니다.

95초 분량의 영상에서는 출시 계획서와 머그컵 사진 한 장으로 사전 주문 앱을 만드는 과정을 보여 줍니다. 이어서 앱을 만든 사람이 앱의 채팅에서 대기자 명단을 추가해 달라고 요청합니다. 아래에서는 고객 피드백 보드를 예로 들어 단계를 하나씩 설명합니다.

이 캔버스에서 만들 수 있는지 확인하기

라이브 앱은 자유형식 캔버스에서만 돌아갑니다. 페이지 캔버스, 슬라이드 캔버스, 컴팩트 캔버스에는 이 도구가 없으므로, 메모가 페이지 단위 보드에 있다면 앱을 둘 자유형식 캔버스를 새로 만드세요. 두 캔버스 형식의 차이는 페이지 캔버스와 자유형 화이트보드에서 설명합니다.

캔버스 편집 권한도 필요합니다. 권한이 없으면 도구를 클릭해도 만들기 창 대신 권한이 없다는 안내가 나옵니다. 편집 권한을 받는 방법은 캔버스 권한을 참고하세요.

라이브 앱이 어울리는 경우는 결과물이 사람들이 직접 쓰는 것일 때입니다. 계속 내용을 보태는 보드, 꾸준히 갱신하는 트래커, 수시로 확인하는 대시보드가 그렇습니다. 메모나 파일 하나에 무엇이 적혀 있는지 묻고 싶을 뿐이라면 캔버스 항목에 대해 AI에게 질문하기가 더 맞습니다.

캔버스에서 앱 요청하기

들어가는 길은 두 가지이고, 어느 쪽이든 같은 만들기 창이 열립니다.

1. 도구 모음에서. 첫 번째 도구 그룹에서 선택, 그리기 도구, 파일 업로드, 댓글 옆에 있는 라이브 앱 추가(반짝이 아이콘)를 클릭하세요. 마우스를 올리면 "라이브 앱 만들기: 채팅으로 만들어 캔버스에서 실행되는 아티팩트"라는 설명이 나옵니다.
2. 선택한 오브젝트에서. 앱의 출발점이 될 포스트잇, 텍스트 상자, 표, 이미지, 파일을 선택한 다음 인라인 도구 모음에서 AI Studio에서 열기를 클릭하세요. 선택한 항목이 이미 첨부된 상태로 창이 열립니다.

제품팀은 요청이 한 문장이면 충분해서 도구 모음을 씁니다. 특정 메모나 파일에서 출발해야 하는 앱이라면 두 번째 방법이 그 내용을 다시 입력하는 수고를 덜어 줍니다. 선택 항목에 잠긴 오브젝트, 플레이스홀더, 아직 생성 중인 항목, 차단된 파일이 섞여 있으면 AI Studio에서 열기가 나타나지 않습니다.

아래 영상에서는 도구 모음의 도구로 창을 열고, 인터뷰 메모가 화면에 보이는 상태에서 요청을 입력합니다.

도구를 클릭하는 것만으로는 아무것도 만들어지지 않습니다. 메시지를 보내거나 파일을 첨부하기 전까지는 캔버스에 아무것도 생기지 않습니다.

시작 전에 요청 다듬기

빈 창에는 할 일을 맡기거나 무엇이든 물어보세요라는 입력란이 있습니다. 그 아래 유형 칩에서 무엇을 만들지 정합니다.

칩은 유형을 아직 고를 수 있을 때만 보입니다. 피드백 보드라면 자동을 그대로 두세요.

요청을 어떻게 써야 할지 막막하다면 아이디어로 시작하기를 여세요. 아이디어를 고르면 초안이 채워지고, 그 초안을 고칠 수 있습니다. 보내기 전까지는 아무것도 시작되지 않습니다.

앱이 참고할 파일은 클립 아이콘(파일 첨부)으로 첨부하거나 채팅창으로 끌어다 놓으세요. 스프레드시트(xlsx, xls, csv, tsv), 문서(pdf, doc, docx, ppt, pptx, md, txt, json, html), 이미지, 오디오, 동영상을 모두 첨부할 수 있습니다. 첨부한 이미지는 앱을 만들 때 참고 자료로 쓰입니다.

제품팀은 한 문장으로 씁니다. 고객 피드백을 모으는 보드로, 피드백마다 카드가 하나씩 있고 투표할 수 있어야 한다는 요청입니다. Enter를 눌러 보냅니다.

만드는 동안 하던 일 계속하기

요청을 보내면 대화창에 작업 과정이 실시간으로 나타납니다.

• 애매한 부분이 있으면 Lead가 먼저 묻습니다. 질문은 선택지 목록이나 짧은 입력 카드로 나타나고, 답할 때까지 창에 "답변을 기다리고 있어요. 채팅에서 이어가세요."라는 안내가 표시됩니다. 질문을 건너뛰면 Lead가 방향을 정하고 어떤 방향을 골랐는지 알려 줍니다.
• 진행 과정에는 계획부터 품질 검토, 동작 테스트까지 단계별로 완료 개수가 표시됩니다.
• 캔버스의 카드에는 "라이브 앱을 만드는 중…"이 나타납니다.

창을 닫고 캔버스에서 하던 일을 계속해도 빌드는 멈추지 않습니다. 빌드 중에 떠오른 내용이 있다면 그냥 입력하세요. 보내기가 후속 요청 대기열에 추가로 바뀌고, 요청은 빌드를 끊지 않고 차례를 기다립니다. 빌드를 취소하려면 중지 버튼을 클릭하세요. 결과가 중단됨으로 표시되고, 게시된 버전은 바뀌지 않습니다.

빌드가 끝났는데 바로 반영되지 않고 확인을 기다리는 경우도 있습니다. 채팅에 확인이 필요해요와 함께 결과 살펴보기, 다시 고쳐줘, 쓰지 않기가 나타납니다. 결과 살펴보기로 여는 미리보기는 실제 데이터와 연결되어 있지 않아서, 거기서 입력한 내용은 저장되지 않습니다. 다시 손보게 하려면 다시 고쳐줘를, 결과를 버리고 지금 버전을 유지하려면 쓰지 않기를 고르세요. 자동 수정 횟수를 다 쓰면 다시 고쳐줘가 더 이상 나타나지 않으니, 채팅에 새 요청을 보내세요.

빌드가 끝나면 보드가 요청이 나온 메모 바로 옆에 나타납니다. 보드가 자리 잡을 때 오른쪽 아래를 보세요. 라이브 앱 개수가 그곳에 표시됩니다.

함께 쓰기, 그리고 누가 고칠 수 있는지

이제 보드는 공유 캔버스 위에서 실제로 동작하는 앱입니다. 캔버스를 열 수 있는 사람이라면 누구나 쓸 수 있습니다. 디자이너는 "모바일에서 글자가 너무 작아요"를 카드로 추가하고, 엔지니어는 내보내기 요청에 투표하며, 두 사람은 같은 앱에서 서로의 변경을 바로 확인합니다.

아래 영상에서는 팀원 두 명이 동시에 피드백을 추가하고 투표하며, 모든 카드와 투표가 한 보드에 모입니다.

앱을 쓰는 권한과 앱을 고치는 권한은 다릅니다. 창 상단에는 "○○님이 만든 앱이에요"처럼 만든 사람이 표시되고, 라이브 앱과 대화하거나 앱을 고칠 수 있는 사람은 두 부류뿐입니다.

만든 사람은 관리자 → 개요 → 앱 관리자에서 관리자로 추가로 사람을 추가합니다. 캔버스 편집 권한이 있다고 앱 관리자가 되지는 않습니다. 일부러 이렇게 나눠 두었습니다. 포스트잇 위치를 옮기던 팀원이 실수로 피드백 보드를 통째로 바꾸는 일을 막기 위해서입니다.

앱의 데이터로 무엇을 할 수 있는지는 별도 설정입니다. 관리자 → 데이터에서 컬렉션마다 컬렉션 권한이 표시됩니다. 소유자와 관리자는 항상 모든 권한을 가집니다. 그 밖의 모든 사람 행은 캔버스 멤버, 비회원, 게시된 링크로 들어온 방문자에게 적용됩니다. 만든 사람은 접근 권한 변경으로 이 행을 바꿉니다.

• 보기와 추가는 켜거나 끕니다.
• 수정과 삭제는 허용 안 함, 본인 항목만, 모든 항목 중에서 고릅니다.

저장을 클릭하면 적용됩니다. 보기를 켜면 ALLO가 먼저 공개 범위 경고를 보여 주고, 기록 공유를 눌러야 확정됩니다. 피드백 보드라면 보기와 추가를 켜고, 수정은 본인 항목만, 삭제는 허용 안 함으로 두는 것이 적당합니다.

게시하고 링크 보내기

제품팀은 인터뷰 대상자가 직접 피드백을 남기기를 원합니다. 라이브 앱은 게시하기 전까지 캔버스 안에만 있습니다. 저절로 외부에 공개되는 것은 없습니다.

1. 라이브 앱을 열고 공유 아이콘을 클릭해 공유를 엽니다.
2. 게시하기를 클릭합니다. 패널에 "지금 버전을 링크로 공유해요. 이후에 고친 내용은 다시 게시할 때까지 반영되지 않아요."라는 안내가 나타납니다.
3. 링크 복사를 클릭해 링크를 보냅니다. 직접 확인하려면 새 탭에서 열기를 클릭하세요.

기본적으로 링크가 있으면 누구나 볼 수 있음이 켜져 있습니다. 링크는 로그인 없이 열리고, 방문자는 앱을 쓸 수 있지만 앱을 고치거나 대화를 볼 수는 없습니다. 스위치를 끄면 캔버스 멤버만 링크를 열 수 있습니다. 공유 아이콘은 만든 사람과 대화 접근 권한이 있는 관리자에게만 보입니다. 피싱, 사칭, 사기, 스팸으로 보이는 앱은 링크로 공유할 수 없습니다.

공유 과정 전체를 영상으로 확인하세요. 보드를 게시하고, 링크를 복사해 보내고, 인터뷰 대상자가 ALLO 계정 없이 브라우저에서 링크를 열어 항목을 추가합니다.

인터뷰 대상자가 항목을 추가할 수 있었던 것은 컬렉션이 그 밖의 모든 사람에게 추가를 허용했기 때문입니다. 컬렉션 권한은 캔버스 멤버에게 적용되는 것과 똑같이 링크 방문자에게도 적용됩니다.

공유의 상태 표시를 보면 지금 어떤 상황인지 알 수 있습니다. 게시 중, 바뀐 내용이 아직 게시되지 않음(이전 버전이 공개되어 있고 최근 수정 사항은 아직 공유되지 않은 상태), 게시 전 중 하나로 표시됩니다. 게시 중단을 누르면 링크가 닫힙니다. 캔버스는 그대로 남습니다.

다음 버전 요청하기

일주일 뒤 보드가 꽉 차자, 팀은 어떤 카드가 처리 중인지 알아야 합니다. 그래서 같은 채팅에서 카드마다 상태를 추가해 달라고 요청합니다.

후속 요청은 같은 대화(이어서 요청하세요…)에 입력합니다. 저장된 버전이 생기는 변경이 끝날 때마다 체크포인트(체크포인트 v1, 체크포인트 v2 등)가 붙고, 창 상단에는 지금 버전이 표시됩니다. 이 표시를 누르면 버전 기록 패널이 열리고, 거기서 이전 버전을 복원할 수 있습니다.

영상에서 버전 2는 모든 카드에 상태를 추가하고 캔버스의 같은 자리를 그대로 차지하며, 버전 1의 항목은 하나도 빠지지 않고 남아 있습니다.

기억해 둘 원칙은 이것입니다. 앱의 코드가 바뀌어도 데이터는 앱에 그대로 남습니다. 피드백, 투표, 인터뷰 대상자가 남긴 항목이 모두 버전 2로 넘어갑니다. 반대 방향도 마찬가지입니다. 예전 코드를 복원해도 이미 삭제된 데이터는 돌아오지 않습니다.

버전 2를 만든 뒤에는 공유를 확인하세요. 게시하기를 다시 클릭하기 전까지는 바뀐 내용이 아직 게시되지 않음으로 표시되고, 그동안 링크 방문자는 계속 버전 1을 씁니다.

후속 요청이 사실상 전혀 다른 결과물일 때도 있습니다. 피드백을 한 페이지로 요약해 달라고 하면, ALLO는 결과물을 어디에 둘지 묻고 추천하는 선택지에 표시를 붙입니다.

• 이 오브젝트에서 만들면 이 오브젝트가 새 결과로 바뀝니다. 이전 버전은 버전 기록에서 복원할 수 있습니다.
• 새 오브젝트로 만들기는 이 오브젝트와 대화를 그대로 둡니다. 이 요청만 새 오브젝트로 옮겨 가므로, 필요한 파일은 다시 첨부하세요.

피드백 보드라면 새 오브젝트로 만들기를 고르세요. 보드는 계속 돌아가고, 요약은 별도 오브젝트가 됩니다. 문서, 표, 이미지, 오디오 오브젝트는 웹 앱으로 바뀔 수 없으므로, 그런 요청은 새 오브젝트로 만들어집니다.

관리자 탭에서 데이터, 키, 일정 관리하기

앱을 관리할 수 있는 사람에게는 미리보기, 코드, 관리자 탭이 보입니다. 코드는 읽기 전용이며 실행 기록, 활동, 파일을 보여 줍니다. 앱을 매일 운영하는 곳은 관리자이고, 섹션 하나하나는 관리자 탭에서 라이브 앱 관리하기에서 자세히 다룹니다. 간단히 정리하면 다음과 같습니다.

• 데이터. 항목을 고치고, CSV 파일 가져오기로 데이터를 들여오고, 레코드 사용량을 확인합니다. 앱 하나에는 레코드를 10,000개까지 저장할 수 있고, 레코드에 첨부한 파일은 워크스페이스 저장 공간을 차지합니다. 데이터에서 레코드 한도 확인하기를 참고하세요.
• 채팅으로 요청한 변경. 저장된 항목을 바꾸거나 지워 달라고 AI(모델)에게 요청하면, 검토 줄에서 적용을 고르기 전까지 아무것도 바뀌지 않고 취소를 고르면 제안이 버려집니다. AI가 제안한 데이터 변경 검토하기를 참고하세요.
• 시크릿. 앱의 키는 만든 사람만 관리할 수 있고, AI(모델)는 키 값을 볼 수 없으며, 값 보기에는 비밀번호가 필요 없습니다. 시크릿에서 키 안전하게 관리하기를 참고하세요.
• 자동 실행. 앱 작업 다시 실행은 마지막 요청을 반복하며 AI 크레딧을 쓰고, 데이터만 새로 가져오기는 최신 데이터를 무료로 가져옵니다. 자동 실행으로 작업 예약하기를 참고하세요.
• 공유. 게시된 버전, 앱 주소, 링크 미리보기 설명을 관리합니다. 공유에서 버전 게시하고 링크 설정하기를 참고하세요.

오브젝트의 컨텍스트 메뉴에 있는 사본 만들기는 편집 권한이 있는 캔버스로 앱을 복사합니다. 사본은 빈 데이터로 시작합니다. 데이터 설정의 앱 완전히 삭제는 모든 사본과 앱이 저장한 모든 것을 삭제하며, 되돌릴 수 없습니다.

캔버스의 라이브 앱 한 번에 찾기

캔버스에 라이브 앱이 여러 개라면 오른쪽 아래의 라이브 앱 버튼을 쓰세요. 몇 개가 있는지 보여 주고, 클릭하면 최근에 수정된 순서로 정렬된 목록이 열립니다. 목록은 이름이나 자료 출처로 찾기로 검색할 수 있습니다. 행을 선택하면 해당 앱이 열리고, 캔버스에서 위치 보기를 누르면 앱이 있는 곳으로 이동합니다. 명령 팔레트에도 같은 목록이 나옵니다.

AI 크레딧으로 빌드 비용 내기

빌드에는 워크스페이스의 AI 크레딧이 빌드마다 실제로 쓴 만큼 차감됩니다. 앱을 만들거나 고치는 데는 보통 300-700크레딧이 듭니다. 앱이 만드는 이미지, 내레이션, 음악에는 크레딧이 따로 들고, 아무것도 바꾸지 않는 채팅 답변은 훨씬 적게 씁니다. 실패한 빌드는 차감되지 않습니다. 빌드를 시작하려면 최소 크레딧 잔액이 필요하고, 일정에 따라 도는 앱 작업 다시 실행도 실행할 때마다 크레딧을 씁니다.

채팅에는 턴마다 가격이 표시되지 않습니다. 사용한 크레딧은 워크스페이스의 공동 잔액에서 차감됩니다. 워크스페이스 설정을 열고 사용량을 선택하면 확인할 수 있고, 워크스페이스 관리자는 내역 보기에서 워크스페이스 전체의 AI 크레딧 사용 내역을 볼 수 있습니다. 크레딧이 더 필요하면 관리자가 AI 크레딧 구매 및 관리에서 구매할 수 있습니다.

문제가 생겼을 때

라이브 앱 추가가 보이지 않습니다. 다음을 확인하세요.

• 페이지 캔버스나 슬라이드 캔버스일 수 있습니다. 라이브 앱은 자유형식 캔버스에서만 동작합니다.
• 캔버스 편집 권한이 없습니다.
• 휴대폰 브라우저를 쓰고 있습니다. 휴대폰의 도구 모음에는 라이브 앱 추가가 없지만, 오브젝트를 선택해 AI Studio에서 열기를 쓰는 방법은 됩니다.

빌드가 "답변을 기다리고 있어요. 채팅에서 이어가세요."에서 멈춰 있습니다. Lead가 질문을 남긴 상태입니다. 라이브 앱을 열고 채팅에서 답하세요.

결과에 "확인이 필요해요"가 표시됩니다. 빌드는 끝났지만 아직 반영되지 않은 상태입니다. 결과 살펴보기로 결과를 확인한 뒤 다시 고쳐줘 또는 쓰지 않기를 고르세요. 다시 고쳐줘가 없다면 자동 수정 횟수를 다 쓴 것이니, 고칠 내용을 새 메시지로 설명하세요.

"문제가 생겨 실행을 멈췄어요"가 표시됩니다. 실행이 실패했고 크레딧은 차감되지 않았습니다. 같은 요청 다시 시도를 클릭하세요. 초안과 요청은 저장되어 있고, 마지막으로 정상 동작하던 버전도 그대로입니다. 다시 시도해도 계속 실패한다면 AI 결과가 기대와 다를 때를 참고하세요.

"일부 미디어 작업을 완료하지 못했어요"가 표시됩니다. 항목마다 붙은 표시를 확인하세요.

• 생성 서비스가 혼잡해요. 다시 시도해 주세요. 해당 항목은 차감되지 않았습니다. 그 항목을 다시 시도하세요.
• 확인 안 됨. 결과를 확인하지 못한 상태입니다. ALLO는 이 항목을 자동으로 다시 구매하지 않습니다.

"AI 크레딧이 모두 소진됐어요."가 표시됩니다. 관리자에게는 크레딧 구매가 보입니다. 그 밖의 사람은 워크스페이스 소유자나 관리자에게 크레딧을 추가해 달라고 요청해야 합니다. AI 크레딧 이해하기를 참고하세요.

팀원이 대화를 열거나 앱을 고칠 수 없습니다. 만든 사람과 그 사람이 추가한 앱 관리자만 할 수 있습니다. 만든 사람에게 관리자 → 개요 → 앱 관리자에서 팀원을 추가해 달라고 요청하세요. 팀원이 채팅까지 써야 한다면 대화 공유도 켜 달라고 하세요.

링크 방문자가 항목을 추가할 수 없습니다. 컬렉션이 추가를 허용하지 않는 상태입니다. 만든 사람이 관리자 → 데이터에서 접근 권한 변경을 클릭하고, 그 밖의 모든 사람의 추가를 켠 다음 저장을 클릭하면 됩니다.

"앱 레코드 한도에 도달했어요."가 표시됩니다. 앱의 레코드가 한도인 10,000개에 이르렀거나, 방금 하려던 변경이 한도를 넘게 되는 경우입니다. 만든 사람과 앱 관리자는 안내에 있는 문의하기를 클릭해 한도 상향을 요청하고, 그 밖의 사람은 앱 관리자에게 알려 주세요. 한도에 대한 설명은 관리자 탭에서 라이브 앱 관리하기에 있습니다.

파일 첨부가 실패합니다. "워크스페이스 관리자가 이 파일 형식을 차단했습니다."는 관리자가 해당 파일 형식을 제한했다는 뜻입니다. "워크스페이스 저장 공간이 가득 찼습니다."가 나오면 파일을 삭제하거나 저장 공간을 추가해야 합니다. 스토리지 한도 문제 해결하기를 참고하세요.

어느 경우에도 해당하지 않으면 캔버스 링크와 화면에 표시된 메시지를 그대로 담아 고객 지원팀에 문의하세요.