← 포트폴리오 목록

병원 홈페이지 통합 관리 플랫폼

단일 병원 홈페이지 MVP를 넘어, 다중 지점 콘텐츠를 하나의 대시보드에서 관리하고 검색·생성형 AI 노출 현황을 추적할 수 있는 통합 관리 플랫폼 프로젝트입니다.

통합 콘텐츠 관리 대시보드 설계list-rail + detail-panel 구조로 콘텐츠·배너·공지사항을 하나의 화면에서 관리할 수 있는 대시보드를 설계합니다
검색 노출 분석 리포트 구현SEO·GEO 노출 추적을 위한 구조화 데이터/노출 데이터 집계 리포트를 Recharts 기반으로 시각화합니다
역할 기반 접근 제어 체계 구축관리자 역할별 권한 계층을 설계하고 라우트/API/UI 3중 검증 구조를 적용합니다
서비스 타입Web
업종헬스케어
기술 스택
React 18TypeScriptNode.js/ExpressPostgreSQLRedisRechartsAWS S3Elasticsearch (검색 로그 분석)Bull Queue
주요 기능
  • 관리자 대시보드
  • 검색 노출 분석 리포트
  • 다중 지점 배너·팝업 스케줄링
  • 권한 기반 사용자 관리
Overview

프로젝트 개요

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

단일 병원 홈페이지 MVP를 넘어, 다중 지점 콘텐츠를 하나의 대시보드에서 관리하고 검색·생성형 AI 노출 현황을 추적할 수 있는 통합 관리 플랫폼 프로젝트입니다. 배너/팝업 예약 발행과 역할 기반 권한 관리까지 통합합니다.

작업 범위

  • 관리자 대시보드: 다중 지점 콘텐츠·배너·공지사항 현황을 한 화면에서 조회하고 편집할 수 있는 통합 관리 대시보드를 구현합니다
  • 검색 노출 분석 리포트: SEO·GEO 구조화 데이터 적용 현황과 페이지별 검색/생성형 AI 노출 추적 리포트를 시각화합니다
  • 다중 지점 배너·팝업 스케줄링: 여러 지점의 배너·팝업을 예약 발행/자동 종료할 수 있는 큐 기반 스케줄링 화면을 구현합니다
  • 권한 기반 사용자 관리: 지점/역할별 접근 권한을 관리하는 사용자 관리 화면을 구현합니다

주요 업무

  • 관리자 대시보드 화면: list-rail(목록) + detail-panel(편집/분석) 2단 구조로 콘텐츠 관리 화면을 설계합니다
  • 검색 노출 분석 리포트 화면: Elasticsearch 기반 로그 집계 결과를 Recharts로 시각화하는 리포트 화면을 설계합니다
  • 다중 지점 배너·팝업 스케줄링 화면: Bull Queue 기반 예약 발행 잡을 설계하고, 지점별 노출 우선순위를 관리하는 화면을 구현합니다
  • 권한 기반 사용자 관리 화면: 역할 계층 정의 + 라우트/API/UI 3중 권한 검증 구조를 설계합니다
병원 홈페이지 통합 관리 플랫폼
요구사항 정의

프로젝트 핵심 과제

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

다중 지점 콘텐츠 동시 편집 시 충돌 가능성이 있으며

낙관적 잠금(optimistic locking) 전략으로 대응합니다

검색 노출 분석 데이터 수집 주기와 시각화 처리 간 균형이 필요하며

집계 캐시 계층 설계로 대응합니다

역할별 접근 제어 범위 정의에 복잡성이 있으며

라우트·API·UI 3중 권한 검증 구조로 대응합니다

구현 내용

핵심 기능 상세

핵심 기능 1

관리자 대시보드

다중 지점 콘텐츠·배너·공지사항 현황을 한 화면에서 조회하고 편집할 수 있는 통합 관리 대시보드를 구현합니다.

  • list-rail 목록 선택 시 detail-panel이 편집/분석 뷰로 전환되는 마스터-디테일 구조 구현
  • 지점별 콘텐츠 필터링 + 검색 UI 구현
  • 역할별 대시보드 위젯 노출 제어 로직 설계

목록과 상세 편집을 한 화면에서 오가는 구조로 다중 지점 콘텐츠 운영의 컨텍스트 전환을 최소화하는 설계를 적용합니다

관리자 대시보드
관리자 대시보드 실제 화면
핵심 기능 2

검색 노출 분석 리포트

SEO·GEO 구조화 데이터 적용 현황과 페이지별 검색/생성형 AI 노출 추적 리포트를 시각화합니다. Elasticsearch 기반 로그 집계 결과를 Recharts로 시각화하는 리포트 화면을 설계합니다.

  • Elasticsearch 집계 쿼리로 페이지별 구조화 데이터 적용률 산출 구조 설계
  • Recharts 기반 노출 추적 리포트 차트 컴포넌트 구현
  • 기간별 리포트 필터(주/월) UI 구현

검색엔진·생성형 AI 노출 관련 구조 데이터를 하나의 리포트 화면에 통합해 추적할 수 있는 구조를 설계합니다

검색 노출 분석 리포트
검색 노출 분석 리포트 실제 화면
핵심 기능 3

다중 지점 배너·팝업 스케줄링

여러 지점의 배너·팝업을 예약 발행/자동 종료할 수 있는 큐 기반 스케줄링 화면을 구현합니다. Bull Queue 기반 예약 발행 잡을 설계하고, 지점별 노출 우선순위를 관리하는 화면을 구현합니다.

  • Bull Queue로 예약 발행/자동 종료 작업 스케줄링 구현
  • 지점별 배너 노출 우선순위 드래그 정렬 UI 구현
  • AWS S3 이미지 업로드 + 리사이징 파이프라인 연동 설계

발행 시점을 큐에 위임해 담당자가 미리 콘텐츠를 등록해두고 자동으로 노출/종료되는 구조를 설계합니다

다중 지점 배너·팝업 스케줄링
다중 지점 배너·팝업 스케줄링 실제 화면
핵심 기능 4

권한 기반 사용자 관리

지점/역할별 접근 권한을 관리하는 사용자 관리 화면을 구현합니다. 역할 계층 정의 + 라우트/API/UI 3중 권한 검증 구조를 설계합니다.

  • 역할 계층(최고관리자/지점관리자/에디터) 정의 및 권한 매트릭스 설계
  • 라우트 가드 + API 미들웨어 + UI 조건부 렌더링 3중 검증 구조 구현
  • 사용자별 접근 로그 조회 화면 구현

역할별 권한을 라우트·API·UI 세 층에서 각각 검증하는 구조를 적용해 권한 우회 경로를 최소화하는 설계를 구현합니다

권한 기반 사용자 관리
권한 기반 사용자 관리 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

다중 지점 데이터 모델 확장 설계 (2026-09) · 2026.09

콘텐츠·배너·공지 통합 스키마 설계, 지점별 권한 구조 정의

STEP 2

통합 관리 대시보드 구현 · 2026.09

list-rail/detail-panel 구조의 콘텐츠 관리 대시보드 구현

STEP 3

검색 노출 분석 리포트 구현 · 2026.09

검색 노출·AI 노출 추적 데이터 집계 및 시각화 컴포넌트 설계

STEP 4

스케줄링·권한 관리 통합 · 2026.09

배너/팝업 예약 발행 큐 설계, 역할 기반 접근 제어 적용

프로젝트 성과

주요 성과

통합 콘텐츠 관리 대시보드 설계list-rail + detail-panel 구조로 콘텐츠·배너·공지사항을 하나의 화면에서 관리할 수 있는 대시보드를 설계합니다
검색 노출 분석 리포트 구현SEO·GEO 노출 추적을 위한 구조화 데이터/노출 데이터 집계 리포트를 Recharts 기반으로 시각화합니다
역할 기반 접근 제어 체계 구축관리자 역할별 권한 계층을 설계하고 라우트/API/UI 3중 검증 구조를 적용합니다
Highlights

기술적 주안점

  • 목록과 상세 편집을 한 화면에서 오가는 구조로 다중 지점 콘텐츠 운영의 컨텍스트 전환을 최소화하는 설계를 적용합니다
  • 검색엔진·생성형 AI 노출 관련 구조 데이터를 하나의 리포트 화면에 통합해 추적할 수 있는 구조를 설계합니다
  • 발행 시점을 큐에 위임해 담당자가 미리 콘텐츠를 등록해두고 자동으로 노출/종료되는 구조를 설계합니다

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

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

무료 상담 시작하기