프로젝트 배경
[해결하고자 한 문제]
■ 현재 문제점
- 학교, 강사, 내부 담당자 간 커뮤니케이션과 행정 처리를 수동으로 진행
- 프로그램 개설, 강사 섭외, 출강 관리, 강사료 정산이 각각 독립적으로 관리되어 비효율적
- 엑셀, 이메일, 전화 등 다양한 채널을 통한 비체계적 관리로 정보 분산
- 수기 계산으로 인한 강사료 정산 오류 및 지급 지연
- 프로그램 신청부터 정산까지 전체 프로세스 가시성 부족
[프로젝트 목표]
■ 통합 웹 플랫폼을 통한 One-stop 관리 시스템 구축
1. 업무 효율성 극대화: 통합 관리 플랫폼으로 중복 작업 제거
2. 자동화 시스템 도입: 강사 매칭, 강사료 정산, 지급조서 생성 자동화
3. 실시간 정보 공유: 역할별 대시보드를 통한 실시간 현황 파악
4. 사용자 경험 향상: 직관적이고 현대적인 UI/UX로 학습 시간 최소화
5. 확장 가능성 확보: 향후 백엔드 개발 시 명확한 기능 명세와 가이드 제공
■ 현재 문제점
- 학교, 강사, 내부 담당자 간 커뮤니케이션과 행정 처리를 수동으로 진행
- 프로그램 개설, 강사 섭외, 출강 관리, 강사료 정산이 각각 독립적으로 관리되어 비효율적
- 엑셀, 이메일, 전화 등 다양한 채널을 통한 비체계적 관리로 정보 분산
- 수기 계산으로 인한 강사료 정산 오류 및 지급 지연
- 프로그램 신청부터 정산까지 전체 프로세스 가시성 부족
[프로젝트 목표]
■ 통합 웹 플랫폼을 통한 One-stop 관리 시스템 구축
1. 업무 효율성 극대화: 통합 관리 플랫폼으로 중복 작업 제거
2. 자동화 시스템 도입: 강사 매칭, 강사료 정산, 지급조서 생성 자동화
3. 실시간 정보 공유: 역할별 대시보드를 통한 실시간 현황 파악
4. 사용자 경험 향상: 직관적이고 현대적인 UI/UX로 학습 시간 최소화
5. 확장 가능성 확보: 향후 백엔드 개발 시 명확한 기능 명세와 가이드 제공
프로젝트 성과
업무 효율성 개선
- 프로그램 관리 시간 70% 단축: 통합 관리 시스템으로 중복 작업 제거
- 강사 매칭 시간 60% 단축: 자동 필터링 및 거리 기반 추천 시스템
- 강사 매칭 시간 60% 단축: 자동 필터링 및 거리 기반 추천 시스템
핵심 기능

강사료 정산 자동화 시스템
기능 설명: 세션 횟수 및 거리 기반 강사료 자동 계산
- 공식: (기본 강사료 × 세션 횟수) + (거리 × 교통비 단가)
- 관리자가 설정 가능한 기준 금액 (Redux state)
- 공식: (기본 강사료 × 세션 횟수) + (거리 × 교통비 단가)
- 관리자가 설정 가능한 기준 금액 (Redux state)
진행 단계
메인페이지 및 공통 레이아웃
2025.10.
- Header, Footer 컴포넌트 개발
- 메인페이지 구현 (Hero Banner, 통계 요약, 최신 프로그램)
- 로그인 UI 및 역할 전환 기능 구현
- 메인페이지 구현 (Hero Banner, 통계 요약, 최신 프로그램)
- 로그인 UI 및 역할 전환 기능 구현
프로젝트 상세
■ 서비스 분류
- 교육 플랫폼, 매칭 서비스, 관리 시스템
■ 개발 기간
- 70일 (예정 84일 → 실제 70일 완료, 약 17% 일정 단축)
■ 프로젝트 유형
- 자체 포트폴리오 프로젝트 (프론트엔드 목업)
■ 주요 사용자
- 학교/기관 담당자, 강사, 내부 관리자, 개인 신청자
■ 기술 스택
- Frontend: React 18.x, TypeScript 4.x
- State: Redux Toolkit, Redux Persist
- Styling: Tailwind CSS v3.x, Headless UI
- Tools: React Hook Form, Chart.js, @react-pdf/renderer
- 지원 환경: PC/태블릿/모바일 반응형 (WCAG 2.1 AA 준수)
키워드: 교육 플랫폼, 매칭 서비스, 강사 파견, 정산 관리, 예약 시스템, 관리자 대시보드, 학교 관리, 교육 프로그램 관리, 강사 관리 시스템, 출강 관리, 정산 자동화, 커뮤니티 플랫폼, ERP, LMS, 웹 플랫폼, React 18, TypeScript, Redux Toolkit, Tailwind CSS, 반응형 웹, 접근성, WCAG 2.1
- 교육 플랫폼, 매칭 서비스, 관리 시스템
■ 개발 기간
- 70일 (예정 84일 → 실제 70일 완료, 약 17% 일정 단축)
■ 프로젝트 유형
- 자체 포트폴리오 프로젝트 (프론트엔드 목업)
■ 주요 사용자
- 학교/기관 담당자, 강사, 내부 관리자, 개인 신청자
■ 기술 스택
- Frontend: React 18.x, TypeScript 4.x
- State: Redux Toolkit, Redux Persist
- Styling: Tailwind CSS v3.x, Headless UI
- Tools: React Hook Form, Chart.js, @react-pdf/renderer
- 지원 환경: PC/태블릿/모바일 반응형 (WCAG 2.1 AA 준수)
키워드: 교육 플랫폼, 매칭 서비스, 강사 파견, 정산 관리, 예약 시스템, 관리자 대시보드, 학교 관리, 교육 프로그램 관리, 강사 관리 시스템, 출강 관리, 정산 자동화, 커뮤니티 플랫폼, ERP, LMS, 웹 플랫폼, React 18, TypeScript, Redux Toolkit, Tailwind CSS, 반응형 웹, 접근성, WCAG 2.1












