AppSheet와 Apps Script를 혼합하는 방법

Find AI Tools

No difficulty

No complicated process

Find ai tools

Home AI News KR AppSheet와 Apps Script를 혼합하는 방법

AppSheet와 Apps Script를 혼합하는 방법

AppSheet 및 Apps Script를 사용하여 애플리케이션 생성하기
구글 워크스페이스 계정과 데이터 소스
데이터 정규화 및 Google Sheets에서의 테이블 분리
앱 만들기 및 기본 고객화
프로젝트 및 관리자 테이블 추가
Tasks와 Statistics 뷰 수정
Profile 사진 표시하기
매니저 뷰 추가
프로젝트 폴더 자동 생성하기
AppSheet 앱과 Apps Script 함수 연동하기
앱 테스트 및 배포하기

AppSheet 및 Apps Script를 사용하여 애플리케이션 생성하기

앱시트( AppSheet)와 Apps Script를 사용하면 애플리케이션을 만들고 애플리케이션 내에서 작업을 자동화할 수 있습니다.

구글 워크스페이스 계정과 데이터 소스

이 튜토리얼에서는 Google Workspace 계정이 필요합니다. 데이터 소스로는 Google Sheets 파일을 사용합니다.

데이터 정규화 및 Google Sheets에서의 테이블 분리

데이터 정규화는 소프트웨어 개발에서 데이터 중복을 제거하고 데이터 구조를 최적화하는 기술입니다. Google Sheets에서는 데이터를 다른 시트로 분리하여 정규화하는 것과 동일한 원리로 작업합니다.

앱 만들기 및 기본 고객화

Google Sheets 내에서 앱을 직접 생성할 수 있습니다. AppSheet는 데이터를 기반으로 앱을 자동으로 생성합니다. 이 단계에서는 앱의 기본 설정을 사용자 정의할 수 있습니다.

프로젝트 및 관리자 테이블 추가

앱에 프로젝트 및 관리자 테이블을 추가합니다. 테이블 간에 관계도 설정하여 데이터를 관리합니다.

Tasks와 Statistics 뷰 수정

기본적으로 생성되는 Tasks와 Statistics 뷰는 사용자의 요구에 맞게 수정할 수 있습니다. 필요한 데이터를 표시하고, 그룹화와 정렬 옵션을 변경하여 뷰를 사용자 정의할 수 있습니다.

Profile 사진 표시하기

매니저의 프로필 사진을 표시합니다. Google Drive에 호스팅된 파일의 URL 대신 이미지 파일 자체를 표시하기 위해 데이터 유형을 수정합니다.

매니저 뷰 추가

앱에 매니저 뷰를 추가하여 매니저에 대한 상세 정보를 표시합니다. 매니저와 관련된 프로젝트에 접근할 수 있도록 합니다.

프로젝트 폴더 자동 생성하기

새로운 프로젝트를 추가할 때마다 폴더를 자동으로 생성하기 위해 Apps Script 함수를 작성합니다. 이 함수는 AppSheet 앱에서 호출되며, 프로젝트 이름을 파라미터로 받아들입니다.

AppSheet 앱과 Apps Script 함수 연동하기

AppSheet 앱과 Apps Script 함수를 연동하여 자동으로 생성된 프로젝트 폴더의 URL을 앱에 추가합니다. AppSheet에서 Bots 섹션을 이용하여 사용자 정의 Bot을 추가하고, 이벤트와 프로세스를 정의하여 Apps Script 함수를 호출합니다.

앱 테스트 및 배포하기

앱을 테스트하고 배포합니다. Google Workspace 사용자라면 테스트가 가능하며, 팀에 앱을 배포하기 위해서는 AppSheet 라이선스가 필요합니다.

앱시트와 Apps Script를 사용하여 애플리케이션 생성하기

이 비디오에서는 AppSheet(앱시트)와 Apps Script(앱스 스크립트)를 사용하여 애플리케이션을 생성하고 내부에서 작업을 자동화하는 방법을 안내합니다. Chanel이라고 합니다. 저는 Google의 개발자 대변인입니다. 제가 진행하는 이 비디오를 따라해 주십시오. 필요한 것은 Google Workspace 계정뿐입니다.

이 튜토리얼에서는 데이터 소스로 Google Sheets 파일을 사용합니다. 프로젝트 추적기라는 시트 파일이 있습니다. 이 파일에는 모든 관련 정보가 포함되어 있습니다. 데이터를 이해하기 위해서는 사람들에게는 그림 그릴 수 있는 것이 최선인 방법입니다. 그러나 AppSheet에서는 데이터를 이해하기 위해 데이터를 정규화해야 합니다. 이렇게 하는 이유는 데이터 중복을 제거하고 데이터 구조를 최적화하기 위한 소프트웨어 개발 기술인 데이터베이스 정규화를 적용하기 위해서입니다.

데이터 정규화의 첫 번째 단계는 데이터를 별개의 테이블로 분할하는 것입니다. Google Sheets에서는 데이터를 다른 시트로 분할하여 테이블로 만들 수 있습니다. 이제 우리는 세 개의 별개의 테이블, 즉 작업, 프로젝트 및 매니저 테이블을 갖게 되었습니다. 작업 시트에는 마지막 열에 프로젝트 시트에 대한 참조가 포함되어 있습니다. 프로젝트 시트에는 작업 시트와 매니저 시트에 대한 참조가 포함되어 있습니다. 그리고 마지막으로, 매니저 시트에는 프로젝트 시트에 대한 참조가 포함되어 있습니다. 또한 마지막 열에 있는 프로필 사진 URL은 Google Drive에 호스팅된 파일 자체를 나타냅니다.

이제 우리는 정규화된 데이터 구조를 시각화한 그림을 보여드리겠습니다. AppSheet를 최대한 활용하기 위해서는 데이터를 적절한 방식으로 구성하는 것이 도움이 됩니다. 그럼 이 비디오 채널에 구독하고 알림 벨을 눌러서 우리가 다음에 제공하는 동영상을 놓치지 않도록 하십시오. 이제 앱을 생성해 보겠습니다! 우리는 Google Sheets에서 Extensions 메뉴에서 AppSheet를 선택하여 앱을 생성합니다. AppSheet가 앱을 생성하는 동안 Projects 공유 드라이브를 살펴보겠습니다. 프로젝트 추적기에 나열된 각 프로젝트에는 전용 폴더가 있습니다. 프로젝트 추적기에 새 프로젝트가 추가될 때마다 이 폴더를 수동으로 생성하지 않고 자동화하려고 합니다. 이를 위해 AppSheet에서 우리의 Apps Script 함수를 호출할 것입니다.

한편, AppSheet는 데이터를 기반으로 앱을 생성했습니다. 앱 미리 보기에서 Tasks 및 Statistics 뷰가 생성되었음을 확인할 수 있습니다. 이제 앱을 원하는대로 사용자 정의할 시간입니다. 먼저 프로젝트 테이블을 앱에 추가하고 그 다음으로 매니저 테이블을 앱에 추가합니다. 매니저 테이블의 열을 살펴보겠습니다. 매니저 테이블은 프로젝트 테이블과 참조 관계가 없음을 알 수 있습니다. 작업 테이블을 살펴보면 프로젝트가 텍스트 데이터 유형으로 표시된 것을 확인할 수 있습니다. 따라서 프로젝트 테이블과의 실제적인 연결은 없습니다. 이러한 참조를 추가하고자 하며, 먼저 Tasks 테이블의 Project 열의 데이터 유형을 Ref로 변경하겠습니다. 이 참조의 소스 테이블로는 Projects를 선택합니다. Projects 테이블에서도 동일한 작업을 반복합니다. 이제 Managers 열은 Managers 테이블과의 참조입니다. 마지막 단계는 Managers 테이블과 Projects 테이블 사이의 참조를 생성하는 것입니다. 이 참조를 생성하기 위해 데이터 구조를 다시 생성합니다. 이제 테이블 간의 참조가 설정되었습니다.

다음으로는 앱 사용자가 볼 정보를 정의하고자 합니다. 이를 위해 Apps 섹션에서 수행합니다. 새로운 뷰를 생성하고 Projects라고 이름을 지정하여 해당 테이블의 데이터를 표시하도록 하겠습니다. 뷰 유형을 테이블로 변경하고, 이 뷰를 위한 버튼을 가운데에 표시하도록 설정합니다. 선택할 수 있는 많은 아이콘이 있습니다. Projects 뷰에서는 컴퓨터 아이콘을 사용하도록 하겠습니다. 변경 사항을 저장하는 것을 잊지 마십시오. 항상 저장할 때마다 미리 보기 앱이 변경 사항을 반영하도록 재로드됩니다. 이제 AppSheet에서 자동으로 추가된 Tasks 뷰를 편집합니다. AppSheet가 자동으로 추가한 기본 정렬 및 그룹화를 변경할 수 있습니다. 이 튜토리얼에서는 기본 정렬 및 그룹화가 필요한 대로 작동합니다. Statistics 뷰에서는 Tasks 대신 Projects의 데이터를 표시하고, 이 뷰의 버튼을 첫 번째 위치로 이동하려고 합니다. 차트는 원형 차트로 설정하고, 예산 열의 데이터를 시각화하도록 하겠습니다. 지금까지 많은 사용자 정의를 수행했습니다. 현재의 진전 상황을 확인하기 위해 앱을 살펴보도록 합시다. 태블릿 보기로 전환한 다음 Projects로 가보도록 합시다. 프로젝트 중 하나를 클릭하면 상세 정보가 표시됩니다. 프로젝트 테이블과 관련된 작업을 볼 수 있습니다. 매니저 이름을 클릭하면 해당 매니저에 대한 세부 정보가 표시됩니다. 사진 대신 URL이 표시되는 문제가 발생했습니다. 이를 수정할 필요가 있습니다. Managers 테이블에 있는 Photo 열의 데이터 유형을 URL에서 Image로 변경하여 수정합니다. 변경 사항을 저장하고 나면 미리 보기 앱이 다시 로드되고 프로필 사진이 표시됩니다. 이 뷰에서 다른 매니저의 정보로 스크롤할 수 있습니다. 매니저 별로 전용 뷰를 추가하는 것이 의미가 있다고 생각합니다. 앱 섹션에서 Managers 뷰를 추가하고 갤러리 뷰 유형을 선택합니다. 매니저 중 하나를 클릭하면 해당되는 상세 정보로 이동합니다. 여기서 해당 매니저와 관련된 프로젝트에 액세스할 수 있습니다.

이제 새 프로젝트를 추가할 때마다 폴더가 자동으로 생성되도록 하기 위해 잠시 Apps Script 함수를 작성해 보겠습니다. 이 함수는 AppSheet에서 우리의 Apps Script 함수를 호출할 것입니다. 이를 위해 스크립트 함수를 생성하고, 이를 Projects 공유 드라이브에 저장합니다. 이 스크립트의 이름을 쉽게 식별할 수 있도록 변경합니다. 또한 Drive API를 활성화합니다. 그런 다음 프로젝트라는 매개변수를 사용하는 CreatNewFolder라는 함수를 정의합니다. 자동으로 생성된 폴더의 ID를 저장할 변수를 정의합니다. 자동으로 폴더를 생성하기 위해 Drive API를 사용합니다. 공유 드라이브에 새 파일을 삽입하기 위해 부모 폴더의 ID를 추가해야 합니다. 이 ID는 직접 프로젝트 공유 드라이브의 URL에서 복사하여 작성 중인 함수에 붙여 넣습니다. 속성 제목은 자동으로 생성되는 폴더의 실제 이름입니다. 이름은 실행시 프로젝트 매개변수에서 제공되도록 정의합니다. mimeType 속성은 폴더를 만들고자 함을 정의합니다. 파일 콘텐츠가 없으므로 null로 설정합니다. 동일한 폴더를 여러 공유 드라이브에 생성할 수 있도록 supportsAllDrives를 true로 설정합니다. 삽입 메소드에 id 속성을 체인하여 자동으로 생성된 폴더의 ID를 저장할 수 있도록 합니다. 함수의 반환 값은 자동으로 생성된 폴더의 URL입니다. 템플릿 리터럴을 사용하여 폴더의 ID를 URL에 추가합니다. 템플릿 리터럴은 역따옴표를 사용해야 하며, 따옴표를 사용해서는 안 됩니다. 이 함수가 실행되면 프로젝트의 자동 생성된 폴더를 생성하고 해당 폴더의 URL을 우리의 AppSheet 앱에 반환합니다.

이제 AppSheet 앱과 Apps Script 함수를 연결할 차례입니다! 이를 위해 AppSheet에서 Bots 섹션에 접근하여 새로운 사용자 정의 봇을 추가합니다. 이 봇이 실행되는 이벤트 유형을 정의해야 합니다. 데이터가 추가될 때 이벤트가 트리거 되며, Project가 추가된 이벤트라고 이름을 지정합니다. 이벤트가 프로젝트 테이블에서 데이터 변경을 트리거하도록 정의합니다. 다음으로 이 이벤트가 실행될 프로세스를 정의합니다. 이 단계를 CreateFolder라고 지칭하고, 앞서 생성한 스크립트를 호출하도록 정의합니다. 그런 다음 Apps Script 프로젝트를 실행하기 위해 인증합니다. createNewFolder 함수를 선택합니다. 이 함수는 매개변수를 전달 받을 것으로 기대하며, Expression Assistant를 사용하여 Projects 테이블의 Name 열을 프로젝트 매개변수로 선택합니다. 마지막으로, Apps Script 함수가 문자열 형식의 값으로 반환될 것으로 정의합니다. AppSheet에서 이 문자열을 AppSheet 유형의 URL로 변환하도록 정의합니다. 최종 단계를 추가하고 Add folder to app이라고 지칭합니다. 이 단계는 Apps Script 함수에 의해 반환된 폴더 URL을 Folder 열에 추가합니다. Expression Assistant를 사용하여 새 값 ..를 작성하는 것으로 정의합니다. 이 표현식의 테스트가 성공했음을 알 수 있습니다. 이렇게 AppSheet 앱을 Apps Script 프로젝트에 연결하는 데 필요한 모든 단계를 수행했습니다.

이제 앱을 테스트해 보는 시간입니다! 구글 Workspace 사용자는 이 테스트를 수행할 수 있습니다. 그러나 앱을 팀에 배포하려면 AppSheet 라이선스가 필요합니다. 앱에 새 프로젝트를 추가해 보겠습니다. 그러나 문제가 발생했습니다. 무엇이 문제인지 확인할 수 있을까요? 폴더 URL은 필수 입력 사항입니다. 당연히 우리가 원하는 것은 아닙니다. 왜냐하면 Folder 열은 방금 만든 봇에서 값을 받아야 하기 때문입니다. 이를 해결하기 위해 Projects 테이블의 Folder 열에 있는 Require? 상자를 해제합니다. 이제 다음 라운드의 테스트를 준비했습니다. 데이터를 앱에 추가하고 동기화합니다. 새 프로젝트 항목을 살펴보겠습니다. 폴더에 URL이 포함된 데이터를 볼 수 있습니다. 클릭하여 Apps Script 함수가 프로젝트를 위해 자동으로 새 폴더를 생성했는지 확인할 수 있습니다.

Apps Script 프로젝트에 대한 코드에 액세스하려면 아래 설명에 있는 링크를 따르십시오. 이 비디오에서 새로운 내용을 배웠다면 좋아요 버튼을 클릭해 주세요. 그리고 이 YouTube 채널을 구독하고 알림 벨을 눌러서 앞으로 제공하는 Google Workspace 개발 및 AppSheet에 관한 동영상을 놓치지 않도록 해주세요.