brunch

라이킷 5 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 윤종윤 Jan 31. 2023

스프레드시트와 구글슬라이드 연동

스프레드시트 데이터를 구글 슬라이드 페이지마다 등록하기

회사 업무 중 400명 정도의 학생의 수료증을 제작해야 하는 과업이 생겼다.

400개의 학생 정보를 일일이 수료증 템플릿에 입력해야 하는 귀찮은 작업이라, 쉽게 처리할 방법은 없을까 고민하다다 찾은 스프레드시트의 apps script 기능을 발견하고 업무를 끝냈다.

하마터면 하루 종일 단순 반복 작업을 하고 있을 뻔했다.

구글 스프레드 시트 데이터 등록해 두기

구글슬라이드에 입력될 데이터는 구글스프레드시트에 입력해 두어야 합니다.

구글슬라이드와 연동된 후 각 데이터에 대한 슬라이드페이지 url 가 스프레드시트에 자동 등록 됩니다.

url 등록을 원하는 열에 "URL"을 입력해 놓으면 편리합니다.

또한 구글 슬라이드에 연동할 데이터의 열이름은 영어로 작성해 주는 것이 좋습니다.

구글 슬라이드 템플릿 만들어 두기

구글스프레드시트에 있는 값을 등록할 구글 슬라이드를 만들어 둡니다.

구글 공식 문서에서 알려준 방식을 그대로 사용하기 위해서는 아래 순서를 정확하게 지켜야 합니다.

1. 기본 표지 화면을 만들어 둔다.

표지 화면에 특정 값을 넣을 필요는 없습니다. 첫 표지가 없으면 자동 연동이 되지 않았습니다.

저는 수료증을 만들어야 했기 때문에 수료증 양식을 첫 표지에 입력해 두었습니다.

2. 구글스프레드시트와 연동할 조건 값을 넣는다.

구글 슬라이드 두 번째 페이지부터 조건값을 넣어줍니다.

저는 수강생의 이름, 닉네임, 연락처 정보가 필요하였기 때문에 3개의 항목에 대해 아래와 같이 조건설정을 하였습니다. 각 조건 명칭은 스프레드시트의 열 이름과 동일하게 설정해 주어야 합니다.

- 이름 : {{Name}}

- 닉네임 : {{Nickname}}

- 연락처 : {{phone}}

스프레드시트 데이터 슬라이드 자동 입력 스크립트 세팅

개발자가 아니어도 상관없습니다. 구글 공식문서에서 제공한 스크립트를 복사해서 붙여 넣고 몇 가지 값만 변경해 두면 자동으로 슬라이드 생성이 완료됩니다.

스프레드시트 가이드 Step 3에 스크립트 복사하기

1. 아래 스크립트를 복사합니다.

// Replace <INSERT_SLIDE_DECK_ID> wih the ID of your
// Google Slides presentation.
let masterDeckID = "<INSERT_SLIDE_DECK_ID>";

// Open the presentation and get the slides in it.
let deck = SlidesApp.openById(masterDeckID);
let slides = deck.getSlides();

// The 2nd slide is the template that will be duplicated
// once per row in the spreadsheet.
let masterSlide = slides[1];

// Load data from the spreadsheet.
let dataRange = SpreadsheetApp.getActive().getDataRange();
let sheetContents = dataRange.getValues();

// Save the header in a variable called header
let header = sheetContents.shift();

// Create an array to save the data to be written back to the sheet.
// We'll use this array to save links to the slides that are created.
let updatedContents = [];

// Reverse the order of rows because new slides will
// be inserted at the top. Without this, the order of slides
// will be the inverse of the ordering of rows in the sheet.
sheetContents.reverse();

// For every row, create a new slide by duplicating the master slide
// and replace the template variables with data from that row.
sheetContents.forEach(function (row) {

    // Insert a new slide by duplicating the master slide.
    let slide = masterSlide.duplicate();

    // Populate data in the slide that was created
    slide.replaceAllText("{{firstName}}", row[0]);
    slide.replaceAllText("{{lastName}}", row[1]);
    slide.replaceAllText("{{grade}}", row[2]);

    // Create the URL for the slide using the deck's ID and the ID
    // of the slide.
    let slideUrl = `https://docs.google.com/presentation/d/${deck.getId()}/edit#slide=id.${slide.getObjectId()}`;

    // Add this URL to the 4th column of the row and add this row
    // to the data to be written back to the sheet.
    row[3] = slideUrl;
    updatedContents.push(row);
  });

  // Add the header back (remember it was removed using
  // sheetContents.shift())
  updatedContents.push(header);

  // Reverse the array to preserve the original ordering of
  // rows in the sheet.
  updatedContents.reverse();

  // Write the updated data back to the Google Sheets spreadsheet.
  dataRange.setValues(updatedContents);

  // Remove the master slide if you no longer need it.
  masterSlide.remove();