GSP1146

개요

이 실습에서는 노 코드 Chat 앱을 만드는 방법을 소개합니다. Chat 앱은 Google Chat에서 실행되는 웹 애플리케이션이나 서비스를 의미합니다. AppSheet로 Chat 앱을 만들면 별도의 창에서 앱을 열지 않고도 Google Chat에서 앱과 직접 상호작용할 수 있습니다.

이 실습에서는 AppSheet를 사용하여 ATM 문제를 보고하고 관리하는 기본 애플리케이션을 만듭니다. 먼저 스프레드시트를 데이터 소스로 사용하는 간단한 앱을 복사합니다. 그런 다음 Google Chat에서 직접 앱과 상호작용할 수 있도록 채팅 구성요소를 추가합니다.

시나리오: 은행 운영 분석가

여러분은 은행 운영 분석가로, 5명의 ATM 기술자와 함께 팀을 이루어 이 지역에 있는 ATM 여러 대의 유지보수를 조정하는 업무를 담당하고 있습니다. 과거에 이 프로세스는 이메일과 종이 문서에 크게 의존했습니다.

여러분은 ATM 유지보수와 기술자 파견을 더 효과적으로 관리할 수 있는 노 코드 앱을 AppSheet를 사용해 개발했습니다. ATM 기술자들은 서로 소통하기 위해 Google Chat을 자주 사용합니다. 여러분은 기술자들이 Google Chat에서 나가지 않고도 앱의 핵심 기능을 쉽게 사용할 수 있도록 앱에 맞는 Chat 구성요소를 만들고자 합니다.

학습할 내용

• 기존 AppSheet 앱에 채팅 구성요소 추가
• 슬래시 명령어 생성
• 앱에 자동화 추가
• Google Chat에서 앱 사용

기본 요건(선택사항)

이 실습을 시작하기 전에 Google AppSheet: 시작하기 실습을 먼저 완료하는 것이 좋습니다. 이 실습 전후에 AppSheet를 사용한 노 코드 앱 빌드: 기초 과정을 수강하여 학습을 이어갈 수 있습니다.

설정 및 요건

실습 시작 버튼을 클릭하기 전에

다음 안내를 확인하세요. 실습에는 시간 제한이 있으며 일시중지할 수 없습니다. 실습 시작을 클릭하면 타이머가 시작됩니다. 이 타이머에는 실습 리소스를 사용할 수 있는 시간이 얼마나 남았는지가 표시됩니다.

실무형 실습을 통해 시뮬레이션이나 데모 환경이 아닌 실제 클라우드 환경에서 실습 활동을 진행할 수 있습니다. 실습 시간 동안 AppSheet에 로그인하고 액세스하는 데 사용할 수 있는 새로운 임시 사용자 인증 정보가 제공됩니다.

필요한 사항

이 실습을 완료하려면 다음이 필요합니다.

• 표준 인터넷 브라우저(Chrome 브라우저 권장)
• 실습을 끝까지 진행할 수 있는 충분한 시간

참고: 이 실습을 실행하려면 시크릿 모드 또는 시크릿 브라우저 창을 사용하세요. 개인 계정과 학습자 계정 간의 충돌을 방지할 수 있습니다.

실습을 시작하고 AppSheet에 로그인하는 방법

1. 준비가 되면 실습 시작을 클릭합니다.

   이 실습에서 AppSheet에 로그인하는 데 사용해야 하는 임시 사용자 인증 정보가 '실습 세부정보' 창에 표시됩니다.

   실습 비용을 결제해야 하는 경우 결제 수단을 선택할 수 있는 대화상자가 열립니다.

   참고: 다른 사용자 인증 정보를 사용하면 오류가 발생하거나 요금이 부과됩니다.

2. AppSheet 열기를 클릭합니다.

   실습에서 리소스가 가동되면 다른 탭이 열리고 로그인 페이지가 표시됩니다.

   팁: 두 개의 탭을 각각 별도의 창으로 나란히 정렬하세요.

3. Google 계정으로 로그인합니다.

4. 필요한 경우 아래의 사용자 이름을 복사하여 로그인 대화상자에 붙여넣습니다.

   {{{user_0.username | "Username"}}}

5. 다음을 클릭합니다.

6. 아래의 비밀번호를 복사하여 시작하기 대화상자에 붙여넣습니다.

   {{{user_0.password | "Password"}}}

7. 다음을 클릭합니다.

8. 약관에 동의하면 이해했습니다를 클릭합니다.

9. Google AppSheet의 정책 및 약관에 동의하면 계속을 클릭합니다.

10. AppSheet 동의 페이지에서 허용을 클릭합니다. 그러면 AppSheet에서 내 Google Cloud Skills Boost 계정과 연결된 Google Drive 폴더에 액세스할 수 있게 됩니다.

11. 이제 AppSheet에 로그인했습니다.

    필요한 경우 더 나은 추천을 위한 사용자 정보 제공 대화상자를 닫아 AppSheet MyApps(내 앱) 페이지를 표시합니다.

    아직 앱이 없으므로 MyApps(내 앱) 페이지가 비어 있습니다.

작업 1. 앱 만들기

앱을 개발할 때는 새로운 기능을 점진적으로 추가하는 것이 일반적입니다. 이 작업에서는 기존 ATM Maintenance 앱을 복사하고 후속 작업을 통해 기능을 확장합니다.

AppSheet 계정에 템플릿 앱 복사하기

1. AppSheet에 로그인한 후 새 브라우저 탭에서 ATM Maintenance 앱을 엽니다.

2. 왼쪽 탐색 메뉴에서 앱 복사()를 클릭합니다.

3. 앱 복사 양식의 앱 이름에 ATM Maintenance Tracker를 입력하고 나머지 설정은 기본값으로 둡니다.

4. 앱 복사를 클릭합니다.

   AppSheet는 앱을 만들고 앱에서 사용하는 스프레드시트를 Google Drive의 내 드라이브 폴더 내에 있는 /appsheet/data/ATMMaintenanceTracker-nnnnnnn 폴더에 복사합니다.

앱이 원본 앱의 데이터 소스로 설정됩니다. 이제 앱의 기능을 계속 빌드할 수 있습니다. AppSheet UI의 앱 아래에 있는 내 앱 페이지에서 앱에 액세스할 수도 있습니다.

앱 미리보기

AppSheet 편집기는 탐색 메뉴, 기본 패널, 앱 미리보기의 3가지 주요 영역으로 구성됩니다.

앱 미리보기는 앱의 최신 버전이 세로 방향의 휴대전화에 어떻게 표시되는지 보여줍니다.

1. 앱 미리보기 패널에서 새 티켓 양식을 스크롤합니다.

   새 티켓 양식을 사용하면 선택한 증상에 따라 기술자에게 자동으로 할당되는 새 티켓을 만들 수 있습니다.

2. 이 뷰에서 벗어나 앱을 더 자세히 살펴보려면 취소를 클릭합니다. 전반적인 앱 작동 방식을 이해했다면 다음 단계로 진행합니다.

Chat 앱 빌더 열기

1. Chat 앱 빌더를 열려면 왼쪽 탐색 메뉴에서 Chat 앱()을 선택합니다.

2. 만들기를 클릭합니다.

3. 사용 설정 카드에서 다음을 클릭하여 프로젝트를 자동으로 구성합니다.

   기본적으로 AppSheet의 Chat 앱은 간단한 방법으로 실습을 구성하고 게시할 수 있는 자동 구성 모드로 생성됩니다. 원클릭 게시 흐름에 관해 자세히 알아보려면 AppSheet로 Chat 앱 구성을 참고하세요.

참고: 앱이 완전히 구성되기까지 몇 분 정도 걸릴 수 있습니다. 페이지를 새로고침하지 마세요.

내 진행 상황 확인하기를 클릭하여 목표를 확인하고 앱을 만듭니다.

작업 2. 앱 맞춤설정하기

대화 또는 스페이스에 앱을 추가하면 앱에서 초기 메시지를 보냅니다. 앱이 설치되거나 @멘션될 때 사용자에게 전송되는 카드라는 Chat 앱 메뉴를 맞춤설정할 수 있습니다. 이 작업에서는 첫 번째 메시지를 맞춤설정하고, 작업을 추가하고, Google Cloud 콘솔에서 Chat API를 구성합니다.

첫 번째 메시지 맞춤설정하기

1. 맞춤설정 카드에서 첫 번째 메시지를 클릭하여 섹션을 펼칩니다.

   AppSheet는 메시지 텍스트와 앱 보기를 자동으로 채웁니다.

2. 메시지 텍스트의 인사말을 ATM Maintenance Tracker 앱에 오신 것을 환영합니다. 오늘은 어떤 작업을 하고 싶으신가요?로 변경합니다.

3. 채팅 카드 메뉴 목록에서 내 티켓을 클릭한 다음 드롭다운에서 내가 보고한 문제를 선택하여 채팅 카드를 변경합니다.

4. 기술자 관리 보기를 삭제하려면 삭제()를 클릭합니다.

참고: 지원되지 않는 앱 보기가 선택됨 경고는 Google Chat 내에서 해당 앱 보기에 액세스할 수 없음을 나타냅니다. 이 옵션은 여전히 채팅 카드 메뉴에 표시되지만, 선택하면 앱이 새 탭에서 열립니다.

5. AppSheet 창 상단에서 저장을 클릭합니다.

슬래시 명령어 만들기

1. 작업 섹션에서 + 새 작업을 클릭합니다.

2. 옵션 목록에서 슬래시 명령어: 앱 보기 열기를 선택합니다.

   슬래시 명령어를 사용하면 사용자는 메시지 줄에 '/'를 입력하여 사용 가능한 봇이 제공하는 기능 목록을 표시할 수 있습니다. 이러한 기능 덕분에 사용 가능한 Chat 앱 기능을 훨씬 더 쉽게 발견하고 사용할 수 있습니다.

3. 앱 보기 드롭다운에서 내가 신고한 문제를 선택합니다.

4. 이름에 /myissues를 입력합니다.

5. 설명 필드에 이메일 주소가 포함된 티켓을 나열합니다라고 입력합니다.

6. 다음을 클릭합니다.

작업 3. 앱 게시하기

이 작업에서는 배포 확인을 실행하고 경고를 해결한 다음 앱을 게시합니다.

배포 확인 수행하기

1. 테스트 카드에서 배포 설정으로 이동을 클릭하여 AppSheet UI에서 배포 탭을 엽니다.

2. 배포 확인이 자동으로 시작되지 않으면 배포 확인 실행을 클릭합니다.

   배포 확인의 출력에는 앱을 배포하기 전에 수정해야 하는 오류 또는 경고가 나열됩니다.

3. 앱 설명을 클릭합니다.

   섹션이 확장되어 경고에 관한 자세한 내용이 표시됩니다.

4. 앱을 게시하기 전에 앱 설명 경고를 해결할 수 있도록 계속 수정을 클릭합니다.

앱 설명 경고 수정하기

1. 왼쪽 탐색 메뉴에서 설정()을 클릭합니다.

2. 정보 탭의 앱 속성 섹션에서 함수 드롭다운을 클릭합니다.

3. 옵션 목록에서 유지보수를 선택합니다.

4. 업종 드롭다운을 클릭하고 금융 서비스를 선택합니다.

5. 저장을 클릭합니다.

앱 배포하기

1. 왼쪽 탐색 메뉴에서 관리()를 클릭하여 배포 옵션으로 돌아갑니다.

2. 배포 확인 섹션에서 배포 확인 실행을 클릭하여 프로세스를 다시 실행합니다.

   앱 설명이 WARNING에서 PASSED로 변경된 것을 확인합니다.

3. 앱을 배포된 상태로 이동을 클릭합니다.

작업 4. 앱 테스트하기

Google Chat의 스페이스는 사용자가 파일을 공유하고 작업을 할당하고 서로 연락할 수 있는 중심적인 공간입니다. 앱에 직접 메시지를 보내거나 앱을 스페이스 및 대화에 추가할 수 있습니다. 이 작업에서는 스페이스를 만들고, 스페이스에 앱을 추가한 다음, 앱을 사용하여 Google Chat에서 앱을 테스트합니다.

스페이스에 앱 추가하기

1. 새 시크릿 탭에서 Google Chat을 엽니다.
2. 모달이 표시되면 시작하기를 클릭한 다음 X를 클릭하여 튜토리얼을 닫습니다.
3. 왼쪽 하단 창의 스페이스에서 스페이스 만들기 또는 찾기를 클릭한 다음 스페이스 만들기를 클릭합니다.
4. 스페이스 이름을 입력한 다음 만들기를 클릭합니다.
5. 앱 보기를 클릭하고 목록에서 ATM Maintenance Tracker 앱을 선택한 다음 추가를 클릭합니다.

스페이스에서 앱 사용하기

1. 새 티켓을 만들려면 모든 티켓 옆에 있는 앱에서 열기 옵션을 클릭한 다음 새 티켓을 클릭합니다.

   대화상자가 나타납니다.

2. 이름 및 성 필드에 원하는 정보를 입력합니다.

3. ATM ID에 ABC123을 입력합니다.

4. 이메일에는 AppSheet에 로그인하는 데 사용한 실습 이메일 주소를 사용합니다.

5. 증상 필드의 드롭다운에서 카드 리더가 작동하지 않음을 선택합니다.

6. 해결됨에서 N(아니요) 옵션을 선택합니다.

7. 다른 필드는 기본값으로 두고 저장을 클릭합니다.

8. 업데이트된 티켓 목록을 보려면 답장 영역에 /myissues를 입력한 다음 Enter 키를 누릅니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인하고 앱을 테스트합니다.

작업 5. 자동화 빌드하기

자동화를 사용하면 스페이스에서 Chat 앱을 추가하거나 삭제하는 등 Chat 앱 상호작용을 기반으로 이벤트를 트리거할 수 있습니다. 또한 채팅 상호작용을 기반으로 메시지와 앱 보기를 채팅 스페이스로 보낼 수도 있습니다. 이 작업에서는 나만의 자동화를 만듭니다.

맞춤 이벤트 만들기

1. AppSheet 탭으로 돌아간 다음 왼쪽 탐색 메뉴에서 Chat 앱()을 선택하여 Chat 앱 빌더를 엽니다.

   AppSheet 탭에서 나간 경우 내 앱을 클릭하고 목록에서 ATM Maintenance Tracker를 선택합니다.

2. Chat 앱 편집기에서 맞춤설정 카드를 클릭합니다.

3. + 새 작업을 클릭한 다음 직접 빌드…를 선택합니다.

   AppSheet 편집기의 자동화 페이지가 같은 탭에서 열립니다.

4. 이벤트 구성을 클릭한 다음 새 이벤트 만들기를 클릭합니다.

5. 설정 패널에서 다음 정보를 입력합니다.

필드	값
이벤트 이름	새 티켓
데이터 변경 유형	추가만 선택
표	티켓

커스텀 단계 만들기

1. 기본 패널에서 + 단계 추가를 클릭한 다음 새 단계 만들기를 선택합니다.

2. 새 단계를 클릭하여 방금 만든 커스텀 단계의 설정을 엽니다.

3. 설정 패널에서 채팅 메시지 보내기를 클릭합니다.

4. 메시지 콘텐츠에서 Chat 스페이스 선택 옵션을 선택합니다.

5. 스페이스 ID에서 추가를 클릭한 다음 이전 작업에서 만든 스페이스를 선택합니다.

6. 메시지 텍스트 상자에 새 티켓이 생성되었습니다라는 메시지를 입력합니다.

7. 페이지 오른쪽 상단에서 저장을 클릭하여 앱을 업데이트합니다.

자동화 테스트하기

1. Google Chat으로 돌아가서 이전 작업에서 만든 Google Chat의 스페이스를 엽니다.

2. ATM Maintenance Tracker 앱에서 새 티켓을 클릭합니다.

3. 이름 상자에 Freeda를 입력합니다.

4. ATM ID와 증상에 원하는 정보를 제공합니다.

5. 저장을 클릭합니다.

   앱에서 확인 메시지를 보내는 방식을 확인합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인하고 자동화를 빌드합니다.

앱 삭제하기

앱을 테스트했으므로 이제 앱을 삭제하여 소프트웨어 개발 수명 주기를 완료할 수 있습니다.

1. 왼쪽 탐색 메뉴에서 관리()를 클릭합니다.

2. 옵션 목록에서 공동작업 및 게시를 선택합니다.

3. 앱 삭제를 클릭합니다.

수고하셨습니다

첫 번째 노 코드 Chat 앱을 만들었으며, 다음을 수행하는 방법을 익혔습니다.

• 기존 앱에 채팅 구성요소 추가
• 슬래시 명령어 생성
• 앱에 자동화 추가
• Google Chat에서 앱 사용

다음 실습 참여하기

• Google AppSheet: 시작하기
• AppSheet 앱의 데이터 연결 및 구성

다음 단계/더 학습하기

노 코드 Chat 앱에 관한 자세한 내용은 다음을 참고하세요.

• Chat 앱 구성 문제를 해결하는 팁은 Chat 앱 문제 해결 리소스를 검토하세요.
• AppSheet Chat 앱 FAQ를 읽고 AppSheet Chat 앱에 관한 질문의 답을 찾아보세요.

Google Cloud 교육 및 자격증

Google Cloud 기술을 최대한 활용하는 데 도움이 됩니다. Google 강의에는 빠른 습득과 지속적인 학습을 지원하는 기술적인 지식과 권장사항이 포함되어 있습니다. 기초에서 고급까지 수준별 학습을 제공하며 바쁜 일정에 알맞은 주문형, 실시간, 가상 옵션이 포함되어 있습니다. 인증은 Google Cloud 기술에 대한 역량과 전문성을 검증하고 입증하는 데 도움이 됩니다.

설명서 최종 업데이트: 2024년 9월 24일

실습 최종 테스트: 2024년 9월 24일

Copyright 2026 Google LLC. All rights reserved. Google 및 Google 로고는 Google LLC의 상표입니다. 기타 모든 회사명 및 제품명은 해당 업체의 상표일 수 있습니다.