GSP1301

개요

부가기능은 Google Workspace 기능을 확장하여 Google Workspace 사용자의 생산성을 높이고 워크플로를 개선하는 데 도움이 됩니다. 이 실습에서는 Gemini와 Vertex AI의 기능을 활용하여 Gmail의 감정 분석을 수행하는 Google Workspace 부가기능을 빌드합니다. Vertex AI API 등 필요한 클라우드 리소스를 설정하고, Apps Script 프로젝트를 구성하고, 부가기능을 배포합니다.

이 부가기능을 사용하면 부정적인 어조의 이메일을 자동으로 식별하고 라벨을 지정할 수 있습니다. 이를 사용하여 고객 서비스 응답의 우선순위를 정하거나 잠재적으로 민감한 이메일을 빠르게 식별할 수 있습니다.

실습을 마치면 비즈니스 환경에서 생산성과 커뮤니케이션을 향상하기 위한 AI의 실제 적용 사례를 보여주는 유용한 도구를 갖추게 됩니다.

학습할 내용

이 실습에서 학습할 내용은 다음과 같습니다.

• Gmail의 기능을 확장하는 Google Workspace 부가기능을 빌드합니다.
• Vertex AI를 Google Workspace와 통합하여 Gmail 부가기능 내에서 Gemini와 Vertex AI의 자연어 처리 기능을 사용합니다.
• OAuth2 인증을 구현하여 부가기능이 사용자 데이터에 액세스할 수 있도록 안전하게 승인합니다.
• 감정 분석을 적용하여 프로그래매틱 방식으로 이메일 콘텐츠를 분석하고 감정적 어조를 파악합니다.
• Apps Script를 활용하여 Gmail과 상호작용하고, 사용자 인터페이스를 관리하고, 외부 API에 연결하는 코드를 작성합니다.

설정 및 요건

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

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

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

이 실습을 완료하려면 다음을 준비해야 합니다.

• 표준 인터넷 브라우저 액세스 권한(Chrome 브라우저 권장)

참고: 이 실습을 실행하려면 시크릿 모드(권장) 또는 시크릿 브라우저 창을 사용하세요. 개인 계정과 학습자 계정 간의 충돌로 개인 계정에 추가 요금이 발생하는 일을 방지해 줍니다.

• 실습을 완료하기에 충분한 시간(실습을 시작하고 나면 일시중지할 수 없음)

참고: 이 실습에는 학습자 계정만 사용하세요. 다른 Google Cloud 계정을 사용하는 경우 해당 계정에 비용이 청구될 수 있습니다.

실습을 시작하고 Google Cloud 콘솔에 로그인하는 방법

1. 실습 시작 버튼을 클릭합니다. 실습 비용을 결제해야 하는 경우 결제 수단을 선택할 수 있는 대화상자가 열립니다. 왼쪽에는 다음과 같은 항목이 포함된 실습 세부정보 창이 있습니다.

   • Google Cloud 콘솔 열기 버튼
   • 남은 시간
   • 이 실습에 사용해야 하는 임시 사용자 인증 정보
   • 필요한 경우 실습 진행을 위한 기타 정보

2. Google Cloud 콘솔 열기를 클릭합니다(Chrome 브라우저를 실행 중인 경우 마우스 오른쪽 버튼으로 클릭하고 시크릿 창에서 링크 열기를 선택합니다).

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

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

   참고: 계정 선택 대화상자가 표시되면 다른 계정 사용을 클릭합니다.

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

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

   실습 세부정보 창에서도 사용자 이름을 확인할 수 있습니다.

4. 다음을 클릭합니다.

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

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

   실습 세부정보 창에서도 비밀번호를 확인할 수 있습니다.

6. 다음을 클릭합니다.

   중요: 실습에서 제공하는 사용자 인증 정보를 사용해야 합니다. Google Cloud 계정 사용자 인증 정보를 사용하지 마세요. 참고: 이 실습에 자신의 Google Cloud 계정을 사용하면 추가 요금이 발생할 수 있습니다.

7. 이후에 표시되는 페이지를 클릭하여 넘깁니다.

   • 이용약관에 동의합니다.
   • 임시 계정이므로 복구 옵션이나 2단계 인증을 추가하지 않습니다.
   • 무료 체험판을 신청하지 않습니다.

잠시 후 Google Cloud 콘솔이 이 탭에서 열립니다.

참고: Google Cloud 제품 및 서비스에 액세스하려면 탐색 메뉴를 클릭하거나 검색창에 제품 또는 서비스 이름을 입력합니다.

작업 1. 실습 환경 액세스

Google Cloud 콘솔에 로그인했습니다. 이제 Gmail에 로그인합니다.

1. Gmail 열기를 클릭하여 Gmail 로그인 페이지를 엽니다.

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

2. 사용자 이름()과 비밀번호()를 사용하여 Gmail에 로그인합니다.

참고: 이 사용자 인증 정보는 실습 세부정보 창에도 있으며 Google Cloud 콘솔에 로그인하는 데 사용되었습니다.

3. Gmail에 로그인한 후 시작하기를 클릭하고 정보 창을 모두 닫습니다. 이제 받은편지함이 표시됩니다.

이제 실습 활동을 시작할 수 있습니다.

작업 2. Google Cloud 환경 구성

이 작업에서는 Vertex AI API를 사용 설정한 다음 OAuth 동의 화면을 구성하여 Google Workspace에서 사용자에게 표시할 내용을 정의합니다.

Vertex AI API 사용 설정

1. Google Cloud 콘솔의 탐색 메뉴에서 API 및 서비스 > 라이브러리를 클릭합니다.

2. API 및 서비스 검색 상자에 Vertex AI API를 입력한 다음 검색 결과에서 Vertex AI API를 클릭합니다.

3. 사용 설정을 클릭하여 API를 사용 설정합니다.

API/서비스 세부정보 페이지가 열립니다.

OAuth 동의 화면 구성

1. 왼쪽 창에서 OAuth 동의 화면을 클릭합니다.

2. 시작하기를 클릭합니다.

3. 앱 정보에서 다음을 설정한 다음 다음을 클릭합니다.

• 앱 이름: Gmail Sentiment Analysis with Gemini and Vertex AI
• 사용자 지원 이메일:

4. 대상에서 내부를 선택하고 다음을 클릭합니다.
5. 연락처 정보에서 이메일 주소를 으로 설정하고 다음을 클릭합니다.
6. 완료하려면 Google API 서비스: 사용자 데이터 정책에 동의한 다음 계속을 클릭합니다.
7. 만들기를 클릭합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. OAuth 동의 화면 구성

작업 3. Apps Script 프로젝트 설정

이 작업에서는 부가기능을 Apps Script 프로젝트로 만들고 구성합니다.

Google Cloud 프로젝트 번호 가져오기

Apps Script 프로젝트를 만들 때 사용할 Google Cloud 프로젝트 번호를 가져오려면 다음 안내를 따르세요.

1. 탐색 메뉴()에서 Cloud 개요 > 대시보드를 클릭합니다.

2. 프로젝트 정보 섹션에서 이 실습의 뒷부분에서 사용할 수 있도록 프로젝트 번호를 기록해 둡니다.

Apps Script 프로젝트 만들기

1. 학생용 리소스 창에서 script.google.com/ 링크를 클릭하여 Apps Script 페이지를 엽니다.

2. 새 프로젝트를 클릭하여 Apps Script 프로젝트를 만듭니다.

3. 프로젝트 이름을 지정합니다.

   • 왼쪽 상단에서 '제목 없는 프로젝트'를 클릭합니다.
   • 프로젝트 이름을 Gmail Sentiment Analysis with Gemini and Vertex AI로 지정한 다음 이름 바꾸기를 클릭합니다.

4. 매니페스트 파일이 표시되도록 합니다.

   • 왼쪽 창에서 프로젝트 설정()을 클릭합니다.
   • 편집기에 'appsscript.json' 매니페스트 파일 표시를 선택합니다.

5. Google Cloud Platform 프로젝트를 변경합니다.

   • 더 아래로 스크롤하여 Google Cloud Platform(GCP) 프로젝트 섹션으로 이동하고 프로젝트 변경을 클릭합니다.
   • GCP 프로젝트 번호를 이전에 기록한 프로젝트 번호로 설정합니다.
   • 프로젝트 설정을 클릭합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. Apps Script 프로젝트 만들기

작업 4. 코드 파일 채우기

• 왼쪽 창에서 편집기()를 클릭하여 편집기 창을 엽니다.

아래 안내에 따라 샘플 코드로 프로젝트를 업데이트합니다.

appsscript.json

1. appsscript.json을 열고 파일 콘텐츠를 다음으로 바꿉니다.

{ "timeZone": "America/Toronto", "oauthScopes": [ "https://www.googleapis.com/auth/cloud-platform", "https://www.googleapis.com/auth/gmail.addons.execute", "https://www.googleapis.com/auth/gmail.labels", "https://www.googleapis.com/auth/gmail.modify", "https://www.googleapis.com/auth/script.external_request", "https://www.googleapis.com/auth/userinfo.email" ], "addOns": { "common": { "name": "Sentiment Analysis", "logoUrl": "https://fonts.gstatic.com/s/i/googlematerialicons/sentiment_extremely_dissatisfied/v6/black-24dp/1x/gm_sentiment_extremely_dissatisfied_black_24dp.png" }, "gmail": { "homepageTrigger": { "runFunction": "onHomepageTrigger", "enabled": true } } }, "exceptionLogging": "STACKDRIVER", "runtimeVersion": "V8" }

2. 저장을 클릭하여 프로젝트를 저장합니다.

Code.gs

1. Code.gs를 열고 콘텐츠를 다음으로 바꿉니다.

/* Copyright 2024-2025 Google LLC Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ // Replace with your project ID const PROJECT_ID = '{{{project_0.project_id | Project ID}}}'; // Location for your Vertex AI model const VERTEX_AI_LOCATION = 'us-east4'; // Model ID to use for sentiment analysis const MODEL_ID = 'gemini-2.0-flash'; /** * Triggered when the add-on is opened from the Gmail homepage. * * @param {Object} e - The event object. * @returns {Card} - The homepage card. */ function onHomepageTrigger(e) { return buildHomepageCard(); } /** * Builds the main card displayed on the Gmail homepage. * * @returns {Card} - The homepage card. */ function buildHomepageCard() { // Create a new card builder const cardBuilder = CardService.newCardBuilder(); // Create a card header const cardHeader = CardService.newCardHeader(); cardHeader.setImageUrl('https://fonts.gstatic.com/s/i/googlematerialicons/mail/v6/black-24dp/1x/gm_mail_black_24dp.png'); cardHeader.setImageStyle(CardService.ImageStyle.CIRCLE); cardHeader.setTitle("Analyze your Gmail"); // Add the header to the card cardBuilder.setHeader(cardHeader); // Create a card section const cardSection = CardService.newCardSection(); // Create buttons for generating sample emails and analyzing sentiment const buttonSet = CardService.newButtonSet(); // Create "Generate sample emails" button const generateButton = createFilledButton('Generate sample emails', 'generateSampleEmails', '#34A853'); buttonSet.addButton(generateButton); // Create "Analyze emails" button const analyzeButton = createFilledButton('Analyze emails', 'analyzeSentiment', '#FF0000'); buttonSet.addButton(analyzeButton); // Add the button set to the section cardSection.addWidget(buttonSet); // Add the section to the card cardBuilder.addSection(cardSection); // Build and return the card return cardBuilder.build(); } /** * Creates a filled text button with the specified text, function, and color. * * @param {string} text - The text to display on the button. * @param {string} functionName - The name of the function to call when the button is clicked. * @param {string} color - The background color of the button. * @returns {TextButton} - The created text button. */ function createFilledButton(text, functionName, color) { // Create a new text button const textButton = CardService.newTextButton(); // Set the button text textButton.setText(text); // Set the action to perform when the button is clicked const action = CardService.newAction(); action.setFunctionName(functionName); textButton.setOnClickAction(action); // Set the button style to filled textButton.setTextButtonStyle(CardService.TextButtonStyle.FILLED); // Set the background color textButton.setBackgroundColor(color); return textButton; } /** * Creates a notification response with the specified text. * * @param {string} notificationText - The text to display in the notification. * @returns {ActionResponse} - The created action response. */ function buildNotificationResponse(notificationText) { // Create a new notification const notification = CardService.newNotification(); notification.setText(notificationText); // Create a new action response builder const actionResponseBuilder = CardService.newActionResponseBuilder(); // Set the notification for the action response actionResponseBuilder.setNotification(notification); // Build and return the action response return actionResponseBuilder.build(); } /** * Generates sample emails for testing the sentiment analysis. * * @returns {ActionResponse} - A notification confirming email generation. */ function generateSampleEmails() { // Get the current user's email address const userEmail = Session.getActiveUser().getEmail(); // Define sample emails const sampleEmails = [ { subject: 'Thank you for amazing service!', body: 'Hi, I really enjoyed working with you. Thank you again!', name: 'Customer A' }, { subject: 'Request for information', body: 'Hello, I need more information on your recent product launch. Thank you.', name: 'Customer B' }, { subject: 'Complaint!', body: '', htmlBody: `

Hello, You are late in delivery, again.

Please contact me ASAP before I cancel our subscription.

`, name: 'Customer C' } ]; // Send each sample email for (const email of sampleEmails) { GmailApp.sendEmail(userEmail, email.subject, email.body, { name: email.name, htmlBody: email.htmlBody }); } // Return a notification return buildNotificationResponse("Successfully generated sample emails"); } /** * Analyzes the sentiment of the first 10 threads in the inbox * and labels them accordingly. * * @returns {ActionResponse} - A notification confirming completion. */ function analyzeSentiment() { // Analyze and label emails analyzeAndLabelEmailSentiment(); // Return a notification return buildNotificationResponse("Successfully completed sentiment analysis"); } /** * Analyzes the sentiment of emails and applies appropriate labels. */ function analyzeAndLabelEmailSentiment() { // Define label names const labelNames = ["HAPPY TONE 😊", "NEUTRAL TONE 😐", "UPSET TONE 😡"]; // Get or create labels for each sentiment const positiveLabel = GmailApp.getUserLabelByName(labelNames[0]) || GmailApp.createLabel(labelNames[0]); const neutralLabel = GmailApp.getUserLabelByName(labelNames[1]) || GmailApp.createLabel(labelNames[1]); const negativeLabel = GmailApp.getUserLabelByName(labelNames[2]) || GmailApp.createLabel(labelNames[2]); // Get the first 10 threads in the inbox const threads = GmailApp.getInboxThreads(0, 10); // Iterate through each thread for (const thread of threads) { // Iterate through each message in the thread const messages = thread.getMessages(); for (const message of messages) { // Get the plain text body of the message const emailBody = message.getPlainBody(); // Analyze the sentiment of the email body const sentiment = processSentiment(emailBody); // Apply the appropriate label based on the sentiment if (sentiment === 'positive') { thread.addLabel(positiveLabel); } else if (sentiment === 'neutral') { thread.addLabel(neutralLabel); } else if (sentiment === 'negative') { thread.addLabel(negativeLabel); } } } } /** * Sends the email text to Vertex AI for sentiment analysis. * * @param {string} emailText - The text of the email to analyze. * @returns {string} - The sentiment of the email ('positive', 'negative', or 'neutral'). */ function processSentiment(emailText) { // Construct the API endpoint URL const apiUrl = `https://${VERTEX_AI_LOCATION}-aiplatform.googleapis.com/v1/projects/${PROJECT_ID}/locations/${VERTEX_AI_LOCATION}/publishers/google/models/${MODEL_ID}:generateContent`; // Prepare the request payload const payload = { contents: [ { role: "user", parts: [ { text: `Analyze the sentiment of the following message: ${emailText}` } ] } ], generationConfig: { temperature: 0.9, maxOutputTokens: 1024, responseMimeType: "application/json", // Expected response format for simpler parsing. responseSchema: { type: "object", properties: { response: { type: "string", enum: ["positive", "negative", "neutral"] } } } } }; // Prepare the request options const options = { method: 'POST', headers: { 'Authorization': `Bearer ${ScriptApp.getOAuthToken()}` }, contentType: 'application/json', muteHttpExceptions: true, // Set to true to inspect the error response payload: JSON.stringify(payload) }; // Make the API request const response = UrlFetchApp.fetch(apiUrl, options); // Parse the response. There are two levels of JSON responses to parse. const parsedResponse = JSON.parse(response.getContentText()); const sentimentResponse = JSON.parse(parsedResponse.candidates[0].content.parts[0].text).response; // Return the sentiment return sentimentResponse; }

저장을 클릭하여 프로젝트를 저장합니다.

작업 5. 부가기능 배포

이 작업에서는 부가기능을 배포한 다음 설치를 확인합니다.

부가기능 배포

1. 제목 표시줄에서 배포 > 테스트 배포를 클릭합니다.

2. 애플리케이션에 Gmail이 표시되는지 확인하고 설치를 클릭합니다.

3. 완료를 클릭합니다.

설치 확인

• Gmail 탭을 새로고침합니다. 오른쪽 창에 아이콘 이 표시됩니다.

문제 해결

목록에 부가기능이 표시되지 않으면 브라우저 창을 새로고침합니다.

그래도 표시되지 않으면 Apps Script 프로젝트로 돌아가 테스트 배포 창에서 부가기능을 제거한 다음 재설치합니다.

작업 6. 부가기능 실행

이제 부가기능을 실행할 준비가 되었습니다. 이 작업에서는 부가기능을 열고 승인한 다음 이메일을 생성하여 분석이 작동하는지 확인합니다.

1. Gmail의 오른쪽 창에서 감정 분석()을 클릭합니다.

2. 측면 패널이 열리면 액세스 승인을 클릭하여 부가기능에 실행 권한을 부여합니다.

동의 화면이 열립니다. 이메일()을 선택하고 화면을 클릭하여 액세스를 허용합니다.

동의를 부여하면 오른쪽에서 감정 분석 창이 열립니다.

3. 감정 분석 창에서 샘플 이메일 생성을 클릭합니다.

이제 부가기능이 분석을 테스트하기 위한 샘플 이메일을 생성합니다. 생성이 완료되면 메시지가 표시됩니다. 생성에는 몇 초밖에 걸리지 않습니다.

4. 샘플 이메일이 받은편지함에 표시될 때까지 기다립니다. 새 이메일을 확인하려면 받은편지함을 새로고침해야 할 수 있습니다.

5. 샘플 이메일이 받은편지함에 도착하면 감정 분석 창에서 이메일 분석을 클릭합니다.

분석이 완료되었다는 메시지가 부가기능 화면 하단에 표시됩니다.

참고: 이메일 분석에 다소 시간이 걸릴 수 있습니다. 페이지를 새로고침하여 적용된 라벨의 상태를 확인할 수 있습니다.

이 부가기능은 이메일을 분석하여 받은편지함의 메시지에 적절한 라벨("HAPPY TONE 😊", "UPSET TONE 😡" 또는 "NEUTRAL TONE 😐")을 적용합니다.

적용된 라벨을 확인하려면 Gmail을 새로고침해야 할 수 있습니다.

7. 실험 계속하기 실습 Gmail에서 다른 실습 Gmail 계정으로 다양한 감정(긍정, 부정, 중립)이 담긴 이메일을 보내 부가기능을 테스트할 수 있습니다. 외부 이메일은 허용되지 않습니다. 부가기능이 각 이메일을 분석하고 라벨을 지정하는 방식을 관찰합니다.

참고: 코드는 받은편지함에서 최근 10개의 이메일만 가져오지만 이 값은 변경할 수 있습니다.

8. 부가기능 닫기: 부가기능 사용을 마쳤다면 측면 패널의 오른쪽 상단에 있는 X를 클릭하여 부가기능을 닫을 수 있습니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 감정 분석 적용

수고하셨습니다

Gemini 및 Vertex AI를 사용한 Gmail 감정 분석 실습을 성공적으로 완료했습니다.

이 실습에서는 다음을 수행하는 방법을 배웠습니다.

• Google Workspace 부가기능 빌드: Gmail의 기능을 확장하는 실용적인 도구를 개발합니다.
• Vertex AI와 Google Workspace 통합: Gmail 부가기능 내에서 Gemini와 Vertex AI의 자연어 처리 기능을 사용합니다.
• OAuth2 인증 구현: 부가기능이 사용자 데이터에 액세스할 수 있도록 안전하게 승인합니다.
• 감정 분석 적용: 프로그래매틱 방식으로 이메일 콘텐츠를 분석하여 감정적 어조를 파악합니다.
• Apps Script 활용: Gmail과 상호작용하고, 사용자 인터페이스를 관리하며, 외부 API에 연결하는 코드를 작성합니다.

이제 이메일의 우선순위를 정하고 워크플로를 개선하는 데 도움이 되는 실용적인 Gmail 부가기능을 갖췄습니다. 감정 분석을 맞춤설정하거나 새로운 기능을 추가하는 등 부가기능을 더 실험해 보세요.

Google Cloud 교육 및 자격증

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

설명서 최종 업데이트: 2025년 3월 25일

실습 최종 테스트: 2025년 2월 25일

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