← 포트폴리오 목록

협업 자동화 통합 허브

MVP의 이벤트 감지·알림·이메일 자동화를 넘어, 주간 자동 리포트·수신 이메일 노션 자동 기록·3단계 권한 분리 시스템 설정까지 통합한 확장형 자동화 허브를 설계합니다.

자동화 파이프라인 통합 개요 허브 설계이질적인 채널 데이터를 비대칭 그리드 타일로 재구성해 전체 자동화 현황을 한 화면에서 조망하는 구조를 구현합니다.
주간 리포트 히스토리 아키텍처 구축배치 집계와 스냅샷 저장을 분리 설계해 주차별 리포트를 언제든 재조회할 수 있는 구조를 구현합니다.
OAuth 기반 수신 메일 동기화 설계Gmail API OAuth 인증과 토큰 자동 갱신을 결합해 수신 메일을 노션 페이지에 자동 기록하는 구조를 구현합니다.
서비스 타입Web
업종데이터 분석
기술 스택
React 18TypeScriptNode.js/ExpressPostgreSQLPrismaRedisBullMQGmail APIRecharts
주요 기능
  • 자동화 운영 현황 개요 허브
  • 주간 자동 리포트 대시보드
  • 수신 이메일 파싱 → 노션 자동 기록
  • 3단계 권한 분리 시스템 설정
Overview

프로젝트 개요

범위: 개발, 디자인, 기획
MVP의 이벤트 감지·알림·이메일 자동화를 넘어, 주간 자동 리포트·수신 이메일 노션 자동 기록·3단계 권한 분리 시스템 설정까지 통합한 확장형 자동화 허브를 설계합니다. 비대칭 그리드 홈 화면에서 전체 자동화 파이프라인의 상태를 한눈에 조망할 수 있는 구조를 구현할 예정입니다.
협업 자동화 통합 허브
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

채널마다 데이터 갱신 주기가 달라(실시간 vs 주간 배치) 하나의 홈 화면에서 신선도가 다른 데이터를 일관되게 표시하는 구조 설계

Gmail API OAuth 토큰 만료·재발급 주기를 관리하며 수신 파싱이 끊기지 않

하는 갱신 전략 설계 필요

역할별 권한 경계가 늘어날수록 라우트·API·UI 3계층의 권한 정의가 불일치하지 않

단일 소스로 관리하는 구조 설계 필요

주간 리포트 히스토리가 누적될수록 조회 성능이 저하되지 않

스냅샷 저장 전략과 인덱싱 설계 필요

구현 내용

핵심 기능 상세

핵심 기능 1

자동화 운영 현황 개요 허브

노션 이벤트 감지, 슬랙 발송, 이메일 자동화, 주간 리포트까지 전체 자동화 파이프라인의 상태를 비대칭 그리드 홈 화면 한 곳에서 조망할 수 있는 구조를 구현합니다
자동화 운영 현황 개요 허브
핵심 기능 2

주간 자동 리포트 대시보드

매주 월요일 오전 9시 자동 발송되는 슬랙 리포트의 원본 데이터를 대시보드에서 재구성해, 진행 중 협업·마감 임박 항목·미응답 건을 시각화합니다
주간 자동 리포트 대시보드
핵심 기능 3

수신 이메일 파싱 → 노션 자동 기록

협력 작가로부터 온 회신 이메일을 OAuth로 연동된 수신함에서 파싱해 발신자·제목·본문 요약을 해당 작가의 노션 페이지에 자동 기록합니다
수신 이메일 파싱 → 노션 자동 기록
핵심 기능 4

3단계 권한 분리 시스템 설정

팀원·담당자·시스템 관리자 3단계 권한 체계를 화면·기능 단위로 세분화하고, 채널·템플릿·발송 빈도 등 전체 설정을 관리자 화면에서 통합 관리합니다
3단계 권한 분리 시스템 설정
구현 과정

프로젝트 진행 단계

STEP 1

확장 아키텍처 설계 및 권한 모델 설계

3단계 권한 모델 설계, Redis·BullMQ 인프라 구성, 감사 로그 스키마 정의

STEP 2

주간 리포트 배치 및 수신 이메일 동기화 개발

node-cron 배치 집계, Gmail API OAuth 연동 및 파싱 파이프라인 구현

STEP 3

권한 분리 및 감사 로그 시스템 개발

역할 기반 접근 제어 미들웨어, 감사 로그 API 12개 구현

STEP 4

비대칭 그리드 홈 UI 및 통합 테스트

React 기반 bento 그리드 홈 화면 구현, 채널 통합 API 테스트 45개 케이스 작성

프로젝트 성과

주요 성과

자동화 파이프라인 통합 개요 허브 설계이질적인 채널 데이터를 비대칭 그리드 타일로 재구성해 전체 자동화 현황을 한 화면에서 조망하는 구조를 구현합니다.
주간 리포트 히스토리 아키텍처 구축배치 집계와 스냅샷 저장을 분리 설계해 주차별 리포트를 언제든 재조회할 수 있는 구조를 구현합니다.
OAuth 기반 수신 메일 동기화 설계Gmail API OAuth 인증과 토큰 자동 갱신을 결합해 수신 메일을 노션 페이지에 자동 기록하는 구조를 구현합니다.
3단 권한 검증 체계 구축라우트·API·UI 각 계층에서 역할을 검증하는 3중 권한 체계와 감사 로그 테이블을 설계합니다.
Review

기술적 주안점

  • 서로 다른 자동화 채널의 이질적인 데이터를 하나의 그리드 안에서 큰 피처 타일과 보조 지표 타일로 재구성해 한눈에 조망 가능한 홈 구조를 설계합니다
  • 배치 집계와 히스토리 저장을 분리 설계하여, 슬랙으로 발송된 리포트를 대시보드에서 언제든 재조회하고 주차별로 비교할 수 있는 구조를 구현합니다
  • 수신함 → 파싱 → 노션 기록을 단방향 파이프라인으로 연결해, 담당자가 수동으로 회신을 옮겨 적지 않아도 되는 동기화 구조를 설계합니다

유사한 프로젝트를 기획하고 계신가요?

FIRSTPIP이 개발 범위와 로드맵을 함께 정리해드립니다

무료 상담 시작하기