GSP883

개요

이 실습에서는 애플리케이션 빌드를 빠르게 시작할 수 있는 AppSheet를 소개합니다.

이 실습에서는 AppSheet를 사용하여 개인 연락처를 만들고 관리하는 기본 애플리케이션을 만듭니다. 먼저 데이터 소스 역할을 하는 간단한 스프레드시트에 연결하고 앱을 통해 연락처 정보를 읽고 업데이트할 수 있는 뷰를 만듭니다.

실습할 내용

이번 실습에서는 다음 작업을 수행합니다.

• Google 계정을 사용하여 AppSheet에 로그인합니다.
• Google 시트를 데이터 소스로 시작하여 AppSheet UI를 사용해 앱을 만듭니다.
• AppSheet UI의 실시간 미리보기 기능을 사용하여 앱의 기능을 미리 봅니다.
• 앱을 사용하여 기존 연락처 데이터 중 일부를 수정합니다.
• 앱을 사용하여 새로운 인물의 연락처 정보를 추가합니다.
• 새로 추가되고 수정된 데이터가 기본 Google 시트에 있는지 확인합니다.

설정 및 요건

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

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

실무형 실습을 통해 시뮬레이션이나 데모 환경이 아닌 실제 클라우드 환경에서 실습 활동을 진행할 수 있습니다. 실습 시간 동안 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. 첫 번째 AppSheet 앱 만들기

AppSheet를 사용하여 앱을 빌드하는 방법은 3가지가 있습니다.

• 데이터 소스에 연결
• 아이디어를 바탕으로 처음부터 빌드
• 템플릿 사용

이 작업에서는 AppSheet UI를 사용하여 데이터 소스에 연결하여 새 앱을 만듭니다. 이 앱의 데이터 소스로 Drive의 이전 작업에서 설정한 스프레드시트를 사용합니다.

앱 만들기

1. 다른 브라우저 탭에서 AppSheet UI로 전환합니다.

2. 내 앱 페이지에서 만들기 > 앱 > 기존 데이터로 시작을 클릭합니다.

3. 앱 이름에 고객 연락처를 입력하여 앱 이름을 지정합니다.

4. 카테고리의 목록에서 고객 참여도를 선택합니다.

5. 데이터 선택을 클릭합니다.

앱의 데이터 선택

7. 데이터 소스 선택 대화상자에서 Google Sheets를 선택합니다.

8. 파일 선택기에서 Google Drive의 내 드라이브 폴더에서 연락처를 선택하고 선택을 클릭합니다. 이 시트는 실습을 위해 프로비저닝되었습니다.

9. AppSheet로 맞춤설정을 클릭하여 AppSheet 편집기로 이동합니다.

AppSheet가 앱을 만들고 AppSheet 편집기 UI에 표시합니다. 또한 UI는 에뮬레이터에서 실행 중인 앱의 미리보기를 제공하므로 이를 사용하여 앱의 일부 기능을 실행할 수 있습니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 첫 번째 AppSheet 앱 만들기

작업 2. 앱의 미리보기 표시하기

AppSheet가 새 앱을 만들고 앱에 데이터를 제공하는 contacts 스프레드시트에 연결했습니다. 연락처 앱은 Google Drive의 연락처 시트에 연결된 실시간 기능 프로토타입입니다.

AppSheet 편집기는 다음 3가지 주요 영역으로 구성됩니다.

• 탐색 메뉴: 왼쪽 탐색 메뉴를 사용하여 데이터 소스 연결 및 스키마, 사용자 경험(UX), 기타 동작을 포함한 앱의 기능을 구현합니다. 이 과정의 후속 실습에서 이러한 주제 중 일부를 살펴보겠습니다.

• 기본 패널: AppSheet 편집기의 기본 패널은 왼쪽 탐색 메뉴에서 선택한 옵션에 따라 앱의 기능을 구현하기 위한 설정을 구성하는 곳입니다.

• 앱 실시간 미리보기: 앱에서 기능을 설계하고 구현할 때 앱 기능의 변경사항을 보고 테스트할 수 있습니다.

이 작업에서는 앱 실시간 미리보기를 사용하여 연락처 앱의 기본 기능을 살펴봅니다.

연락처 정보 보기

1. 앱 실시간 미리보기에서 앱에 표시된 연락처 목록을 스크롤합니다.

   AppSheet는 이름과 성을 기준으로 데이터를 자동으로 정렬합니다.

2. 연락처 이름을 클릭합니다.

   앱에 해당 연락처의 이메일 주소와 전화번호를 포함한 상세 정보가 표시됩니다.

   이 데이터는 Google 시트에서 자동으로 로드되었습니다.

작업 3. 연락처 정보 수정

1. 선택한 연락처의 수정 아이콘 을 클릭하여 해당 사용자의 연락처 정보를 수정합니다.

2. 연락처의 이름과 전화번호를 변경하고 저장을 클릭합니다.

3. 앱의 연락처 세부정보 페이지에서 이름과 전화번호가 업데이트되었는지 확인합니다.

4. 뒤로 화살표 를 클릭하면 연락처 목록으로 돌아갑니다.

5. 업데이트된 이름이 연락처 목록 페이지에 표시되는지 확인합니다.

작업 5. 새 연락처 추가

1. 실시간 앱 미리보기의 연락처 목록 페이지에서 + 아이콘을 클릭하여 새 연락처를 추가합니다.

2. 연락처 양식에서 다음을 지정합니다.

속성	값
ID	51
이메일 주소	test.contact@gmail.com
이름	테스트
성	연락처
전화	1-100-234567

참고: test.contact@gmail.com이 양식에 있어야 합니다. 추가 연락처를 입력할 수도 있습니다.

3. 저장을 클릭합니다.

4. 앱의 연락처 목록 페이지에서 돋보기 검색 아이콘을 클릭합니다.

5. 검색창에 이전 단계에서 추가한 연락처의 이름 또는 성을 입력합니다.

   참고: 이메일 주소나 전화번호로도 검색할 수 있습니다.

6. 목록이 필터링되어 검색 기준과 일치하는 연락처만 표시됩니다.

7. 테스트 연락처 레코드를 클릭하여 연락처에 대한 세부정보를 확인하고 표시된 정보를 검증합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 새 연락처 추가

작업 6. 앱 데이터 동기화

이전 작업에서 지금까지 변경한 모든 내용은 앱 내에서 로컬로 적용되며 앱에서 사용하는 기본 데이터 소스와 자동으로 동기화됩니다.

하지만 경우에 따라 모든 변경사항이 데이터 소스에 즉시 동기화되지 않을 수 있습니다.

이 작업에서는 앱에서 사용하는 Google 시트에 데이터 변경사항을 동기화하고 Google Drive에서 변경사항을 확인합니다.

앱 데이터 변경사항 동기화

1. 실시간 앱 미리보기에는 동기화 위에 마지막 앱 동기화 이벤트 이후 현재 앱에 적용된 데이터 변경사항의 수가 표시됩니다.

   표시된 숫자가 이전 작업에서 앱에 적용한 변경사항과 일치하는지 확인합니다.

   참고: 숫자가 표시되지 않으면 앱에서 변경된 모든 데이터가 이미 동기화된 것입니다.

2. 동기화 를 클릭하여 변경사항을 Google Drive의 Google 시트에 동기화합니다.

작업 7. 데이터 변경사항 확인

1. 새 브라우저 탭에서 내 드라이브를 엽니다.

2. contacts 시트를 엽니다.

3. 목록 하단으로 스크롤하여 앱을 사용해 추가한 새 연락처를 찾습니다.

4. 시트에서 Ctrl+F 또는 Command+F를 눌러 앱을 사용하여 수정된 연락처를 검색하고 이름과 전화번호가 업데이트되었는지 확인합니다.

수고하셨습니다

AppSheet를 사용하여 첫 번째 앱을 성공적으로 만들었습니다. 이 실습에서는 다음 작업을 수행하는 방법을 배웠습니다.

• AppSheet UI를 사용하여 앱을 만듭니다.
• Google Drive의 시트에서 가져온 데이터를 사용해 앱을 구성합니다.
• 실시간 앱 미리보기를 사용하여 앱에 표시된 데이터를 수정합니다.
• 앱을 통해 변경된 데이터가 기본 데이터 소스(Google Drive의 시트)에 유지되었는지 확인합니다.

다음 단계/더 학습하기

이 실습은 Qwik Start 실습 시리즈 중 하나이며, Google Cloud에서 제공하는 다양한 기능을 간략하게나마 소개하고자 마련되었습니다. 실습 카탈로그에서 'Qwik Start'를 검색하여 다음으로 참여할 실습을 찾아보세요.

• Google Workspace 학습 센터

Google Cloud 교육 및 자격증

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

설명서 최종 업데이트: 2025년 6월 9일

실습 최종 테스트: 2025년 6월 9일

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