← 포트폴리오 목록

멀티 브랜드 모델 에이전시 콘텐츠 오퍼레이션 플랫폼

MVP 이후 콘텐츠 운영 조직이 커진다는 전제로, 발행 승인 워크플로우와 노출 스케줄링, 콘텐츠 조회 분석을 통합한 확장 CMS 플랫폼입니다.

발행 승인 워크플로우 상태 머신 설계초안→검토→승인→발행 4단계 상태 전이를 Prisma 스키마와 서버 가드로 구현하고, 권한별 승인 액션을 제한하는 구조를 설계합니다
노출 스케줄링 큐 아키텍처 구축Bull Queue 기반 예약 발행/자동 비노출 잡을 설계하고, Redis에 스케줄 상태를 캐싱해 지연 실행을 안정적으로 처리합니다
콘텐츠 조회 집계 파이프라인 설계Materialized View로 콘텐츠별 조회 로그를 일별 집계하고, 대시보드에서 인기 콘텐츠 랭킹을 조회 가능하도록 구현합니다
서비스 타입Web
업종플랫폼
기술 스택
ReactTypeScriptTailwind CSSNode.jsExpressPostgreSQLPrismaRedisAWS S3
주요 기능
  • 콘텐츠 편집 캔버스
  • 발행 승인 워크플로우
  • 노출 스케줄링 & 조회 분석
  • 공개 사이트 라이브 미리보기
Overview

프로젝트 개요

범위: 개발, 디자인, 기획
MVP 이후 콘텐츠 운영 조직이 커진다는 전제로, 발행 승인 워크플로우와 노출 스케줄링, 콘텐츠 조회 분석을 통합한 확장 CMS 플랫폼입니다. 에디터가 작성한 콘텐츠를 승인자가 검수해 예약 발행하고, 공개 인터렉티브 사이트에서 그 결과를 라이브 미리보기로 즉시 확인하는 흐름을 구현합니다.
멀티 브랜드 모델 에이전시 콘텐츠 오퍼레이션 플랫폼
요구사항 정의

프로젝트 핵심 과제

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

승인 전 콘텐츠가 실수로 공개 노출될 리스크

승인 완료 전까지 API 레벨에서 비노출 상태를 강제하는 가드를 구현합니다

예약 발행 잡이 중복 실행되어 동일 콘텐츠가 두 번 발행될 리스크

Bull Queue의 job 고유 키와 idempotency 체크로 대응합니다

여러 담당자가 동시에 같은 콘텐츠를 편집할 때 마지막 저장이 이전 변경을 덮어쓸 리스크

낙관적 잠금(버전 필드)과 편집 충돌 알림으로 대응합니다

조회수 집계 쿼리가 콘텐츠 수 증가에 따라 느려질 리스크

Materialized View 증분 갱신과 인덱스 설계로 대응합니다

핵심 기능 1

콘텐츠 편집 캔버스

좌측 콘텐츠 트리에서 기사/포트폴리오/카테고리를 선택하고, 중앙 캔버스에서 텍스트·이미지·영상을 편집하며, 우측 인스펙터로 노출·발행 설정을 조정하는 통합 에디터를 구현합니다
콘텐츠 편집 캔버스
핵심 기능 2

발행 승인 워크플로우

작성자가 제출한 콘텐츠를 승인자가 검토·반려·승인하는 4단계 상태 전이를 관리하는 화면을 구현합니다. Prisma 상태 머신과 서버 가드로 무단 발행을 차단하고, 승인 이력을 타임라인으로 표시합니다
발행 승인 워크플로우
핵심 기능 3

노출 스케줄링 & 조회 분석

콘텐츠별 노출 시작/종료 일정을 예약하고, 기간별 조회수를 집계해 인기 콘텐츠를 랭킹으로 보여주는 분석 화면을 구현합니다
노출 스케줄링 & 조회 분석
핵심 기능 4

공개 사이트 라이브 미리보기

승인·발행된 콘텐츠가 반영된 공개 인터렉티브 사이트를 CMS 내에서 바로 확인할 수 있는 라이브 프리뷰 화면을 구현합니다
공개 사이트 라이브 미리보기
구현 과정

프로젝트 진행 단계

STEP 1

워크플로우 상태 모델 및 DB 확장 설계

승인/발행 상태 전이 스키마 설계, 스케줄링·조회 로그 테이블 6개 추가

STEP 2

승인 워크플로우 API 및 큐 인프라 구축

Bull Queue 기반 예약 발행 잡 구현, Redis 스케줄 캐싱 연동

STEP 3

분석 대시보드 및 라이브 미리보기 개발

Materialized View 집계 파이프라인 구현, iframe 실시간 미리보기 연동

STEP 4

멀티 롤 권한 및 통합 테스트

에디터/승인자/관리자 3단계 권한 검증, 워크플로우 통합 테스트 수행

프로젝트 성과
발행 승인 워크플로우 상태 머신 설계초안→검토→승인→발행 4단계 상태 전이를 Prisma 스키마와 서버 가드로 구현하고, 권한별 승인 액션을 제한하는 구조를 설계합니다
노출 스케줄링 큐 아키텍처 구축Bull Queue 기반 예약 발행/자동 비노출 잡을 설계하고, Redis에 스케줄 상태를 캐싱해 지연 실행을 안정적으로 처리합니다
콘텐츠 조회 집계 파이프라인 설계Materialized View로 콘텐츠별 조회 로그를 일별 집계하고, 대시보드에서 인기 콘텐츠 랭킹을 조회 가능하도록 구현합니다
멀티 롤 권한 체계 확장에디터/승인자/관리자 3단계 역할을 라우트·API 이중 검증으로 구현해, 단일 관리자 구조를 팀 협업 구조로 확장 설계합니다
Review

기술적 주안점

  • 트리·캔버스·인스펙터 3단 구성의 에디터로 콘텐츠 편집과 실시간 미리보기를 하나의 화면에서 구현합니다
  • 상태 머신 기반 승인 워크플로우로 콘텐츠 발행 전 검수 단계를 팀 협업 구조로 확장 설계합니다
  • 큐 기반 스케줄링과 집계 파이프라인으로 노출 관리와 콘텐츠 분석을 하나의 운영 화면에 통합 설계합니다

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

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

무료 상담 시작하기