← 포트폴리오 목록

시설 보수 견적·작업 운영 관리자 웹

운영 관리자 1명이 접수부터 A/S까지 한 건의 흐름을 한 콘솔에서 처리하는 관리자 웹 프로젝트입니다.

프로젝트 납품 요약

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

서비스 타입Web
업종플랫폼
기술 스택
Next.jsTypeScriptTailwind CSSNode.jsPostgreSQLPrismaExcelJS
주요 기능
  • 현황판
  • 추가 작업 이중 승인
  • 수금 확인과 불일치 표시
  • 확장 설계

프로젝트 개요

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

운영 관리자 1명이 접수부터 A/S까지 한 건의 흐름을 한 콘솔에서 처리하는 관리자 웹 프로젝트입니다. 전화 대리 접수, 협력업체 가입 승인, 견적 요청·응답 마감·재요청, 작업·A/S 관리와 엑셀 내보내기를 다루고, 추가 작업은 관리자 승인과 고객 승인을 각각 기록해 둘 다 끝나기 전에는 완료로 넘기지 않으며, 수금은 고객 지급과 협력업체 수령을 각각 기록해 금액·일시·방법이 다르면 불일치로 표시합니다. 포트폴리오 1과 같은 접수번호·금액을 사용하며, 정산·소개자·구독·자동화를 얹을 데이터 구조는 확장 설계 화면으로 제안합니다.

작업 범위

  • 현황판: 처리를 기다리는 일 4종과 접수부터 A/S까지 8단계별 건수, 오늘 처리할 건을 한 화면에 모아 두고 숫자를 누르면 해당 목록으로 이동하는 관리자 첫 화면을 구현합니다
  • 추가 작업 이중 승인: 추가 작업 요청마다 관리자 승인과 고객 승인을 각각 기록하는 두 칸을 보여 주고, 둘 다 승인되기 전에는 완료로 넘길 수 없음을 사유와 함께 표시하는 화면을 구현합니다
  • 수금 확인과 불일치 표시: 고객 지급 확인과 협력업체 수령 확인을 각각 기록하고 금액·일시·방법을 나란히 비교해 다르면 불일치로 표시하며, 재확인 요청까지 이어지는 화면을 구현합니다
  • 확장 설계: 정산·소개자·구독·자동화 모듈을 1차 데이터 위에 어떻게 얹는지 모듈 카드와 연결 테이블 구조 표로 보여 주는 확장 설계 화면을 구현합니다

주요 업무

  • 현황판 화면: 관리자 1명이 지금 사람이 봐야 하는 일 — 승인 대기 추가 작업, 수금 불일치, 견적 마감 임박, 가입 대기 — 부터 처리하도록 순서를 잡습니다
  • 추가 작업 이중 승인 화면: 관리자가 승인하면 승인 시각·담당자가 남고 고객 승인 대기 상태로 바뀌며, 완료 처리 버튼은 두 승인이 모두 끝난 건에서만 열립니다. 고객이 답하지 않은 건은 승인으로 보지 않습니다
  • 수금 확인과 불일치 표시 화면: 불일치 건은 어느 항목이 다른지 칸마다 표시하고, 관리자가 두 쪽에 재확인 문자를 보내거나 사유를 적어 확정할 수 있습니다. 자동으로 맞는 쪽을 고르지 않습니다
  • 확장 설계 화면: 1차의 접수·견적·작업·수금 기록에 외래 키로 붙는 확장 테이블, 상태 흐름에 추가되는 단계, 지역 구분 필드를 표로 보여 줘 1차를 다시 만들지 않고 붙이는 방법을 확인할 수 있습니다
시설 보수 견적·작업 운영 관리자 웹
요구사항 정의

프로젝트 핵심 과제

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

추가 작업 승인과 수금 확인이 엇갈릴 때 사람이 일일이 정리하지 않

상태와 사유를 화면에서 바로 구분할 필요가 있습니다

관리자 1명이 처리하므로 처리 대기 우선순위를 현황판에서 한눈에 보이게 구성할 계획입니다

2차 기능을 붙일 때 1차 테이블을 다시 만들지 않

확장 구조를 먼저 설계해야 합니다

별도 견적 대상인 자동 점검·정산 기능은 1차 흐름과 분리해 제안할 계획입니다

구현 내용

핵심 기능 상세

핵심 기능 1

현황판

처리를 기다리는 일 4종과 접수부터 A/S까지 8단계별 건수, 오늘 처리할 건을 한 화면에 모아 두고 숫자를 누르면 해당 목록으로 이동하는 관리자 첫 화면을 구현합니다.

  • 단계 8개별 건수를 하나의 집계 함수로 계산하는 구성
  • 처리 대기 4종을 조건 목록으로 정의해 이동 링크와 연결하는 설계
  • 목록 필터 상태를 주소 해시로 전달하는 구성

현황판 숫자는 접수 데이터에서 세어 만들기 때문에 이동한 목록의 건수와 항상 같습니다.

현황판
현황판 실제 화면
핵심 기능 2

추가 작업 이중 승인

추가 작업 요청마다 관리자 승인과 고객 승인을 각각 기록하는 두 칸을 보여 주고, 둘 다 승인되기 전에는 완료로 넘길 수 없음을 사유와 함께 표시하는 화면을 구현합니다.

  • 승인 주체별 기록을 별도 행으로 저장하는 승인 이력 구조 설계
  • 두 승인이 모두 있을 때만 완료 전환을 허용하는 전이 규칙 구성
  • 권한 없는 역할의 승인 버튼을 비활성화하는 RBAC 검사 구성

R-2611-0471 건은 관리자 승인 완료·고객 승인 대기 상태로 열려 완료 불가 사유가 그대로 보입니다.

추가 작업 이중 승인
추가 작업 이중 승인 실제 화면
핵심 기능 3

수금 확인과 불일치 표시

고객 지급 확인과 협력업체 수령 확인을 각각 기록하고 금액·일시·방법을 나란히 비교해 다르면 불일치로 표시하며, 재확인 요청까지 이어지는 화면을 구현합니다.

  • 두 기록의 금액·일시·방법을 필드별로 비교하는 판정 함수 구성
  • 불일치·재확인 요청·확정 상태를 수금 상태 모델로 정의
  • 확정 시 관리자 사유와 시각을 감사 가능한 이력으로 남기는 구성

R-2611-0455 건은 고객 지급 627,000원과 협력업체 수령 600,000원이 금액 칸에서만 다르게 표시됩니다.

수금 확인과 불일치 표시
수금 확인과 불일치 표시 실제 화면
핵심 기능 4

확장 설계

정산·소개자·구독·자동화 모듈을 1차 데이터 위에 어떻게 얹는지 모듈 카드와 연결 테이블 구조 표로 보여 주는 확장 설계 화면을 구현합니다.

  • 작업·수금 기록에 외래 키로 붙는 확장 테이블 구조 설계
  • 상태 전이 규칙을 데이터 표로 정의해 단계를 추가할 수 있는 구성
  • 지역·운영 주체 구분 필드를 모든 핵심 테이블에 두는 다지역 대비 설계

확장 모듈 카드를 누르면 연결되는 1차 테이블과 새로 생기는 테이블이 구조 표에서 강조됩니다.

확장 설계
확장 설계 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

상태 흐름과 데이터 구조 설계 · 2026.11

8단계 상태 전이 규칙, 이중 승인·수금 기록 구조, 확장 테이블 연결 방식 설계

STEP 2

접수·견적·작업 관리 화면 구현 · 2026.11

대리 접수, 협력업체 승인, 견적 요청·마감·재요청, 작업·A/S 목록과 엑셀 내보내기 구현

STEP 3

이중 승인·수금 확인 구현 · 2026.11

추가 작업 이중 승인, 고객·협력업체 수금 기록 비교와 불일치 표시, 문자 발송 이력 구현

STEP 4

권한·보안 적용과 통합 검수 · 2026.11

역할별 권한, 암호화·백업 구성, 권한·예외 통합 테스트와 운영 매뉴얼 정리

개발 결과

이중 승인 상태 모델 구현관리자 승인과 고객 승인을 각각 기록하고 둘 다 끝나기 전 완료 전환을 막는 규칙을 구현합니다
수금 불일치 표시 구현고객 지급과 협력업체 수령 기록을 필드별로 비교해 불일치를 표시하고 재확인 흐름을 구현합니다
진행 상태 이력 구현접수부터 A/S까지 단계별 처리 시간과 담당자를 기록하고 문자 발송 이력과 함께 조회하게 구현합니다
확장 대비 데이터 구조 설계정산·소개자·구독·자동화를 기존 테이블 변경 없이 붙이는 연결 구조를 설계합니다

기술적 주안점

  • 현황판 숫자는 접수 데이터에서 세어 만들기 때문에 이동한 목록의 건수와 항상 같습니다
  • R-2611-0471 건은 관리자 승인 완료·고객 승인 대기 상태로 열려 완료 불가 사유가 그대로 보입니다
  • R-2611-0455 건은 고객 지급 627,000원과 협력업체 수령 600,000원이 금액 칸에서만 다르게 표시됩니다

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

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

프로젝트 문의