← 포트폴리오 목록
이너서클 통합 운영 플랫폼
관리자 백오피스, 공지사항 CMS, 신고처리, 활동로그, 개인정보 마스킹과 암호화 백업까지 통합하는 확장 운영 콘솔입니다.
블록 기반 CMS 콘텐츠 엔진 설계공지사항 콘텐츠를 블록 JSON으로 직렬화하고 트리 구조로 관리하는 CMS 스키마 설계
신고·블라인드 워크플로우 구축접수→검토→처리 3단계 신고 큐와 소프트 삭제 기반 블라인드 처리 구조 구현
활동 로그 감사 추적 체계 구현관리자 조치 이력을 로그 테이블에 기록해 감사 추적이 가능한 구조 설계
Overview
프로젝트 개요
관리자 백오피스, 공지사항 CMS, 신고처리, 활동로그, 개인정보 마스킹과 암호화 백업까지 통합하는 확장 운영 콘솔입니다. 회원제 커뮤니티 플랫폼을 대규모(3,000~4,000명) 운영 규모로 확장할 수 있도록 블록 기반 CMS 구조로 설계하며, React 18 + Node.js/Express + PostgreSQL(Supabase) 스택을 그대로 유지합니다.
요구사항 정의
프로젝트 핵심 과제
프로젝트 진행 시 해결한 핵심 기술 과제입니다.
트리형 콘텐츠 구조에서 깊은 계층의 블록 데이터를 효율적으로 조회하는 재귀 쿼리 설계가 필요합니다
신고 처리와 블라인드 조치가 커뮤니티 피드에 즉시 반영되
캐시 무효화 전략을 설계해야 합니다
대량 활동 로그 데이터의 조회 성능을 유지하기 위한 인덱싱 및 파티셔닝 전략 설계가 필요합니다
개인정보 마스킹 해제 권한을 최소 인원으로 제한하면서 감사 로그와 연동하는 접근제어 설계가 필요합니다
핵심 기능 1
관리자 통합 운영 콘솔
회원관리·공지사항·신고처리·활동로그를 트리형 콘텐츠 구조로 통합 관리하는 백오피스 메인 화면. 블록 기반 콘텐츠 트리 + slash 명령 메뉴로 콘텐츠 관리 UX 구현
핵심 기능 2
공지사항 CMS
공지사항을 블록 단위로 작성·발행하는 콘텐츠 관리 화면. 블록 직렬화 저장 + 임시저장/발행/보관 상태 관리
핵심 기능 3
신고처리 & 활동로그
회원이 신고한 게시글·댓글을 심사하고 관리자 조치 이력을 추적하는 관리 화면. 신고 큐 + 소프트 삭제 기반 블라인드 처리 + 활동 로그 테이블
핵심 기능 4
개인정보 마스킹 & 암호화 백업
회원 개인정보를 서버 측에서 마스킹 처리하고 데이터를 암호화 백업하는 보안 확장 관리 화면. 정규식 마스킹 미들웨어 + Supabase 스케줄 암호화 백업
구현 과정
프로젝트 진행 단계
STEP 1
관리자 백오피스 스키마 및 트리 구조 설계
계층형 콘텐츠 테이블, 신고·활동로그 테이블 설계
STEP 2
CMS 블록 에디터 및 신고처리 API 개발
블록 직렬화 API, 신고 큐·블라인드 처리 API 구현
STEP 3
관리자 콘솔 프론트엔드 구현
트리 사이드바, 블록 에디터, 활동로그 뷰 구현
STEP 4
보안 확장 및 통합 테스트
마스킹·암호화 백업 적용, 권한별 접근 시나리오 테스트
프로젝트 성과
블록 기반 CMS 콘텐츠 엔진 설계공지사항 콘텐츠를 블록 JSON으로 직렬화하고 트리 구조로 관리하는 CMS 스키마 설계
신고·블라인드 워크플로우 구축접수→검토→처리 3단계 신고 큐와 소프트 삭제 기반 블라인드 처리 구조 구현
활동 로그 감사 추적 체계 구현관리자 조치 이력을 로그 테이블에 기록해 감사 추적이 가능한 구조 설계
개인정보 마스킹·암호화 백업 구조 설계정규식 기반 마스킹 미들웨어와 Scheduled Function 암호화 백업 파이프라인 구현
Review
기술적 주안점
- 관리자 백오피스의 모든 콘텐츠(공지·정책·FAQ)를 블록 기반 트리 구조 하나로 통합 관리하는 CMS 아키텍처를 설계합니다
- 공지 콘텐츠의 작성부터 발행, 등급별 노출까지 하나의 CMS 워크플로우로 처리하는 구조를 설계합니다
- 신고 처리와 블라인드 조치 전 과정을 활동 로그로 남겨 관리자 행위를 사후 검증할 수 있는 구조를 설계합니다
