UI/UX 설계서 대시보드 진행중 회의 표시 기능 추가 (v1.3.1)

**진행중 회의 표시 기능 추가**
- 예정된 회의 카드명 변경: "예정된/진행중 회의"
- 진행중 회의 정의
  - 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨
  - 사용자가 참석자 또는 생성자
- 우선순위 정렬
  1. 진행중 회의 (최상단 우선 표시)
  2. 예정된 회의 (회의 일시 순)

**UI 구성요소 개선**
- 상태 배지 추가
  - "진행중" (빨강/주황, 깜빡임 애니메이션, 1초 간격)
  - "D-1", "D-day", "3시간 후" (예정된 회의)
- 빠른 참여 버튼 (진행중 회의만)
  - "참여하기" 버튼 (Primary, 작은 크기)
  - 클릭 시 회의 진행 화면으로 즉시 이동

**인터랙션 개선**
- 진행중 회의
  - "참여하기" 버튼 → 회의 진행 화면 즉시 이동
  - 회의 항목 클릭 → 회의 상세 정보 표시
  - 배지 애니메이션: 깜빡임 효과
- 예정된 회의
  - 회의 항목 클릭 → 회의 상세 정보 표시
  - 호버 효과: 카드 그림자 증가

**데이터 요구사항 개선**
- 필터 조건 추가
  - 진행중 회의: 시작 시간 <= 현재 AND 종료 안 됨
  - 예정된 회의: 회의 일시 >= 현재 시간
- 정렬 우선순위 명확화
  1. 진행중 회의 우선 (상태 = ongoing)
  2. 예정된 회의 (일시 순, 가까운 순)
- 출력 데이터: 상태 (예정/진행중) 추가

**통계 데이터 개선 (Desktop)**
- 예정된/진행중 회의 수 표시
- 진행중 회의 수 별도 배지 표시 (빨강)

**에러 처리 추가**
- 진행중 회의 참여 실패 시나리오
  - 회의 종료됨: "이미 종료된 회의입니다"
  - 권한 없음: "참여 권한이 없습니다"
  - 네트워크 오류: "네트워크 연결을 확인해주세요"

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

design/uiux/uiux.md

@@ -4,7 +4,7 @@
 - **작성일**: 2025-10-21
 - **최종 수정일**: 2025-10-21
 - **작성자**: 이미준 (서비스 기획자)
-- **버전**: 1.3
+- **버전**: 1.3.1
 - **설계 철학**: Mobile First Design
 
 ---
@@ -215,7 +215,9 @@ graph TD
 
 #### 주요 기능
 1. 빠른 회의 시작 및 예약
-2. **예정된/초대받은 회의 목록** (upcoming meetings)
+2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings)
+   - 예정된 회의 (아직 시작 전)
+   - 진행중 회의 (참여 가능한 회의)
 3. **내 Todo 우선순위별 표시** (지연중 → 진행중 → 미진행 → 완료, 최대 5개)
 4. **내 회의록** (참여자/생성자로 등록된 최근 3개, 상태 포함)
 5. **공유받은 회의록** (최근 공유받은 순 3개)
@@ -238,14 +240,25 @@ graph TD
     - "새 회의 시작" 버튼 (Primary, 아이콘: play_circle, flex: 1)
     - "회의 예약" 버튼 (Secondary, 아이콘: calendar_today)
 
-  - **예정된 회의** 카드 (신규)
+  - **예정된/진행중 회의** 카드 (신규)
     - 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크
-    - 예정된/초대받은 회의 리스트 (최대 3개)
+    - 회의 리스트 (최대 3개, 우선순위 순)
+      1. **진행중 회의** (우선 표시)
+         - 상태: 회의 시작됨, 아직 종료 안 됨, 참여 가능
+         - 긴급 표시: "진행중" 배지 (빨강/주황색, 애니메이션)
+      2. **예정된 회의** (시작 전)
+         - 상태: 회의 일시 >= 현재 시간
+         - D-day 표시 (긴급도에 따라 색상 구분)
     - 각 항목:
+      - **상태 배지** (최우선 표시):
+        - "진행중" (빨강/주황, 깜빡임 애니메이션) - 진행중 회의
+        - "D-1", "D-day", "3시간 후" 등 - 예정된 회의
       - 회의 제목 (H5)
       - 회의 일시 (아이콘: calendar_today)
       - 참석자 수 (아이콘: people)
-      - D-day 배지 (긴급도에 따라 색상 구분)
+      - **빠른 참여 버튼** (진행중 회의만):
+        - "참여하기" 버튼 (Primary, 작은 크기)
+        - 클릭 시 바로 회의 진행 화면으로 이동
     - 빈 상태: "예정된 회의가 없습니다"
 
   - **내 Todo** 카드 (개선)
@@ -313,13 +326,16 @@ graph TD
     - 빠른 액션 (가로 배치)
 
   - **통계 그리드** (3컬럼, auto-fit):
-    - 예정된 회의 (아이콘: 📅, Primary 색상)
+    - 예정된/진행중 회의 (아이콘: 📅, Primary 색상)
+      - 진행중 회의 수 별도 표시 (빨강 배지)
     - 진행 중 Todo (아이콘: ✅, Warning 색상)
     - Todo 완료율 (아이콘: 📈, Success 색상)
 
   - **2컬럼 그리드**:
     - 좌측 컬럼 (2/3 너비)
-      - 예정된 회의 섹션
+      - 예정된/진행중 회의 섹션
+        - 진행중 회의 우선 표시 (상단)
+        - 예정된 회의 (하단)
       - 내 회의록 섹션
     - 우측 컬럼 (1/3 너비)
       - 내 Todo 위젯
@@ -330,13 +346,23 @@ graph TD
    - "새 회의 시작" 클릭 → 템플릿선택 화면으로 이동 (페이드 전환)
    - "회의 예약" 클릭 → 회의예약 화면으로 이동
 
-2. **카드 인터랙션**
+2. **예정된/진행중 회의 인터랙션**
+   - **진행중 회의**:
+     - "참여하기" 버튼 클릭 → 회의 진행 화면으로 즉시 이동
+     - 회의 항목 클릭 → 회의 상세 정보 표시 (모달 또는 화면 이동)
+     - 애니메이션: "진행중" 배지 깜빡임 효과 (1초 간격)
+   - **예정된 회의**:
+     - 회의 항목 클릭 → 회의 상세 정보 표시
+     - 호버 효과: 카드 그림자 증가
+   - "전체 보기" 링크 클릭 → 회의 목록 화면으로 이동
+
+3. **카드 인터랙션**
    - 회의록 항목 클릭 → 회의록 상세 화면으로 이동
    - Todo 항목 클릭 → Todo 관리 화면으로 이동
    - "전체 보기" 링크 클릭 → 해당 목록 화면으로 이동
    - 호버 효과: 카드 그림자 증가, 약간 상승 (transform: translateY(-2px))
 
-3. **검색**
+4. **검색**
    - 검색 아이콘 클릭: 전체 화면 검색 인터페이스 표시
    - 실시간 자동완성 및 최근 검색어 제공
 
@@ -346,11 +372,15 @@ graph TD
   - 현재 날짜/시간 (예정된 회의 필터링용)
 
 - **출력**:
-  - **예정된 회의**:
+  - **예정된/진행중 회의**:
-    - 회의 ID, 제목, 일시, 참석자 목록, D-day
+    - 회의 ID, 제목, 일시, 참석자 목록, 상태 (예정/진행중), D-day
-    - 필터: 회의 일시 >= 현재 시간, 사용자가 참석자 또는 생성자
+    - 필터 조건:
-    - 정렬: 회의 일시 순 (가까운 순)
+      - **진행중 회의**: 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨, 사용자가 참석자 또는 생성자
-    - 최대 3개
+      - **예정된 회의**: 회의 일시 >= 현재 시간, 사용자가 참석자 또는 생성자
+    - 정렬 우선순위:
+      1. 진행중 회의 우선 (상태 = ongoing)
+      2. 예정된 회의 (회의 일시 순, 가까운 순)
+    - 최대 3개 (진행중 회의 우선)
 
   - **내 Todo**:
     - Todo ID, 제목, 담당자, 마감일, 상태, 우선순위
@@ -375,7 +405,7 @@ graph TD
     - 최대 3개
 
   - **통계 데이터** (Desktop):
-    - 예정된 회의 수
+    - 예정된/진행중 회의 수 (진행중 회의 수 별도 배지)
     - 진행 중 Todo 수
     - Todo 완료율 (완료 / 전체 × 100)
 
@@ -395,11 +425,18 @@ graph TD
   - 사용자 경험 최소 방해
 
 - **빈 상태** (각 섹션별):
-  - 예정된 회의: "예정된 회의가 없습니다"
+  - 예정된/진행중 회의: "예정된 회의가 없습니다"
   - Todo: "할당된 Todo가 없습니다"
   - 내 회의록: "작성한 회의록이 없습니다. 첫 회의를 시작해보세요!"
   - 공유받은 회의록: "공유받은 회의록이 없습니다"
 
+- **진행중 회의 참여 실패**:
+  - "회의에 참여할 수 없습니다." 토스트 메시지
+  - 원인별 안내:
+    - 회의 종료됨: "이미 종료된 회의입니다"
+    - 권한 없음: "참여 권한이 없습니다"
+    - 네트워크 오류: "네트워크 연결을 확인해주세요"
+
 - **네트워크 오류**:
   - "네트워크 연결을 확인해주세요." 토스트 메시지
   - 자동 재시도 (최대 3회, exponential backoff)
@@ -1688,6 +1725,7 @@ graph TD
 | 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가<br>- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가<br>- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가<br>- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가<br>- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |
 | 1.2 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반)<br>- 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드/타임라인)<br>- 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션<br>- 참고자료 관련도 점수 표시 (백분율 + 색상 코딩)<br>- 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)<br>- 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) |
 | 1.3 | 2025-10-21 | 이미준 | 대시보드 및 회의록 목록 화면 개선 (사용자 피드백 반영)<br>- 02-대시보드: 예정된 회의 카드 추가, Todo 우선순위 정렬 개선 (지연→진행→미진행→완료, 최대 5개), 내 회의록 상태 배지 추가, 공유받은 회의록 섹션 개선<br>- 12-회의록목록조회: 신규 화면 추가 (필터링/정렬/검색 기능)<br>  - 필터: 참여 유형(공유받은/참석한/생성한), 상태(전체/작성중/확정완료)<br>  - 정렬: 최신 회의순/최신 업데이트순/제목 가나다순<br>  - 검색: 제목/참석자/키워드 통합 검색<br>  - 통계 정보 표시 (전체/작성중/확정완료 개수)<br>- 참조: design/uiux/prototype_fix 및 design-gappa/uiux/prototype 파일 |
+| 1.3.1 | 2025-10-21 | 이미준 | 대시보드 진행중 회의 표시 기능 추가<br>- 02-대시보드: 예정된 회의 카드에 진행중 회의 포함<br>  - 진행중 회의 우선 표시 (최상단)<br>  - "진행중" 배지 (빨강/주황, 깜빡임 애니메이션)<br>  - "참여하기" 버튼으로 즉시 회의 참여 가능<br>  - 정렬: 진행중 회의 → 예정된 회의 (일시 순)<br>- 데이터 요구사항: 회의 상태 (ongoing) 추가, 진행중 회의 필터 조건 정의<br>- 에러 처리: 진행중 회의 참여 실패 시나리오 추가 (종료됨/권한없음/네트워크오류) |
 
 ---