← 포트폴리오 목록

다점포 통합 운영 플랫폼

다점포 데이터를 통합 집계하는 대시보드와 서비스 운영자 관리자 콘솔, 다채널 알림 발송, 결제·AI 등 향후 기능을 모듈로 추가할 수 있는 확장 구조를 React + Node.js 기반으로 설계·구현합니다.

프로젝트 납품 요약

아래 프로젝트 개요와 핵심 기능에서 구현 화면을 확인할 수 있습니다.

서비스 타입Web
업종플랫폼
기술 스택
ReactTypeScriptNode.jsExpressPostgreSQLPrismaRedisAWS S3Recharts
주요 기능
  • 다점포 통합 대시보드
  • 서비스 운영자 관리자
  • 다채널 알림 관리
  • 확장 모듈 연동 설정

프로젝트 개요

범위: 개발, 디자인, 기획

다점포 데이터를 통합 집계하는 대시보드와 서비스 운영자 관리자 콘솔, 다채널 알림 발송, 결제·AI 등 향후 기능을 모듈로 추가할 수 있는 확장 구조를 React + Node.js 기반으로 설계·구현합니다. 매장별 근무·근태·체크리스트 이행률을 비교 분석할 수 있는 통합 운영 플랫폼입니다.

작업 범위

  • 다점포 통합 대시보드: 가입된 모든 매장의 근무·근태·체크리스트 이행률을 한 화면에서 비교하고, 이상 매장을 우선적으로 식별할 수 있는 대시보드입니다
  • 서비스 운영자 관리자: 서비스 운영자가 가입 매장·계정 상태·요금제를 관리하고, 매장별 기본 관리 권한을 부여하는 화면입니다
  • 다채널 알림 관리: 근무 변경·공지 등 핵심 이벤트에 대해 웹 푸시를 우선 발송하고, 문자·카카오 알림톡은 외부 API 연동 인터페이스로 확장할 수 있는 알림 관리 화면입니다
  • 확장 모듈 연동 설정: 결제·AI 추천 등 향후 추가될 기능을 플러그인 형태로 연결할 수 있도록 API 게이트웨이와 모듈 활성화 상태를 관리하는 화면입니다

주요 업무

  • 다점포 통합 대시보드 화면: 매장별 일별 집계를 사전 계산하고, 대형 추이 차트와 매장 비교 위젯으로 화면을 구성합니다
  • 서비스 운영자 관리자 화면: 일반 RBAC 계층과 분리된 최상위 운영자 인증 컨텍스트로 구현하고, 매장 활성화·비활성화 처리를 지원합니다
  • 다채널 알림 관리 화면: 발송 규칙과 채널을 분리 설계해 채널별 어댑터를 교체 가능한 구조로 구현하고, 발송 이력과 재발송을 큐 기반으로 처리합니다
  • 확장 모듈 연동 설정 화면: 서비스 레이어를 인터페이스 기반으로 분리하고, 모듈별 활성화 플래그를 통해 기능을 켜고 끌 수 있는 구조로 구현합니다
다점포 통합 운영 플랫폼
요구사항 정의

프로젝트 핵심 과제

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

다점포 집계 시 매장별 영업일·시간대 차이로 발생하는 통계 왜곡 리스크

매장별 캘린더 설정을 반영한 정규화 집계 쿼리로 대응합니다

웹 푸시·문자·카카오 알림톡을 하나의 발송 규칙으로 통합 관리해야 하는 복잡도가 있으며

채널별 어댑터 패턴과 재시도 정책 분리로 대응합니다

서비스 운영자 권한과 개별 매장 관리자 권한이 동일 플랫폼에서 충돌하지 않도록 분리해야 하는 리스크

별도 인증 컨텍스트와 세션 분리로 대응합니다

결제·AI 등 향후 모듈 추가 시 기존 API 계약이 깨지는 리스크

버전 관리된 API 게이트웨이와 인터페이스 기반 서비스 레이어로 대응합니다

구현 내용

핵심 기능 상세

핵심 기능 1

다점포 통합 대시보드

가입된 모든 매장의 근무·근태·체크리스트 이행률을 한 화면에서 비교하고, 이상 매장을 우선적으로 식별할 수 있는 대시보드입니다.

  • PostgreSQL Materialized View로 매장별 근태·체크리스트 이행률을 일별 집계해 대시보드 조회 구조 설계
  • Recharts 기반 추이 차트와 매장 비교 바 차트를 조합한 인사이트 보드 구현
  • 매장 수 증가에 대비해 집계 쿼리를 증분 갱신 방식으로 설계

다점포 데이터를 Materialized View로 사전 집계하는 구조를 설계하여, 매장 수가 늘어도 대시보드 조회 성능을 유지할 수 있는 구조를 구현합니다.

다점포 통합 대시보드
다점포 통합 대시보드 실제 화면
핵심 기능 2

서비스 운영자 관리자

서비스 운영자가 가입 매장·계정 상태·요금제를 관리하고, 매장별 기본 관리 권한을 부여하는 화면입니다. 일반 RBAC 계층과 분리된 최상위 운영자 인증 컨텍스트로 구현하고, 매장 활성화·비활성화 처리를 지원합니다.

  • 서비스 운영자 전용 인증 컨텍스트를 매장 RBAC와 분리 설계해 최상위 관리 권한을 격리
  • 가입 매장 목록·상태(활성/정지) 관리 API와 매장별 요금제 매핑 테이블 설계
  • 매장 온보딩 시 초기 관리자 계정을 자동 발급하는 초대 흐름 구현

일반 매장 RBAC와 완전히 분리된 서비스 운영자 인증 컨텍스트를 설계하여, 다점포 SaaS 운영에 필요한 최상위 관리 권한 구조를 구현합니다.

서비스 운영자 관리자
서비스 운영자 관리자 실제 화면
핵심 기능 3

다채널 알림 관리

근무 변경·공지 등 핵심 이벤트에 대해 웹 푸시를 우선 발송하고, 문자·카카오 알림톡은 외부 API 연동 인터페이스로 확장할 수 있는 알림 관리 화면입니다.

  • Bull Queue 기반 발송 큐로 웹 푸시를 우선 처리하고 실패 건을 재시도 정책에 따라 재발송하는 구조 설계
  • 채널별 어댑터 패턴으로 문자·카카오 알림톡을 API 연동 인터페이스로 확장 가능하게 설계
  • 발송 규칙(이벤트 유형·수신자 조건)을 데이터로 관리해 코드 수정 없이 규칙을 추가하는 구조 구현

채널 어댑터 패턴으로 발송 로직과 채널 연동을 분리 설계하여, 웹 푸시로 우선 구현하고 외부 알림 채널은 API 연동 인터페이스로 확장할 수 있는 구조를 구현합니다.

다채널 알림 관리
다채널 알림 관리 실제 화면
핵심 기능 4

확장 모듈 연동 설정

결제·AI 추천 등 향후 추가될 기능을 플러그인 형태로 연결할 수 있도록 API 게이트웨이와 모듈 활성화 상태를 관리하는 화면입니다.

  • 서비스 레이어를 인터페이스 기반으로 분리해 결제·AI 등 신규 모듈을 플러그인 형태로 추가하는 구조 설계
  • 모듈별 활성화 플래그 테이블로 매장 요금제에 따라 기능을 노출·차단하는 구조 구현
  • API 버전 관리 체계를 도입해 신규 모듈 추가가 기존 클라이언트(웹·향후 네이티브 앱)에 영향을 주지 않도록 설계

인터페이스 기반 서비스 레이어와 API 버전 관리 체계를 설계하여, 결제·AI 등 신규 모듈을 기존 구조 변경 없이 추가할 수 있는 확장 구조를 구현합니다.

확장 모듈 연동 설정
확장 모듈 연동 설정 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

다점포 집계 스키마 설계 · 2026.09

매장별 근무·근태·체크리스트 이행률 집계를 위한 Materialized View 4개 및 확장 테이블 설계

STEP 2

통합 대시보드 API 및 운영자 콘솔 개발 · 2026.09

매장 비교·이상 매장 식별 API와 Recharts 연동, 가입 매장·요금제 관리 API 및 관리자 전용 인증 컨텍스트 구현

STEP 3

다채널 알림 큐 및 연동 인터페이스 구현 · 2026.09

Bull Queue 기반 발송 큐, 채널 어댑터 패턴, 발송 이력·재발송 기능 구현

STEP 4

모듈형 확장 구조 적용 및 통합 테스트 · 2026.09

인터페이스 기반 서비스 레이어 분리, API 버전 관리 적용 및 전체 연동 테스트

개발 결과

다점포 집계 파이프라인 설계Materialized View 4개로 매장별 근무·근태·체크리스트 이행률을 일별 집계해 대시보드 조회 구조를 설계합니다
다채널 알림 발송 큐 아키텍처 구축Bull Queue로 웹 푸시를 우선 처리하고, 문자·알림톡은 API 연동 인터페이스로 확장 가능한 큐 구조를 설계합니다
서비스 운영자 권한 분리 설계가입 매장·요금제·계정 상태를 관리하는 최상위 운영자 권한을 매장 RBAC와 분리된 인증 컨텍스트로 구현합니다
모듈형 확장 아키텍처 설계결제·AI 등 향후 기능을 플러그인 형태로 추가하도록 서비스 레이어를 인터페이스 기반으로 분리하는 구조를 적용합니다

기술적 주안점

  • 다점포 데이터를 Materialized View로 사전 집계하는 구조를 설계하여, 매장 수가 늘어도 대시보드 조회 성능을 유지할 수 있는 구조를 구현합니다
  • 일반 매장 RBAC와 완전히 분리된 서비스 운영자 인증 컨텍스트를 설계하여, 다점포 SaaS 운영에 필요한 최상위 관리 권한 구조를 구현합니다
  • 채널 어댑터 패턴으로 발송 로직과 채널 연동을 분리 설계하여, 웹 푸시로 우선 구현하고 외부 알림 채널은 API 연동 인터페이스로 확장할 수 있는 구조를 구현합니다

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

필요한 기능과 일정을 알려주시면 개발 범위를 함께 정리하겠습니다.

프로젝트 문의