국립대학 비교과센터 팀원 7명(팀장 1 + 직원 2 + 연구원 4)을 위한 URL 키 기반 접근 통제 통합 업무 관리 시스템입니다.
외부 서버 없이 브라우저 localStorage 또는 Supabase 클라우드 중 하나로 데이터를 저장합니다.
- URL 키(
?key=...) 기반 접근 인증 — 역할별 대시보드 자동 이동 - 저장소 이중화 — Supabase 키 설정 시 클라우드 DB, 미설정 시 localStorage 자동 폴백
- 사이드바 저장소 상태 배지 — 현재 사용 중인 저장소 종류 실시간 표시
- 전체 / 부서별 종합 현황 (도넛 차트, 막대 차트)
- 업무 과제 CRUD (부서·담당자·우선순위·상태 필터)
- 예산 집행 CRUD — 예산 세목 10개 선택 가능
- 세목별 예산 집계표 (예산액 / 집행액 / 잔액 / 집행률 진행바)
- 엑셀 다운로드 4종: 세목별 집계, 종합 현황, 집행 내역, 과제목록
- 대내외 평가 관리 CRUD
- 특이사항 확인/관리 + 미확인 배지
- 팀원 링크 관리(
admin.html) 바로가기
- 월별/분기별/연간 전환 보기
- 업무 과제 CRUD + 과제목록 엑셀 다운로드
- 예산 집행 CRUD — 예산 세목 선택 + 세목별 집계표 + 엑셀 다운로드
- 프로그램 관리(CRUD) + 프로그램별 예산 집계 엑셀
- 평가 관리, 특이사항 관리
- 월별/분기별/연간 전환 보기
- 업무 과제 CRUD + 과제목록 엑셀 다운로드
- 예산 집행 CRUD — 예산 세목 선택 + 세목별 집계표 + 엑셀 다운로드
- 프로그램 관리(CRUD) + 프로그램별 예산 집계 엑셀
- 평가 관리, 특이사항 관리
- 연구원 개인 필터 (자신의 업무만 보기 가능)
- 월별/분기별/연간 전환 보기
- 업무 과제 CRUD + 과제목록 엑셀 다운로드
- 예산 집행 CRUD — 예산 세목 선택 + 세목별 집계표 + 엑셀 다운로드
- 프로그램 관리(CRUD) + 프로그램별 예산 집계 엑셀
- 평가 관리, 특이사항 관리
| 세목명 | 세목명 | |
|---|---|---|
| 공공요금및제세 | 일반수용비 | |
| 관리용역비 | 일반용역비 | |
| 민간경상보조 | 일용임금 | |
| 사업추진업무추진비 | 일용직부담금 | |
| 운영수당 | 장학금 |
예산 추가/수정 모달의 세부 프로그램 드롭다운에 부서에 맞는 목록이 자동으로 표시됩니다.
- CIEAT 유지보수 / CIEAT 마일리지 이벤트 / CIEAT 마일리지 우수 학과
- CIEAT 마일리지 우수 학생 / 비교과 우수사례 경진대회 / 비교과 수기공모전
- 비교과과정운영위원회
- RC-Bridge / RC-10minutes / RC-특강 / RC-인사이트
- RC-초급 영어회화 / RC-봉사활동 / RC-운영관리
- CBNU 에세이 대회 / 글쓰기 상담 / 교과 연계 / 독서골든벨 / 독서나눔
- 독서인증제 / 스피치멘토링 / 토론광장 / 의사소통 관리 / 의사소통 성과 확산
팀장 대시보드(
dashboard_manager.html)에서는 업무 구분 선택 시 해당 부서의 프로그램 목록이 즉시 전환됩니다.
| 버튼 위치 | 파일명 형식 | 포함 내용 |
|---|---|---|
| 팀장 > 예산 > 세목별 다운로드 | 비교과센터_세목별집계_YYYY년_N월.xls |
세목별 예산/집행/잔액/집행률 |
| 팀장 > 예산 > 종합 현황 | 비교과센터_종합현황_YYYY년_N월.xls |
부서별 요약 + 과제요약 + 세목집계 |
| 팀장/직원 > 예산 > 집행내역 | [부서]_예산집행_YYYY년_N월.xls |
세목별 그룹 + 항목 상세 |
| 팀장/직원 > 과제 > 과제목록 | [부서]_업무과제_YYYY년_N월.xls |
과제 상세 + 상태 요약 |
| 직원 > 프로그램 | [부서]_프로그램별예산_YYYY년_N월.xls |
프로그램별 세목 소계 |
| 역할 | 이름 | 키 |
|---|---|---|
| 팀장 | 팀장 | ?key=MGR-2026-K9mXpQ7vRt |
| 직원(시스템) | 최진아 | ?key=SYS-2026-A3nLwE8cZu |
| 직원(RC) | 이명옥 | ?key=RC-2026-B7qYmF2dVs |
| 연구원1 | 김자영 | ?key=COM1-2026-C4rHkG5eWn |
| 연구원2 | 이진우 | ?key=COM2-2026-D8sTjI9fXo |
| 연구원3 | 김진국 | ?key=COM3-2026-E2uUlJ6gYp |
| 연구원4 | 손대익 | ?key=COM4-2026-F6vVmK3hZq |
index.html ← 접속 홈 (키 입력/링크 이동)
dashboard_manager.html ← 팀장 총괄 대시보드
dashboard_system.html ← 비교과통합관리시스템 담당자
dashboard_rc.html ← RC 프로그램 담당자
dashboard_comm.html ← 의사소통 교육 연구원
admin.html ← 팀장 전용 링크 관리
guide.html ← 사용 가이드
setup.html ← 독립 배포 가이드 (Supabase + GitHub Pages)
css/common.css ← 공통 스타일
js/config.js ← Supabase 연결 설정 (비워두면 localStorage 사용)
js/api.js ← DB 추상화 레이어 (Supabase ↔ localStorage)
js/common.js ← 인증·날짜·배지 유틸
js/budget_categories.js ← 예산 세목 10종 정의
js/excel_export.js ← 엑셀(.xls) 다운로드 엔진
- Supabase (supabase.com) 무료 계정 생성 → 프로젝트 생성 → SQL로 테이블 4개(tasks, budget, evaluations, notices) 생성
js/config.js에 Supabase URL + anon key 입력- GitHub Pages에 파일 업로드 → 무료 호스팅 URL 확보
- Supabase CORS에 GitHub Pages URL 등록
setup.html내 단계별 가이드 참고
Supabase 무료 플랜: DB 500MB · API 요청 200만건/월 — 7명 팀 충분
- 팀원 대시보드(system/rc/comm)에서 직접 팀장 보고 기능 (특이사항 푸시 알림 등)
- 연간 예산 계획서 입력 화면 (세목별 예산 배정)
- ✅ 모바일 반응형 레이아웃 완료 — 전체 대시보드 화면 크기에 따라 자동 조정
- Supabase Row Level Security 적용 (보안 강화)
- 프로그램별 과제-예산 연동 집계 자동화