← 포트폴리오 목록

주거단지 통합 관리자 콘솔

MVP 이후 단계로 잔여티 등록·오픈/마감, 예약 현황과 제한 규칙, 회원 승인, 게시판·배너 콘텐츠 관리, 방문 통계와 백업까지 비전문가도 직접 운영할 수 있는 관리자 콘솔을 구현합니다.

프로젝트 납품 요약

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

서비스 타입Web
업종플랫폼
기술 스택
ReactTypeScriptTailwind CSSNode.jsExpressPrismaPostgreSQLRedisBull Queue
주요 기능
  • 운영 대시보드
  • 잔여티 관리
  • 예약 현황
  • 회원 관리

프로젝트 개요

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

MVP 이후 단계로 잔여티 등록·오픈/마감, 예약 현황과 제한 규칙, 회원 승인, 게시판·배너 콘텐츠 관리, 방문 통계와 백업까지 비전문가도 직접 운영할 수 있는 관리자 콘솔을 구현합니다. 개발 지원 없이 홈페이지 내용을 수정하는 CMS 구조와 예약 알림 설정까지 확장 로드맵 형태로 설계합니다.

작업 범위

  • 운영 대시보드: 오늘의 예약 현황, 승인 대기 회원, 마감 임박 티타임을 한 화면에서 확인하고 바로 처리할 수 있습니다
  • 잔여티 관리: 예약 가능한 날짜·시간·팀 수를 등록·수정·삭제하고, 날짜 단위로 예약 오픈과 마감을 설정합니다
  • 예약 현황: 예약 신청자와 현황을 조회하고, 관리자 직접 예약·예약 취소·회원별 예약 제한 규칙을 설정합니다
  • 회원 관리: 가입 신청 회원을 승인·반려하고 이용 제한과 권한을 설정하며, 역할에 따라 보이는 메뉴가 달라집니다

주요 업무

  • 운영 대시보드 화면: 처리할 일 카드와 방문 통계 그래프를 한 화면에 배치하고, 각 항목에서 해당 관리 화면으로 바로 이동하도록 설계합니다
  • 잔여티 관리 화면: 골프장 시스템 연동 없이 수동 등록하는 운영 방식을 고려해 일괄 등록과 복사 기능으로 입력 부담을 줄이는 구조로 구현합니다
  • 예약 현황 화면: 필터와 엑셀 내보내기를 갖춘 예약 목록과 월 예약 횟수 제한 등 규칙 설정 화면을 구현합니다
  • 회원 관리 화면: 승인 대기 큐와 회원 상태(정상·제한)·역할별 권한 매트릭스를 구현하고 승인 시 안내 알림을 발송하는 구조로 설계합니다
주거단지 통합 관리자 콘솔
요구사항 정의

프로젝트 핵심 과제

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

이미 예약이 걸린 티타임을 수정·삭제할 때 예약자 안내와 슬롯 상태를 일관되게 처리하는 흐름 설계

개발 지원 없이 관리자가 편집하는 콘텐츠가 공개 홈페이지의 레이아웃을 깨지 않

입력 규칙을 두는 방식 설계 필요

담당자별 권한을 나누면서도 비전문가가 헷갈리지 않는 메뉴 구성 설계

알림톡 템플릿 심사 이전에는 이메일로 발송하고 이후 채널을 전환하는 설정 구조 설계

구현 내용

핵심 기능 상세

핵심 기능 1

운영 대시보드

오늘의 예약 현황, 승인 대기 회원, 마감 임박 티타임을 한 화면에서 확인하고 바로 처리할 수 있습니다.

  • PostgreSQL 집계 뷰로 일별 방문·예약 통계 산출
  • SVG 기반 경량 차트 컴포넌트로 방문 추이 시각화
  • 처리 대기 건수를 API 한 번으로 묶어 내려주는 요약 엔드포인트 설계

관리자가 로그인 직후 해야 할 일을 우선순위로 보여주는 처리 중심 대시보드를 구현합니다.

운영 대시보드
운영 대시보드 실제 화면
핵심 기능 2

잔여티 관리

예약 가능한 날짜·시간·팀 수를 등록·수정·삭제하고, 날짜 단위로 예약 오픈과 마감을 설정합니다.

  • 주간 단위 일괄 등록과 기존 슬롯 복사 폼으로 반복 입력 최소화
  • 슬롯 수정 시 기존 예약 존재 여부를 검사하는 서버 검증 로직
  • 예약 완료 시 해당 티타임 자동 마감 처리 트리거 설계

예약이 이미 걸린 티타임을 수정·삭제하려 할 때 영향받는 예약자를 먼저 보여주는 안전한 편집 흐름을 구현합니다.

잔여티 관리
잔여티 관리 실제 화면
핵심 기능 3

예약 현황

예약 신청자와 현황을 조회하고, 관리자 직접 예약·예약 취소·회원별 예약 제한 규칙을 설정합니다. 필터와 엑셀 내보내기를 갖춘 예약 목록과 월 예약 횟수 제한 등 규칙 설정 화면을 구현합니다.

  • 날짜·상태·회원 조건 복합 필터와 서버 측 페이지네이션
  • 관리자 직접 예약 시 회원 선택·중복 검사를 거치는 대화상자 흐름
  • 월간 예약 횟수 등 제한 규칙을 설정 테이블로 분리해 예약 신청 시 서버에서 검증

예약 제한 규칙을 코드가 아닌 설정 값으로 관리하여 관리자가 직접 조정할 수 있는 구조를 설계합니다.

예약 현황
예약 현황 실제 화면
핵심 기능 4

회원 관리

가입 신청 회원을 승인·반려하고 이용 제한과 권한을 설정하며, 역할에 따라 보이는 메뉴가 달라집니다.

  • 승인 대기·정상·이용 제한 상태 전이와 변경 이력 테이블 설계
  • 역할(총괄 관리자·예약 담당·콘텐츠 담당)별 메뉴·API 권한 매트릭스
  • Bull Queue로 승인 안내와 예약 알림(이메일·Kakao 알림톡 API) 비동기 발송

한 명이 모든 메뉴를 쓰는 대신 담당 업무별 권한을 나누어 실수로 인한 변경을 줄이는 권한 구조를 구현합니다.

회원 관리
회원 관리 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

관리 업무 흐름 분석 및 권한 모델 설계 · 2026.11

예약·회원·콘텐츠 담당 업무 분류, 역할별 권한 매트릭스와 변경 이력 테이블 설계

STEP 2

잔여티·예약 관리 기능 개발 · 2026.11

슬롯 일괄 등록, 오픈/마감, 직접 예약, 제한 규칙 설정 API와 화면 구현

STEP 3

회원·게시판·배너 CMS 구축 · 2026.11

회원 승인, 게시판 생성·권한, 팝업·메인 배너 편집 화면 구현

STEP 4

통계·백업·알림 설정 확장 · 2026.11

방문 통계 집계, 엑셀 내보내기, 정기 백업·복구 절차, 알림 채널 설정 구현

개발 결과

담당 업무별 권한 매트릭스 구축총괄·예약·콘텐츠 3개 역할의 메뉴와 API 접근을 서버에서 함께 검증하는 권한 구조 구축
설정 기반 예약 제한 규칙 엔진 설계월 예약 횟수 등 제한 규칙을 설정 테이블로 분리해 예약 신청 시 서버에서 일괄 검증하는 구조 설계
비전문가용 콘텐츠 편집 구조 구현배너·팝업·게시판·일정을 화면에서 직접 수정하도록 콘텐츠 모델과 미리보기 흐름 구현
비동기 알림 발송 큐 구축Bull Queue로 이메일·Kakao 알림톡 API 발송을 분리하고 채널별 발송 이력 테이블 설계

기술적 주안점

  • 관리자가 로그인 직후 해야 할 일을 우선순위로 보여주는 처리 중심 대시보드를 구현합니다
  • 예약이 이미 걸린 티타임을 수정·삭제하려 할 때 영향받는 예약자를 먼저 보여주는 안전한 편집 흐름을 구현합니다
  • 예약 제한 규칙을 코드가 아닌 설정 값으로 관리하여 관리자가 직접 조정할 수 있는 구조를 설계합니다

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

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

프로젝트 문의