📝 회고 리포트 준비 1단계 활동로깅 시스템 실습 따라하기

🗒️ 소개

이번 사례는 Hero 스터디장님의 안내에 따라 회고 리포트 자동 작성 시스템을 만들기 위한 준비 1단계로 진행한 시간별 활동 로깅 시스템 실습 경험을 바탕으로 작성한 글입니다.
이 실습을 통해 앞으로 만들 전체 시스템의 흐름을 직접 체험해보며, 자동화의 구조가 어떻게 연결되어 있는지 명확하게 이해할 수 있었습니다. 🙌

🔧 사용 도구

• Activepieces: 전체 자동화 워크플로우 설계

• Discord: 시간 알림 및 결과 메시지 수신

• Google Forms: 활동 입력용 폼 작성

• Google Sheets: 응답 데이터 저장

• Google Calendar: 활동을 일정으로 자동 기록

⚙️ 구현 과정

1. 워크플로우 1 — 매시간 정각에 Discord로 폼 링크 자동 전송

• Cron 표현식을 사용하여 **0 6-23 * * *** (정각 6시~23시 매일 매월 매요일) 형태로 스케줄 실행 (본인이 활동로그를 기록할 시간 설정)

• 매 정각마다 Google Form 링크가 자동으로 DM으로 도착

• 학습 목표: 시간 기반 자동화의 핵심인 Cron 구조 이해

2. Code 블록에서 날짜와 시간 자동 생성 → Google Form URL 구성

이 단계는 실습 중 가장 중요한 포인트였습니다.
Google Form은 entry ID를 이용해 사전 입력(prefilled)된 값을 전달할 수 있는데, 이를 위해 날짜(Date)와 시간(Time)을 자동 생성하여 URL에 포함시키는 방식입니다.

새롭게 열린 사전 입력 Form에 날짜와 시간을 입력한 후 링크 복사하여 entry ID 얻기

ALT

텍스트 파일의 문자 수를 보여주는 다이어그램

아래 코드를 사용해 날짜·시간을 생성하고, Google Form으로 전달할 URL을 만들었습니다.

export const code = async (inputs) => {
 // 한국 시간 (UTC+9) 기준으로 현재 시간 가져오기
 const now = new Date();
 const koreaTime = new Date(now.toLocaleString("en-US", { timeZone: "Asia/Seoul" }));
 // 날짜 포맷: YYYY-MM-DD
 const year = koreaTime.getFullYear();
 const month = String(koreaTime.getMonth() + 1).padStart(2, '0');
 const day = String(koreaTime.getDate()).padStart(2, '0');
 const dateStr = `${year}-${month}-${day}`;
 // 시간을 1시간 단위로 반올림
 let hours = koreaTime.getHours();
 const minutes = koreaTime.getMinutes();
 // 30분 이상이면 다음 시간으로 반올림
 if (minutes >= 30) {
 hours = (hours + 1) % 24;
 }
 const roundedHours = String(hours).padStart(2, '0');
 const timeStr = `${roundedHours}:00`;
 // Google Form URL 생성
 const baseUrl = "https://docs.google.com/forms/d/e/추출한 Form ID/viewform";
 const params = new URLSearchParams({
 'usp': 'pp_url', // Prefilled URL 모드 표시
 'entry.추출한 날짜 entry': dateStr, // 날짜 필드
 'entry.추출한 시간 entry': timeStr // 시간 필드
 });
 const prefilledUrl = `${baseUrl}?${params.toString()}`;
 return {
 url: prefilledUrl,
 date: dateStr,
 time: timeStr
 };
};

✨ 1) 한국 시간 기준(Date & Time) 생성

JavaScript의 Date()는 기본적으로 UTC 기준이기 때문에
toLocaleString("en-US", { timeZone: "Asia/Seoul" })을 사용해 한국 시간(KST) 기준으로 변환했습니다.

✨ 2) 날짜 포맷 구성: YYYY-MM-DD

월·일이 10보다 작을 경우 "01"처럼 두 자리로 맞추기 위해 padStart(2, "0") 사용.

✨ 3) 시간 반올림 로직

• 현재 시간이 14:45라면 → 15:00

• 현재 시간이 14:10이라면 → 14:00
  “30분 기준 반올림”을 구현한 부분입니다.

이 방식 덕분에 사용자가 자동 입력 페이지를 열었을 때
‘가장 가까운 정각 시간’이 자동 입력되도록 만들 수 있었습니다.

✨ 4) Google Form entry ID에 값 포함

const params = new URLSearchParams({
  'entry.추출 날짜 entry': dateStr,
  'entry.추출 시간 entry': timeStr
});

Google Form에서 입력 항목마다 부여된 고유 ID(entry.XXXX)를
URL에 붙여 주면 사전 입력(pre-filled)이 가능해집니다.

3. Google Form URL 링크 디스코드로 메시지 보내기

• Discord 에 온 데일리 로그 기록 Form 링크 메시지

ALT

한국어 텍스트가 포함된 웹사이트 스크린샷

🪄 워크플로우 2 — 폼 응답 처리 & AI 분류

• Code 에서 Inputs 입력할 때 먼저 New Response를 테스트 한 후 Output 값을 참고하여 넣는다. 이 때 Code Data Selector 에서 answers 를 끝까지 열어서 확인

  

• 사용자가 Google Form에 기록한 내용이 제출되면 Activepieces가 이를 받아

  • AI로 카테고리 분류
    

    

    ALT

    기능 분류를 위한 텍스트 스크린샷

  • Format Date 와 Add/Subtract Time 로 구글 캘린더에 시간대 별로 들어갈 수 있도록 시간의 포맷과 활동 시간을 1시간 대로 설정

  • Google Calendar 일정 생성
    

    

  • Google Sheet에 저장
    

    

    ALT

    한국어 텍스트가 있는 Google 스프레드시트

  • Discord로 완료 메시지 전송

    

까지 자동 처리되도록 구성했습니다.

마지막 단계에서 Calendar 일정 링크를 Discord에 넣어야 한다는 점을 몰라서 헤맸지만, 스터디장님의 설명으로 정확히 이해하고 해결했습니다.

📚 도움 받은 자료

👉 Hero 스터디장님의 시간별 활동 로깅 실습 가이드 PDF

💬 마무리 메시지 🧩

처음에는 Format Date, Add/Subtract Time, entry ID, Cron 등
각 설정이 낯설어서 복잡하다고 느껴졌지만
하나씩 따라가면서 구조를 이해하니 전부 자연스럽게 연결된다는 걸 알 수 있었습니다.

앞으로도 어려운 부분이 있으면 혼자 끙끙대기보다는
스터디 카톡방에서 공유하며 함께 해결해보고 싶습니다 😊

자동화는 혼자 할 때보다 같이 할 때 훨씬 빠르고 재미있다는 걸 깨닫게 된 실습이었습니다!