광고대행사 내부 업무관리 시스템

고객 제공 프로토타입을 실제 DB 연동 서비스로 확장한 관리자 시스템

고객이 제공한 HTML 프로토타입을 실제 데이터베이스와 연동되는 서비스로 전환했습니다. 계정·접근 권한, 계약 정보, 영업 스크립트 기능을 구현했고, 이후 광고주별 작업 기록 관리 기능을 추가했습니다.

01해결한 과제

계약부터 작업 기록, 상담 대본까지 이어지는 운영 흐름

광고주별 계약 기간과 금액, 담당자, 작업 내역을 서로 연결해 확인하고, 관리자와 팀원이 각자의 권한에 맞게 사용하는 업무 화면이 필요했습니다. 계약 현황 확인부터 작업 기록과 상담 대본 관리까지 하나의 시스템에서 이어지도록 구성했습니다.

핵심 방향: 업무관리시스템 · 관리자페이지 · 역할별 접근 권한 · 고객 관리
사용 기술: HTML · CSS · JavaScript (ES Modules) · Tabler UI · Supabase Auth · PostgreSQL · Supabase RLS · SQL 함수(RPC) · Cloudflare Pages

02주요 기능

계약 현황 대시보드

기준 월을 선택해 계약 시작일 기준 계약금액 합계와 신규 계약 수를 확인합니다. 광고주 목록은 상호명·담당자·계약 상태로 검색·필터링하고 정렬할 수 있습니다. 집계 금액은 계약금액 기준이며 입금액이나 회계상 매출과는 다릅니다.
광고주·계약 정보 관리

상호명, 담당자, 계약 기간, 금액, 결제 방식, 계약 상태, 메모를 관리합니다. 관리자는 전체 계약을 조회·수정하고, 승인된 팀원은 본인이 담당하는 광고주를 조회·등록하도록 권한을 나눴습니다.
광고주별 작업 이력

작업 날짜, 종류, 수량, 메모를 광고주별로 기록합니다. 삭제한 기록을 다시 확인·복원할 수 있고, 광고주 정보와 작업 내역을 CSV로 내보낼 수 있습니다.
팀원 계정·접근 권한

가입 신청 승인과 사용 중지, 직급과 담당 계약금액 확인 기능을 만들었습니다. 화면의 메뉴 구분과 함께 데이터베이스의 행 단위 보안 정책(RLS)으로 데이터 접근 범위를 설정했습니다.
영업 스크립트 관리

상담 상황별 질문, 답변, 다음 행동을 분류하고 검색·복사할 수 있습니다. 관리자의 기본 대본과 팀원별 개인 사본을 구분해 서로의 대본에 영향을 주지 않도록 했습니다.