이 페이지에서는 Google Workspace 사용자 인터페이스 (UI)를 확장하는 옵션을 설명합니다. 다음을 비롯한 여러 가지 이유로 Google Workspace UI를 확장할 수 있습니다.
- 사용자가 하나 이상의 Google Workspace 앱에서 직접 앱을 사용할 수 있도록 앱 또는 서비스를 Google Workspace에 통합합니다. 예를 들어 Google Docs 내에서 서비스의 스마트 칩 및 링크 미리보기를 만드는 Google Workspace 부가기능을 빌드합니다.
- Google Workspace 사용자의 생산성 향상 또는 워크플로 개선 지원 예를 들어 사용자가 Google Chat에서 직접 주간 타임시트를 보고할 수 있는 Google Chat 앱을 빌드합니다.
- Google Workspace에서 기본적으로 제공되지 않는 기능을 추가합니다. 예를 들어 Google Docs, Sheets, Slides에서 맞춤 메뉴를 추가합니다.
Google Workspace UI를 확장하는 옵션 대부분을 사용자가 Google Workspace와 통합되는 서드 파티 앱을 찾아 설치할 수 있는 온라인 스토어인 Google Workspace Marketplace에 게시할 수 있습니다.
Google Workspace UI 확장을 위한 옵션 개요
다음 표에서는 Google Workspace UI를 확장하는 옵션을 나열하고 이러한 특성을 기준으로 비교합니다.
- 앱 확장됨: 특정 옵션으로 확장할 수 있는 Google Workspace 앱을 나열합니다.
- 코딩 옵션: 다음과 같이 빌드할 수 있는 방법을 나열합니다.
- AppSheet: 코드 없는 개발 플랫폼입니다.
- Apps Script: 자바스크립트 기반의 클라우드 기반 로우 코드 개발 플랫폼입니다.
- 전체 개발: 선호하는 코딩 언어를 지원하는 자체 기술 스택입니다.
- UI 프레임워크: 다음을 포함하여 각 옵션을 빌드하는 데 사용할 수 있는 UI 프레임워크의 유형을 나타냅니다.
- 카드 기반: 카드 인터페이스는 Apps Script를 사용하는 카드 서비스를 사용하거나 원하는 기술 스택으로 카드를 렌더링하기 위해 올바른 형식의 JSON을 반환하여 빌드된 사전 정의된 위젯 및 카드입니다 (전체 개발자). 카드 기반 인터페이스는 HTML 또는 CSS에 관한 지식이 필요하지 않으며 데스크톱과 모바일 클라이언트에서 모두 잘 작동합니다.
- HTML: Apps Script는 서버 측 Apps Script 기능과 상호작용할 수 있는 웹페이지 개발을 위한 HTML 서비스를 제공합니다. HTML 서비스로 개발된 인터페이스는 세부적인 맞춤설정이 가능하지만, 훌륭한 사용자 환경을 만들기 위해서는 더 많은 수동 작업이 필요합니다.
- iFrame: iFrame은 외부 콘텐츠를 Google Workspace에 삽입하며 사용자 인터페이스를 가장 많이 맞춤설정할 수 있습니다.
다음 표는 각 옵션에 대한 설명입니다.
| 빌드할 수 있는 항목 | 미리보기 | 앱이 확장됨 | 코딩 옵션 | 카드 기반 UI | HTML UI | iFrame UI |
|---|---|---|---|---|---|---|
| Google Workspace 부가기능 |
|
Gmail  Drive
캘린더
문서
스프레드시트
슬라이드 |
Apps Script
전체 개발
|
|||
| 링크 미리보기 및 스마트 칩 | Google Workspace 부가기능 |
|
문서
|
AppSheet
Apps Script
전체 개발
|
|||
| 이메일 초안 | Google Workspace 부가기능 |
|
Gmail |
Apps Script
전체 개발
|
|||
| Calendar 회의 | Google Workspace 부가기능 |
|
캘린더
|
Apps Script
|
기존 UI 사용 |
||
| 편집자 부가기능 |
|
문서
스프레드시트
슬라이드
양식 |
Apps Script
|
|||
| Google Chat 앱 |
|
채팅
|
AppSheet
Apps Script
전체 개발
|
|||
| 맞춤 함수 |
|
스프레드시트
|
Apps Script
|
기존 UI 사용 |
||
| 매크로 |
|
스프레드시트
|
Apps Script
|
기존 UI 사용 |
||
| 맞춤 메뉴, 대화상자, 사이드바 |
|
문서
스프레드시트
슬라이드
양식 |
Apps Script
|
|||
| Google Drive 앱 |
|
Drive
|
전체 개발
|
기존 UI 사용 |
||
Google Workspace 부가기능
Google Workspace 부가기능은 Google Workspace 앱과 통합되는 애플리케이션입니다. Google Workspace 부가기능은 여러 Google Workspace 앱을 확장할 수 있습니다. 대부분의 경우 앱은 확장되는 Google Workspace 앱 내의 사이드바에서 열립니다.
게시 가능
코딩 옵션:
Apps Script
전체 개발
다음 앱 확장:
Gmail
드라이브
캘린더
문서
스프레드시트
슬라이드
사용 가능한 UI 프레임워크:
카드 프레임워크
링크 미리보기 및 스마트 칩 | Google Workspace 부가기능
문서를 확장하는 Google Workspace 부가기능은 서드 파티 서비스에서 맞춤 링크 미리보기를 만들 수 있습니다. Docs에서 Google Workspace 애플리케이션 내 사용자, 파일, 캘린더 일정 또는 기타 항목의 멘션을 위해 생성하는 스마트 칩과 마찬가지로 부가기능은 서드 파티 링크용 스마트 칩을 생성하고 누군가 칩 위로 마우스를 가져가면 미리보기 카드를 표시할 수 있습니다.
기존 Google Workspace 부가기능에 링크 미리보기를 추가하거나 링크 미리보기를 위한 별도의 Google Workspace 부가기능을 만들 수 있습니다.
게시 가능
코딩 옵션:
AppSheet
Apps Script
전체 개발
다음 앱 확장:
문서
사용 가능한 UI 프레임워크:
카드 프레임워크
이메일 초안 | Google Workspace 부가기능
Gmail을 확장하는 Google Workspace 부가기능은 사용자가 새 메시지를 작성하거나 기존 메시지에 회신할 때 맞춤 인터페이스를 제공할 수 있습니다. 사용자는 이메일 초안의 하단이나 옵션 더보기 메뉴에서 이 인터페이스를 사용하여 부가기능을 열어야 합니다.
게시 가능
코딩 옵션:
Apps Script
전체 개발
다음 앱 확장:
Gmail
사용 가능한 UI 프레임워크:
카드 프레임워크
Calendar 회의 | Google Workspace 부가기능
웹 회의 제공업체는 Google Calendar를 회의 솔루션으로 확장하는 Google Workspace 부가기능을 빌드할 수 있습니다. 이 부가기능에는 캘린더 일정에 회의 옵션이 추가되어 사용자가 캘린더에서 바로 회의를 만들고 참여할 수 있습니다.
게시 가능
코딩 옵션:
Apps Script
다음 앱 확장:
캘린더
사용 가능한 UI 프레임워크:
기존 UI 사용
편집자 부가기능
편집기 부가기능은 Docs, Sheets, Slides 또는 Forms를 확장하는 앱입니다. 편집기 부가기능은 부가기능당 하나의 앱만 확장할 수 있지만 동일한 Marketplace 목록에 여러 개의 편집기 부가기능을 게시할 수 있습니다. 사용자는 확장하는 앱의 확장 프로그램 메뉴에서 편집기 부가기능을 엽니다.
편집기 부가기능에 다음 인터페이스를 사용할 수 있습니다.
게시 가능
코딩 옵션:
Apps Script
다음 앱 확장:
문서
스프레드시트
슬라이드
양식
사용 가능한 UI 프레임워크:
HTML
iFrame
채팅 앱
Chat 앱은 Chat에서 리소스와 서비스를 제공합니다. 다음과 같은 다양한 방법으로 사용자와 상호작용하도록 채팅 앱을 설계할 수 있습니다.
- 문자 메시지나 카드 메시지로 슬래시 명령어에 응답합니다.
- 대화상자를 열어 사용자가 양식 데이터 입력과 같은 다단계 프로세스를 완료할 수 있도록 지원합니다.
- 링크 미리보기: 사용자가 대화에서 바로 조치를 취할 수 있도록 유용한 정보가 포함된 카드를 첨부해 링크를 미리 볼 수 있습니다.
게시 가능
코딩 옵션:
AppSheet
Apps Script
전체 개발
다음 앱 확장:
채팅
사용 가능한 UI 프레임워크:
카드 프레임워크
커스텀 함수
맞춤 함수를 사용하면 Sheets에서 함수를 더 추가할 수 있습니다. 사용자는 Sheets에서 제공하는 수백 개의 기본 제공 함수처럼 함수를 찾아서 사용할 수 있습니다.
게시 가능
코딩 옵션:
Apps Script
다음 앱 확장:
스프레드시트
사용 가능한 UI 프레임워크:
기존 UI 사용
매크로
매크로는 사용자가 정의한 일련의 특정 UI 상호작용을 복제하는 Sheets의 기록입니다. 매크로를 단축키에 연결하거나 확장 프로그램 > 매크로 메뉴에서 실행할 수 있습니다.
매크로를 기록하면 Sheets에서 UI 상호작용을 복제하는 Apps Script 함수를 자동으로 만듭니다. Apps Script 편집기 내에서 직접 매크로를 수정할 수 있습니다. Apps Script에서 매크로를 처음부터 작성할 수도 있고, 이미 작성한 함수를 매크로로 변환할 수도 있습니다.
코딩 옵션:
Apps Script
다음 앱 확장:
스프레드시트
사용 가능한 UI 프레임워크:
기존 UI 사용
맞춤 메뉴, 대화상자, 사이드바
Docs, Sheets, Slides, Forms의 파일에 맞춤 메뉴, 프롬프트, 알림, HTML 기반 대화상자, 사이드바를 추가할 수 있습니다. 맞춤 메뉴는 확장되는 앱의 기본 메뉴 옆에 표시됩니다. 대화상자, 사이드바, 프롬프트, 알림은 일반적으로 메뉴 항목 클릭과 같은 사용자 작업이나 이벤트 기반 트리거와 같은 트리거에 의해 활성화됩니다.
코딩 옵션:
Apps Script
다음 앱 확장:
문서
스프레드시트
슬라이드
양식
사용 가능한 UI 프레임워크:
HTML
iFrame
드라이브 앱
앱이 드라이브 파일을 지원하는 경우 드라이브 사용자 인터페이스와 통합하여 파일을 만들거나 열 수 있는 옵션으로 앱을 표시할 수 있습니다. 사용자가 Drive에서 파일을 마우스 오른쪽 버튼으로 클릭하면 앱이 새로 만들기 > 더보기 메뉴와 연결 프로그램 메뉴에 표시될 수 있습니다. 사용자가 두 메뉴 중 하나에서 앱을 선택하면 앱이 새 창에서 열립니다.
게시 가능
코딩 옵션:
전체 개발
다음 앱 확장:
드라이브
사용 가능한 UI 프레임워크:
기존 UI 사용