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