SYSTEM BLUEPRINT

외국인 상담의
언어 장벽을 허뭅니다

다국어 지원 상담 및 예약 플랫폼 MVP | 법무법인 외국인센터 디지털 전환 솔루션

외국인 상담 이용자 시나리오

외국인 상담 이용자 - 예약 플로우

언어 선택부터 상담 예약 완료까지 5단계 사용자 여정

언어 선택

모국어 선택으로 인터페이스 전환

상담사 검색

언어/전문분야별 상담사 필터링

시간대 선택

실시간 가능 시간대 캘린더 확인

예약 신청

상담 목적 및 정보 입력 후 신청

예약 확인

예약 완료 알림 및 이력 저장

외국인 상담 이용자 | 화면 01

언어 선택 화면

counseling.idealabs.kr/language-select
US
English
영어
CN
中文
중국어
ES
Espanol
스페인어
VN
Tieng Viet
베트남어

[화면 개요 및 목적]

최초 진입 시 모국어 선택 화면. 선택된 언어로 전체 인터페이스가 즉시 전환되며, 이후 설정에서 변경 가능.

[핵심 기능 로직]

언어 코드를 localStorage에 저장하고, 라우터 미들웨어를 통해 전역 언어 컨텍스트 적용.

  • flutter_localizations / next-intl
  • LocalStorage 기반 언어 상태 유지
외국인 상담 이용자 | 화면 02

상담사 목록 화면

counseling.idealabs.kr/counselors
김민수 상담사
이민법, 노동법 전문
예약 가능4.8
박지영 상담사
비자, 체류 자격 전문
예약 가능4.9

[화면 개요 및 목적]

상담사 프로필 목록. 언어별, 전문분야별 필터링 지원. 각 상담사의 소개, 평점, 가능 시간대 미리보기 제공.

[핵심 기능 로직]

상담사 마스터 데이터에서 언어/전문분야 태그 기반 필터링. 실시간 가능 여부 API 연동.

  • React Query 기반 캐싱 및 필터링
  • Supabase Realtime 가능 상태 업데이트
외국인 상담 이용자 | 화면 03

예약 캘린더 화면

Mon
Tue
Wed
Thu
Fri
Sat
Sun
11
12
13
14
15
16
17
09:00
10:00
11:00
14:00

[화면 개요 및 목적]

선택한 상담사의 실시간 가능 시간대 캘린더. 시간대별 색상 구분으로 직관적 선택.

[핵심 기능 로직]

캘린더 슬롯은 30분 단위. 중복 예약 방지를 위해 트랜잭션 락 적용.

  • FullCalendar 커스텀 스케줄러
  • PostgreSQL 트랜잭션 락 기반 중복 방지
상담사 시나리오

상담사 - 업무 플로우

로그인부터 상담 기록 관리까지 상담사 업무 프로세스

로그인

상담사 전용 인증 화면 진입

대시보드 확인

오늘 예약 현황 및 알림 확인

예약 관리

예약 목록 확인 및 상태 변경

상담 진행

상담 이력 기록 및 문서 첨부

상담 완료

상담 종료 및 후속 조치 입력

상담사 | 화면 01

상담사 대시보드

counseling.idealabs.kr/dashboard
오늘 예약
5
대기 신청
3
이번 주 상담
18
만족도
4.8
오늘 타임라인
09:00
김OO - 이민법 상담
완료
10:00
박OO - 비자 상담
진행중

[화면 개요 및 목적]

상담사 로그인 후 메인 대시보드. 오늘 예약 목록, 미처리 알림, 주간 상담 통계 확인.

[핵심 기능 로직]

대시보드 데이터는 Realtime 구독으로 자동 갱신. 예약 상태 변경 시 즉시 UI 반영.

  • Supabase Realtime 구독
  • Row Level Security 기반 권한 제어
상담사 | 화면 02

예약 관리 화면

counseling.idealabs.kr/reservations
김OO
이민법 상담 요청
박OO
노동법 상담 요청

[화면 개요 및 목적]

전체 예약 목록 및 상세 관리. 예약 상태별 필터링. 예약 수정 및 취소 기능.

[핵심 기능 로직]

예약 상태 변경 시 관련자에게 자동 알림. 취소 시 시간대 슬롯 자동 해제.

  • 상태 머신 기반 예약 워크플로우
  • Resend/SMTP 기반 알림 발송
상담사 | 화면 03

상담 기록 화면

counseling.idealabs.kr/counseling-records
상담 기록
김OO
2026.05.13 10:00 - 이민법 상담
상담 내용
상담 내용을 여기에 기록합니다...
사후 조치
사후 조치 사항을 기록합니다...

[화면 개요 및 목적]

상담사별 상담 이력 관리. 고객별 상담 기록 타임라인, 첨부 문서, 후속 조치 내역 확인.

[핵심 기능 로직]

상담 기록은 GDPR 준수 암호화 저장. 상담사 본인 상담 기록만 조회 가능.

  • Data Aggregation & Visualization
  • 상담사별 Row Level Security
시스템 관리자 시나리오

시스템 관리자 - 관리 플로우

시스템 모니터링부터 사용자 관리까지 관리자 업무 프로세스

대시보드

시스템 전체 현황 모니터링

사용자 관리

사용자 계정 및 역할 관리

시스템 설정

언어/정책/알림 설정

데이터 관리

예약/상담 데이터 백업 및 관리

보고서 생성

운영 통계 및 보고서 출력

시스템 관리자 | 화면 01

관리자 대시보드

admin.idealabs.kr/dashboard
👥
1,247
총 사용자
👤
32
활성 상담사
📅
156
오늘 예약
정상
시스템 상태

[화면 개요 및 목적]

시스템 전체 현황 모니터링. 총 사용자 수, 활성 상담사, 오늘 예약 수, 시스템 상태 확인.

[핵심 기능 로직]

실시간 데이터 집계 및 시각화. 시스템 헬스체크 API 연동으로 장애 조기 감지.

  • Recharts 기반 데이터 시각화
  • Supabase Edge Functions 집계 쿼리
시스템 관리자 | 화면 02

사용자 관리 화면

admin.idealabs.kr/users
사용자 계정 관리
김철수
활성
이영희
대기
박지민
비활성
역할 관리
시스템 관리자
3명
상담사
32명
외국인 사용자
1,212명

[화면 개요 및 목적]

사용자 계정 및 역할 관리. 계정 생성/수정/삭제, 역할 할당, 접근 권한 관리.

[핵심 기능 로직]

RBAC(Role-Based Access Control) 기반 권한 관리. 역할 변경 시 세션 무효화.

  • CASL 기반 권한 검증
  • Supabase RLS 정책 관리
시스템 관리자 | 화면 03

시스템 설정 화면

admin.idealabs.kr/settings
언어 설정
영어
중국어
스페인어
알림 설정
이메일 알림
SMS 알림
푸시 알림
정책 설정
GDPR 준수
데이터 암호화
세션 타임아웃
30분

[화면 개요 및 목적]

시스템 전반 설정 관리. 언어/정책/알림 설정. GDPR 준수 설정 및 데이터 암호화 옵션.

[핵심 기능 로직]

설정 변경 시 전역 상태 업데이트. 민감 설정은 2단계 인증 필요.

  • React Hook Form 기반 설정 폼
  • Issue Tracking & Status Management