기본 콘텐츠로 건너뛰기

구글 스프레드시트로 캘린더 이벤트 등록하기

연초가 되어서 내년 계획를 잡던중 회원들의 생년월일을 구글 캘린더에 등록해야 할 일이 생겼습니다. 약 50명의 회원인데.. 일일이 구글 캘린더에 등록을 하려니 "내가 지금 뭘 하고 있는건가??" 라는 자괴감이 들어서 어떻게 편하게 등록할 방법이 없나 찾던중 구글의 쉬트에 작성한 내용을 한번에 구글 캘린더에 등록할 수 있는 방법을 찾아 냈습니다. 저는 약 2일에 걸쳐 프로그램을 해서 현재 그나마 정상적인 매크로 코딩을 완료하게 되었습니다. 저와 같은 필요를 느낀신 분들은 금방 사용할 수 있게 코드와 설명을 붙혀보도록 하겠습니다.

구글 캘린더 문서 준비

먼저 구글 시트의 생일이 등록되어 질 캘린더를 생성합니다.

https://calendar.google.com

  1. 본인의 캘린더 중 등록을 원하는 캘린더 중 좌측의 ... 부분을 클릭합니다.
  2. 메뉴 중 설정 및 공유 메뉴를 선택합니다.


설정화면 중 캘린더 통합 > 캘린더 ID를 복사하여 준비합니다. 이제 이 캘린더에 생일 일정 이벤트가 등록될 예정입니다.

구글시트 문서 준비

이제 구글 시트 문서를 준비합니다. 문서는 성명, 생년월일, 내용, 캘린더 등록 항목이 나오면 됩니다.

https://drive.google.com

이제 구글 시트의 메뉴항목에서 Apps Script를 작성해야 합니다.


메뉴중 확장 프로그램을 선택합니다. Apps Script메뉴를 클릭합니다.


그러면 이렇게 광활한 코딩칸이 나오게 됩니다. ^^

Apps Script 작성하기

Apps Script는 거의 javascript와 동일한 방식으로 구글의 앱들을 API형태로 코딩을 하여 컨트롤을 할 수 있게 해줍니다. 옛날 앱이나 프로그램에 비한다면 엄청난 자유도가 주어지게 됩니다.

우상단에 ? 버튼을 누르면 관련 문서를 볼 수 있습니다.
https://developers.google.com/apps-script/

이곳에 아래의 코드를 입력합니다.

먼저 전체 코드입니다.

function goBirthCreate() {
    /***************************************************************
     * SheetTabName : 스프래드시트의 하단에 있는 Sheet tab의 이름
     * Header ~~ : 스프래드시트의 Header명을 입력하면 해당 셀을 구글 캘린더에 등록함
     * startRow : 처음 데이터가 시작하는 표의 시작점(row)
     * startColumn : 처음 데이터가 시작하는 표의 시작점(column)
     * calendarId : 등록하려는 캘린더에서 찾아서 작성함
     * kindWord : 캘린더에 등록할 때 제목부분에 공통으로 들어갈 머릿말
     * magicWord : 캘린더에 등록할때 내용부분에 공통으로 들어가는 구분 단어임(캘린더이벤트 삭제할 때 필요하기 때문에 꼭 필요함)
     * registYear : 캘린더에 등록할 연도
     * alarm :  캘린더에 같이 등록할 알람(리마인더) 분 (분단위 숫자)
     * startRow : 처음 데이터가 시작하는 시작점(row)
     ***************************************************************/
    const SheetTabName = "회원";
    // const HeaderKind = "주최";
    const HeaderTitle = "성명";
    const HeaderStartTime = "생년월일";
    // const HeaderEndTime = "종료일";
    const HeaderDescription = "휴대폰번호";
    const HeaderEtc = "비고";
    const HeaderIsYes = "캘린더등록";
    const startRow = 4;
    const startColumn = 1;
    const calendarId = "[email protected]";
    const kindWord = "[3남생일]";
    const magicWord = "[구글시트_생일]";
    const registYear = "2022";
    const alarm1 = "10080"; // 첫번째 알람
    const alarm2 = "500"; // 두번째 알람
    /***************************************************************/
    // var spreadsheet = SpreadsheetApp.getActiveSheet();
    const spreadsheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName(SheetTabName);
    const eventCal = CalendarApp.getCalendarById(calendarId);
    const endRow = spreadsheet.getLastRow();
    const endColumn = spreadsheet.getLastColumn();
    const count = spreadsheet.getRange(startRow, startColumn, endRow, endColumn).getValues(); // getRange(row, column, numRows, numColumns)
    ///////////////////////////////////////////////////////////
    // const colHeaderKind = spreadsheet.createTextFinder(HeaderKind).findNext().getColumnIndex() -1;
    const colHeaderTitle = spreadsheet.createTextFinder(HeaderTitle).findNext().getColumnIndex() - 1;
    const colHeaderStartTime = spreadsheet.createTextFinder(HeaderStartTime).findNext().getColumnIndex() - 1;
    // const colHeaderEndTime = spreadsheet.createTextFinder(HeaderEndTime).findNext().getColumnIndex() -1;
    const colHeaderEndTime = colHeaderStartTime;
    const colHeaderDescription = spreadsheet.createTextFinder(HeaderDescription).findNext().getColumnIndex() - 1;
    const colHeaderEtc = spreadsheet.createTextFinder(HeaderEtc).findNext().getColumnIndex() - 1;
    const colHeaderIsYes = spreadsheet.createTextFinder(HeaderIsYes).findNext().getColumnIndex() - 1;
    //////////////////////////////////////////////////////////////////

    for (x = 0; x < count.length; x++) {
        /********************************************* */
        if (x === 15) Utilities.sleep(2 * 1000); // 한꺼번에 많은 캘린더를 등록하면 오류가 발생함
        /********************************************* */
        const shift = count[x];
        const isYes = shift[colHeaderIsYes];
        // const kind = shift[colHeaderKind];
        const title = shift[colHeaderTitle];
        const description = shift[colHeaderDescription] ? shift[colHeaderDescription] : "";
        const etc = shift[colHeaderEtc] ? "\n" + shift[colHeaderEtc] : "";
        const titleSum = kindWord + " " + title;
        const descriptionSum = magicWord + " " + description + etc;

        /***********************************************************************************************
         * startTime은 캘린더에 등록할 년도는 금년 또는 내년이기 때문에 생일에서 년도는 빼고 지정한 년도로 교체해서 등록처리함
         ***********************************************************************************************/
        // EST시간을 KOR시간으로 치환 시작
        const KR_TIME_DIFF = 9 * 60 * 60 * 1000;
        const startCurr = new Date(shift[colHeaderStartTime]);
        const startUtc = startCurr.getTime() + startCurr.getTimezoneOffset() * 60 * 1000;
        const startT = new Date(startUtc + KR_TIME_DIFF);
        // EST시간을 KOR시간으로 치환  끝
        const startTimeMonth = startT.getMonth();
        const startTimeDay = startT.getDate();
        const startCalendarTime = new Date(registYear, startTimeMonth, startTimeDay);
        //  var startTime = startT.setDate(startT.getDate() + 1);
        //  var startTimeNew = new Date(startTime);
        /***********************************************************************************************
         * endTime은 캘린더에 등록할 때 startTime과 동일함
         ***********************************************************************************************/
        // EST시간을 KOR시간으로 치환 시작
        const endCurr = new Date(shift[colHeaderEndTime]);
        const endUtc = endCurr.getTime() + endCurr.getTimezoneOffset() * 60 * 1000;
        const endT = new Date(endUtc + KR_TIME_DIFF);
        // EST시간을 KOR시간으로 치환  끝
        const endTimeMonth = endT.getMonth();
        const endTimeDay = endT.getDate();
        const endCalendarTime = new Date(registYear, endTimeMonth, endTimeDay);
        // var endTime = endT.setDate(endT.getDate() + 1);
        // var endTimeNew = new Date(endTime);
        /***********************************************************************************************/

        if (isYes === "Y") {
            const events = eventCal.getEventsForDay(startCalendarTime, { search: magicWord });
            for (y = 0; y < events.length; y++) {
                events[y].deleteEvent();
            }
            spreadsheet.getRange(Number(startRow + x), endColumn).setValue("N");
        } else if (isYes === "N") {
            const event = {
                description: descriptionSum,
                guests: "",
            };
            if (titleSum !== null && titleSum !== "") {
                //eventCal.createEvent(titleSum, startCalendarTime, endCalendarTime, event);
                //eventCal.createEvent(titleSum, startCalendarTime, endCalendarTime);
                eventCal.createAllDayEvent(titleSum, startCalendarTime, event).addPopupReminder(alarm1).addPopupReminder(alarm2);

                spreadsheet.getRange(Number(startRow + x), endColumn).setValue("Y");
            }
        }
    }
}

function onOpenBirth() {
    const ui = SpreadsheetApp.getUi();
    ui.createMenu("캘린더동기화").addItem("행사계획 업데이트", "goEventPlanCreate").addItem("회원생일 업데이트", "goBirthCreate").addToUi();
}

코드 설명

코드의 상단 부분을 본인에게 맞게 설정합니다.

const SheetTabName = "회원";
const HeaderTitle = "성명";
const HeaderStartTime = "생년월일";
const HeaderDescription = "휴대폰번호";
const HeaderEtc = "비고";
const HeaderIsYes = "캘린더등록";
const startRow = 4;
const startColumn = 1;
  • SheetTabName : 구글 시트중 하단에 있는 탭메뉴의 이름을 작성합니다. 그러면 그 시트를 참조하게 됩니다.
  • HeaderTitle : 표의 헤더 이름을 작성하면 해당 위치를 참조해서 이벤트 제목으로 활용하게 됩니다.
  • HeaderStartTime : 표의 헤더 이름을 작성하면 해당 위치를 참조해서 이벤트 날짜로 활용하게 됩니다.
  • HeaderDescription : 표의 헤더 이름을 작성하면 해당 위치를 참조해서 이벤트의 내용으로 활용하게 됩니다.
  • HeaderEtc : 기타 내용을 등록합니다.
  • HeaderIsYes : 이 Row가 캘린더에 등록이 되었는지 되어 있지 않은지 표시해 줍니다. 또한 [Y/N] 정보를 참조해서 캘린더의 이벤트를 제거하거나 추가를 해 줍니다.
  • startRow : 표에서 실제 데이터가 나오는 row 번호를 입력합니다.
  • startColumn : 표에서 실제 데이터가 나오는 column 번호를 입력합니다.
const calendarId = "sunreke03904rdkdkdkdkdkddkdkdkddar.google.com";
const kindWord = "[3남생일]";
const magicWord = "[구글시트_생일]";
const registYear = "2022";
const alarm1 = "10080"; // 첫번째 알람
const alarm2 = "500"; // 두번째 알람
  • calendarId : 아까 확인했던 캘린더의 고유 ID를 여기에 작성합니다.
  • kindWord : 키워드는 캘린더 이벤트의 Title 앞에 항상 붙혀주어서 표시를 해줍니다.
  • magicWord : 매직워드는 갤린더 이벤트의 Description 앞쪽에 항상 붙혀 줍니다. 이 매직워드를 통해 나중에 일괄삭제 시에도 사용되기 때문에 꼭 구분된 키워드를 작성해 주는 것이 좋습니다.
  • registYear : 캘린더에 등록하고자 하는 년도를 작성합니다. (생일의 년도를 사용하게 된다면 아주 먼 날짜에 이벤트가 등록되기 때문에...)
  • alarm1 : 첫번째 알람시간을 입력합니다. 분단위 입니다.
  • alarm2 : 두번째 알람시간입니다. 분단위 입니다.

이코드에 작성된 기능은 goBirthCreate()onOpenBirth() 2개 입니다.

첫번째 goBirthCreate()는 캘린더 이벤트를 등록하는 코드이고, onOpenBirth()는 구글시트 메뉴에 새로운 메뉴를 나오게 하는 코드입니다.

function onOpenBirth() {
    const ui = SpreadsheetApp.getUi();
    ui.createMenu("캘린더동기화").addItem("회원생일 업데이트", "goBirthCreate").addToUi();
}

onOpenBirth()를 실행시키면 위와 같이 캘린더동기화 > 회원생일 업데이트 메뉴가 나타나게 됩니다.

트리거 등록하기

이제 마지막으로 이 코드를 실행하는 방법을 설정해야 하는데, 그것은 같은 Apps Script 기능중 트리거기능을 활용하면 됩니다.

  1. 좌측메뉴 중 트리거를 선택합니다.
  2. 트리거 추가 메뉴를 클릭합니다.


트리거는 몇가지 옵션이 있는데.. 위의 그림처럼 설정하면 해당 구글시트가 열릴 경우 onOpenBirth() 함수가 실행되서 상단 메뉴영역에 버튼이 나오게 됩니다. 그리고 그 메뉴를 누르면 캘린더에 등록하는 함수를 실행할 수 있습니다.

댓글

  1. https://ux.stories.pe.kr/277
    여기서 그대로 내용을 도둑질했네요
    혹시 동일인이실까요?

    답글삭제

댓글 쓰기

이 블로그의 인기 게시물

CSS에서 ellipsis('...')를 처리하는 방법

이번에 ellipsis에 대해 정리해 보도록 하겠습니다. 보통 게시판 리스트의 제목부분이 길어질 경우 php나 jsp등의 프로그램단에서 일정 글자수 이상이 되는 것에 대해 '...'으로 마무리 하는 경우가 많은데요.. 이것을 프로그램이 아닌 CSS만 가지고도 처리할 수 가 있습니다. 한줄라인 글자수 제한 한줄 라인 글자수 를 제한하는 방법은 아래와 같습니다. <div class="txt_line">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다</div> .txt_line { width:70px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } Block레벨 테그에서만 적용됨. overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함 text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함 white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능) 멀티라인 글자수 제한 멀티라인에 대해서 글자수를 제한하는 방법은 아래와 같습니다. <p class="txt_post">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다.&nbsp; 비도 추적추적 내리고 일정상 늦으막해서 그런지 사람이 많지는 않았다. 덕분에 보통때는 한참을 기다려야 겨우 날개달린 사진을 찍을 수 있었을 텐데, 이번에는 바로 천사날개를 달고 사진을 찍을 수 있는 행운까지 얻었다. 이번이 동피랑 벽화마을 방문 3번째인데 예전에 왔을때에 비해서 벽화가 많이 바뀌어 있었다</p> .txt_post { overflow: hidden; text-ove...

Google 스프레드시트로 구글캘린더에 일정 연동하는 방법

저는 구글 제품을 많이 사용하는 편입니다. 제 주력 캘린더도 Google 캘린더 고요. 이번에 모임의 임원을 맡게 되면서 회원들의 생일을 캘린더에 등록해야 할 일이 생겼어요. 그냥 하나하나 등록을 하는 도중 "내가 지금 뭐하고 있나.." 라는 자괴감이 들기 시작했어요. 구글 시트에 있는 날짜 정보(생일)을 한 번에 쉽게 일괄 등록할 수는 없을까라는 생각이 뇌리를 스쳤습니다. 그래서 찾아봤더니.. 약간의 매크로 프로그램을 작성하면 가능할 것 같더라고요. 그래서 열심히 개발을 해봤습니다. 1시간이면 등록할 것을 8시간 걸려서 프로그램을 짜 봤어요. 결과적으로는 더 비효율적이었네요. ㅠㅠ 그러나... 나에게는 비효율 적이었지만 이코드를 공개하면 다른 사람에게는 큰 도움이 될 수 있겠구나 생각을 하고 코드를 공개해 보려고 합니다. 준비물 준비물은 Google 스프레드시트, Google 캘린더만 있으면 돼요. 당연히 무료고요. Google 캘린더 먼저 Google 캘린더를 만들거나 사용하고 있는 캘린더를 준비합니다. 적용하기 원하는 캘린더의 우측의 ... 를 클릭하고 설정 및 공유 를 선택합니다. 캘린더 ID를 잘 기억해 놓습니다. 나중에 이 ID를 활용할 예정입니다. Google 스프레드시트 회원생일 스프래드시트 공유 Google 스프레드시트로 명단과 생일을 작성합니다. ▲ 위와 같이 작성을 하면 되고 중요한 사항은.. 생년월일 이 구글 시트의 날짜 형식에 맞아야 합니다. 그리고 갤린더등록 , 캘린더상태 의 항목은 필수로 있어야 합니다. 캘린더등록 : 캘린더에 등록할지 제거할지를 표시 (ADD / DEL) 캘린더상태 : 현재 캘린더에 해당 항목이 적용되었는지 확인 (Y / ' ') 매크로 프로그램 작성하기 기본적인 준비는 끝났습니다. 이제부터 Apps Script를 제작하고 트리거를 등록하면 됩니다. Apps Script 작성하기 Apps Script 는 구글 제품에 대...

Google캘린더(달력)에 대한민국 휴일 표시하기

구글 캘린더에 대한민국 휴일을 표시하는 설정에 대해서 소개합니다. 네이버 달력이라면 그냥 기본으로 나오겠지만 구글캘린더의 경우는 별도의 설정을 해 주어야 합니다. 휴일의 표시는 각 나라의 휴일을 구글에서 미리 작성해 놓은 것을 내 캘린더에 불러와 적용하는 방식으로 되어 있습니다. 대한민국 공유일 표시하기 먼저 설정화면으로 이동합니다. 캘린더 화면의 우측상단의 설정 아이콘을 클릭합니다. 메뉴 중 설정 을 클릭합니다. 설정화면 중 좌측 메뉴에서 캘린더 추가 메뉴를 선택합니다. 관심분야와 관련된 캘린더를 선택합니다. 지역 공휴일의 모두 둘러보기 를 선택하면 각나라의 휴일을 선택할 수 있습니다. 우리는 대한민국의 휴일 을 선택합니다. 캘린더에서 공휴일 보기 대한민국 휴일에 대한 설정을 했다면 이제 보기 좋게 표시하면 됩니다. 설정을 정상적으로 했다면 좌측메뉴에 대한민국의 휴일 이라는 캘린더가 보입니다. 캘린더명의 우측끝에 더보기 아이콘 을 선택합니다. 색상을 빨간색으로 선택합니다. (보통 공휴일은 빨간색이므로.. ㅎ) 그러면 캘린더에 휴일의 명칭이 빨간색 으로 표시되게 됩니다. 감사합니다.