diff --git a/design/uiux/prototype/12-회의록목록조회.html b/design/uiux/prototype/12-회의록목록조회.html
index 9a6baef..1e04bd0 100644
--- a/design/uiux/prototype/12-회의록목록조회.html
+++ b/design/uiux/prototype/12-회의록목록조회.html
@@ -513,7 +513,7 @@
- 참석한 회의
+ 참여한 회의
생성한 회의
@@ -527,7 +527,7 @@
C[회의예약]
C --> D[템플릿선택]
D --> E[회의진행]
- E --> F{검증 완료?}
- F -->|Yes| G[회의종료]
- F -->|No| E
- G --> B
+ E --> G[회의종료]
+ G --> H{회의록 수정?}
+ H -->|Yes| K[회의록수정]
+ H -->|No| B
+ K --> B
B --> I[회의록상세조회]
I --> J{수정 필요?}
- J -->|Yes| K[회의록수정]
+ J -->|Yes| K
K --> I
J -->|No| B
-
- B --> L[Todo관리]
- L --> M{Todo 출처 확인?}
- M -->|Yes| I
- M -->|No| B
-
- E -.실시간 연동.-> L
```
[↑ 목차로 돌아가기](#목차)
@@ -253,45 +214,39 @@ graph TD
- **비즈니스 중요도**: 필수
- **접근 경로**: 로그인 후 메인 화면
-#### 주요 기능 (MVP 스코프 축소 v1.5.0)
+#### 주요 기능
1. 빠른 회의 시작 및 예약
-2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings)
- - 예정된 회의 (아직 시작 전)
- - 진행중 회의 (참여 가능한 회의)
+2. **최근 회의 목록** (최대 3개, 회의록 미생성 우선)
+ - 1순위: 진행중 회의 (참여 가능)
+ - 2순위: 예정된 회의 (시작 전)
+ - 3순위: 최근 종료된 회의 (회의록 있음, 1+2순위가 3개 미만일 때만 표시)
3. **통계 정보 표시** (예정된 회의, 작성중 회의록)
4. **내 회의록** (참여자/생성자로 등록된 최근 4개, 상태 포함)
-5. 전역 검색
-
-**변경사항 (v1.5.0)**:
-- ❌ 제거: "내 Todo" 섹션 및 Todo 관리 메뉴
-- ✅ 추가: "작성중 회의록" 통계 카드
-- ✅ 변경: 네비게이션 간소화 (대시보드, 회의록만 유지)
#### UI 구성요소
**Mobile (320px~768px)**
-- **헤더** (상단) - **개선안 A 적용 (v1.5)**
+- **헤더** (상단)
- "안녕하세요 👋" (H3, Bold)
- 부제: "오늘 {N}건의 회의가 예정되어 있어요" (Body, 회색)
- N = 예정된 회의 개수 (동적 업데이트)
- 예정된 회의가 없을 경우: "예정된 회의가 없습니다"
- **메인 콘텐츠** (스크롤, padding-bottom: 80px, background: gray-50)
- - **통계 카드** (2열 그리드) - **v1.5.0 변경**
+ - **통계 카드** (2열 그리드)
- "📅 예정된 회의" 카드
- - 값: 전체 예정 + 진행 중 회의 개수
- - 클릭 액션: 없음 (정보 표시만)
+ - 값: 전체 예정 + 진행 중 회의 개수
- "📝 작성중 회의록" 카드
- - 값: 내가 참석한 회의 중 '작성중' 상태인 회의록 개수
- - 클릭 액션: 없음 (정보 표시만)
+ - 값: 내가 참여한 회의 중 '작성중' 상태인 회의록 개수
- 높이: ~80px
+ - 클릭 액션: 없음 (정보 표시만)
- 반응형: 태블릿 이상에서 간격 증가
- **최근 회의** 섹션
- - 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크
+ - 헤더: "최근 회의" (H4)
- **정렬 기준** (UFR-USER-020 기준):
1. **1순위**: 회의록 미생성 회의 (진행중 + 예정) 우선 표시
- 2. **2순위**: 미생성이 3개 미만이면 최근 종료된 회의(회의록 있음)로 나머지 채움
+ 2. **2순위**: 1순위가 3개 미만이면 최근 종료된 회의(회의록 있음)로 나머지 채움
3. **각 그룹 내 정렬**: 빠른 일시 순 (시작 시간 기준)
4. **최대 표시**: 3개
- **회의 카드** (클릭 가능 블록):
@@ -302,15 +257,15 @@ graph TD
- 회의 제목 (H5)
- 생성자 표시 (👑 아이콘) - 내가 생성한 회의인 경우
- 회의 일시 (아이콘: calendar_today)
- - 참석자 수 (아이콘: people)
+ - 참여자 수 (아이콘: people)
- 장소 정보
- 상태 버튼 (표시용):
- 진행중: "참여하기" 버튼
- - 예정: "수정하기" 버튼
- - 완료: "보기" 버튼
+ - 예정: 버튼 없음 (카드 클릭으로 처리)
+ - 완료: 버튼 없음 (카드 클릭으로 처리)
- 빈 상태: "예정된 회의가 없습니다"
- - **내 회의록** 카드 - **v1.5.0 변경 (Todo 섹션 제거)**
+ - **내 회의록** 카드
- 헤더: "내 회의록" (H4) + "전체 보기 →" 링크 (회의록 목록 화면으로 이동)
- **최근 회의록 리스트** (최대 4개, 2x2 그리드):
- 필터: 내가 참여자 또는 생성자로 등록된 회의록
@@ -318,7 +273,7 @@ graph TD
- 각 항목:
- 회의 제목 (H5)
- 회의 일시 (날짜 + 시간)
- - 참석자 수
+ - 참여자 수
- **상태 배지**:
- "작성중" (draft, 주황색 배지)
- "확정완료" (confirmed, 초록색 배지)
@@ -359,28 +314,21 @@ graph TD
- "회의 예약" 클릭 → 회의예약 화면으로 이동
2. **예정된/진행중 회의 인터랙션**
- - **진행중 회의** (모든 참석자):
+ - **진행중 회의** (모든 참여자):
- "참여하기" 버튼 클릭 → 회의 진행 화면으로 즉시 이동
- 회의 항목 클릭 → 회의 상세 정보 표시 (모달 또는 화면 이동)
- 애니메이션: "진행중" 배지 깜빡임 효과 (1초 간격)
- **예정된 회의 - 생성자 (내가 생성한 회의)**:
- - "수정" 버튼 클릭 → 회의 예약 수정 화면으로 이동
- - 회의 제목, 일시, 참석자, 안건 등 수정 가능
- - 저장 시 참석자에게 변경 알림 발송
- - 회의 항목 클릭 → 회의 상세 정보 표시
+ - 회의 카드 클릭 → 회의예약 화면(수정 모드)으로 이동
+ - 회의 제목, 일시, 참여자, 안건 등 수정 가능
+ - 저장 시 참여자에게 변경 알림 발송
- 크라운 아이콘 표시 (생성자 구분)
- - **예정된 회의 - 초대받은 참석자**:
- - **시작 10분 이내** (현재 시간 >= 회의 시작 시간 - 10분):
- - "참여하기" 버튼 활성화 (Primary)
- - 버튼 클릭 → 회의 진행 화면으로 이동
- - 실시간 타이머 표시: "5분 후 시작", "곧 시작" 등
- - **시작 10분 초과** (현재 시간 < 회의 시작 시간 - 10분):
- - "참여하기" 버튼 비활성화 또는 숨김
- - 타이머 표시: "25분 후 참여 가능" (회색 텍스트)
- - 회의 항목 클릭 → 회의 상세 정보만 표시 (참여 불가 안내)
- - 타이머 자동 갱신 (1분 간격)
+ - **예정된 회의 - 초대받은 참여자**:
+ - 회의 카드 클릭 → 시스템 알럿 표시
+ - 메시지: "아직 회의 시간이 되지 않아 참여하실 수 없습니다"
+ - 다음 버전에서 회의 상세 조회 기능으로 개선 예정
- **공통**:
- 회의 항목 호버: 카드 그림자 증가
@@ -388,9 +336,6 @@ graph TD
3. **카드 인터랙션**
- 회의록 항목 클릭 → 회의록 상세 화면으로 이동
- - **Todo 항목 클릭 → 해당 Todo가 포함된 회의록 상세 화면으로 이동**
- - URL 파라미터로 회의록 ID와 Todo ID 전달
- - 회의록 상세 화면에서 해당 Todo 섹션으로 자동 스크롤
- "전체 보기" 링크 클릭 → 해당 목록 화면으로 이동
- 호버 효과: 카드 그림자 증가, 약간 상승 (transform: translateY(-2px))
@@ -405,13 +350,13 @@ graph TD
- **출력**:
- **예정된/진행중 회의**:
- - 회의 ID, 제목, 일시, 참석자 목록, 상태 (예정/진행중), D-day
+ - 회의 ID, 제목, 일시, 참여자 목록, 상태 (예정/진행중), D-day
- **생성자 ID** (권한 판별용)
- **현재 사용자 역할** (creator | attendee)
- **참여 가능 시간** (시작 시간 - 10분)
- 필터 조건:
- - **진행중 회의**: 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨, 사용자가 참석자 또는 생성자
- - **예정된 회의**: 회의 일시 >= 현재 시간, 사용자가 참석자 또는 생성자
+ - **진행중 회의**: 회의 시작 시간 <= 현재 시간 AND 회의 종료 안 됨, 사용자가 참여자 또는 생성자
+ - **예정된 회의**: 회의 일시 >= 현재 시간, 사용자가 참여자 또는 생성자
- 정렬 우선순위:
1. 진행중 회의 우선 (상태 = ongoing)
2. 예정된 회의 (회의 일시 순, 가까운 순)
@@ -419,34 +364,22 @@ graph TD
- **버튼 표시 조건**:
- 진행중 회의: "참여하기" 버튼 (항상 표시)
- 예정된 회의 (생성자): "수정" 버튼 (항상 표시)
- - 예정된 회의 (참석자):
+ - 예정된 회의 (참여자):
- 현재 시간 >= 시작 시간 - 10분: "참여하기" 버튼 활성화
- 현재 시간 < 시작 시간 - 10분: 버튼 비활성화 또는 타이머 표시
- - **내 Todo**:
- - Todo ID, 제목, 담당자, 마감일, 상태, 우선순위
- - 필터: 담당자 = 현재 사용자
- - 정렬:
- 1. 지연중 (마감일 < 현재 날짜, 상태 != done)
- 2. 진행중 (상태 = in_progress)
- 3. 미진행 (상태 = not_started, 마감일 >= 현재 날짜)
- 4. 완료 (상태 = done)
- - 최대 5개
-
- **내 회의록**:
- - 회의 ID, 제목, 일시, 참석자 수, 상태, 생성일시, 수정일시
+ - 회의 ID, 제목, 일시, 참여자 수, 상태, 생성일시, 수정일시
- 필터: 사용자가 참여자 또는 생성자
- 정렬: 생성일시 (최근 순)
- 최대 3개
- - **통계 데이터** (Desktop):
+ - **통계 데이터**:
- 예정된/진행중 회의 수 (진행중 회의 수 별도 배지)
- - 진행 중 Todo 수
- - Todo 완료율 (완료 / 전체 × 100)
+ - 작성중 회의록 수
- **연동**:
- Meeting 서비스 (회의 정보, 회의록 정보)
- - Todo 서비스 (Todo 목록)
#### 에러 처리
- **데이터 로딩 실패**:
@@ -460,7 +393,6 @@ graph TD
- **빈 상태** (각 섹션별):
- 예정된/진행중 회의: "예정된 회의가 없습니다"
- - Todo: "할당된 Todo가 없습니다"
- 내 회의록: "작성한 회의록이 없습니다. 첫 회의를 시작해보세요!"
- **진행중 회의 참여 실패**:
@@ -471,7 +403,7 @@ graph TD
- 네트워크 오류: [공통 에러 메시지 - 네트워크 오류](#네트워크-오류) 참조
- **예정된 회의 접근 제한**:
- - **시간 제한 (초대받은 참석자)**:
+ - **시간 제한 (초대받은 참여자)**:
- "아직 참여할 수 없습니다. N분 후 참여 가능합니다." 토스트 메시지
- 10분 전부터 참여 버튼 활성화
- 타이머 자동 갱신 (1분 간격)
@@ -492,7 +424,7 @@ graph TD
### 03-회의예약
#### 개요
-- **목적**: 예정된 회의 일정 등록 및 참석자 초대
+- **목적**: 예정된 회의 일정 등록 및 참여자 초대
- **관련 유저스토리**: UFR-MEET-010
- **비즈니스 중요도**: 높음
- **접근 경로**: 대시보드 → "회의 예약" 버튼
@@ -500,9 +432,9 @@ graph TD
#### 주요 기능
1. 회의 기본 정보 입력 (제목, 날짜/시간, 장소)
-2. 참석자 추가 (이메일 또는 조직도 검색)
+2. 참여자 추가 (이메일 또는 조직도 검색)
3. 회의 안건 사전 입력 (선택)
-4. 참석자 초대 이메일 자동 발송
+4. 참여자 초대 이메일 자동 발송
5. 캘린더 연동
#### UI 구성요소
@@ -529,10 +461,10 @@ graph TD
- 온라인/오프라인 토글
- 온라인 선택 시: 회의 링크 자동 생성 옵션
- - **참석자** (필수, 최소 1명)
- - 참석자 칩 (제거 가능)
- - "참석자 추가" 버튼
- - 참석자 검색 (이메일 또는 이름)
+ - **참여자** (필수, 최소 1명)
+ - 참여자 칩 (제거 가능)
+ - "참여자 추가" 버튼
+ - 참여자 검색 (이메일 또는 이름)
- **안건** (선택)
- 다중 라인 텍스트 입력
@@ -547,10 +479,10 @@ graph TD
- 시간 선택: 30분 단위 드롭다운
- 충돌 감지: 동일 시간대 다른 회의 있을 경우 경고
-2. **참석자 추가**
- - "참석자 추가" 클릭 → 검색 모달 표시
+2. **참여자 추가**
+ - "참여자 추가" 클릭 → 검색 모달 표시
- 실시간 검색 (이름, 이메일, 부서)
- - 선택된 참석자는 칩 형태로 표시
+ - 선택된 참여자는 칩 형태로 표시
- 칩의 X 버튼으로 제거 가능
3. **저장 처리**
@@ -565,14 +497,14 @@ graph TD
- 시작 시간(Time)
- 종료 시간(Time)
- 장소(문자열, 최대 200자, 선택)
- - 참석자 목록(이메일 배열)
+ - 참여자 목록(이메일 배열)
- 안건(문자열, 선택)
- **출력**: 회의 ID, 초대 이메일 발송 결과
- **연동**: Meeting 서비스, Notification 서비스
#### 에러 처리
- **필수 필드 누락**: 해당 필드에 빨간색 테두리 및 오류 메시지
-- **참석자 0명**: "최소 1명의 참석자를 추가해주세요"
+- **참여자 0명**: "최소 1명의 참여자를 추가해주세요"
- **과거 날짜 선택**: "과거 날짜는 선택할 수 없습니다"
- **저장 실패**: "회의 예약에 실패했습니다. 다시 시도해주세요"
@@ -648,26 +580,26 @@ graph TD
#### 개요
- **목적**: 실시간 회의 진행 및 AI 기반 회의록 자동 작성
-- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020, UFR-PART-020, UFR-HOST-010/020, UFR-TERM-010/020
+- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-RAG-010/020, UFR-PART-020, UFR-HOST-010/020, UFR-TERM-010/020
- **비즈니스 중요도**: 높음 (핵심 화면)
- **접근 경로**: 대시보드 → "참여하기" 버튼 (페이지 전환)
- **권한** (MVP 개선):
- **회의 생성자 전용**: 회의 종료, 녹음 제어 (일시정지/재개/종료)
- - **모든 참석자**: 회의 참여, AI 기반 메모 작성, 용어 확인, 관련 회의록 확인, 중도 퇴장
+ - **모든 참여자**: 회의 참여, AI 기반 메모 작성, 용어 확인, 관련 회의록 확인, 중도 퇴장
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 음성 녹음 및 실시간 텍스트 변환 (STT)
2. AI 자동 회의록 작성 (구조화)
-3. **AI 기반 메모 작성** (UFR-PART-020): AI가 실시간으로 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
+3. **AI 기반 메모 작성** (UFR-PART-020): AI가 실시간으로 감지한 주요 내용을 참여자가 선택하여 개인 메모로 저장
4. 전문용어 자동 감지 및 맥락 기반 설명
5. **참고자료 자동 연결** (이전 회의록, 관련 회의록)
-6. 참석자 관리 및 초대 기능
+6. 참여자 관리 및 초대 기능
7. 회의 진행 시간 표시
**변경사항 (v1.5.0)**:
- ✅ 변경: "AI 제안" 탭 → "AI 기반 메모" 탭으로 기능 변경
-- ✅ 추가: 개인 메모 입력 및 저장 기능 (각 참석자별 개별 저장)
-- ✅ 정책: 메모는 회의 종료 전까지만 표시/편집 가능, 다른 참석자 메모는 볼 수 없음
+- ✅ 추가: 개인 메모 입력 및 저장 기능 (각 참여자별 개별 저장)
+- ✅ 정책: 메모는 회의 종료 전까지만 표시/편집 가능, 다른 참여자 메모는 볼 수 없음
#### UI 구성요소
@@ -678,24 +610,24 @@ graph TD
- **메인 콘텐츠 영역: 정보 패널** (탭 구조)
- **탭 네비게이션** (4개 탭)
- - 참석자 (3명)
+ - 참여자 (3명)
- AI 기반 메모
- 용어 사전
- 관련 자료 (32건)
- - **참석자 탭** (4명)
- - 제목: "참석자 (4명)" (동적으로 인원수 업데이트)
- - **참석자 추가 폼**:
+ - **참여자 탭** (4명)
+ - 제목: "참여자 (4명)" (동적으로 인원수 업데이트)
+ - **참여자 추가 폼**:
- 이메일 입력 필드: placeholder "이메일 주소 입력", form-control 스타일
- "초대" 버튼: btn btn-primary btn-sm
- 레이아웃: Flex (gap: 8px), 입력창(flex: 1) + 버튼
- 하단 여백: 16px (margin-bottom: var(--space-md))
- - **참석자 목록** (아바타 + 이름)
+ - **참여자 목록** (아바타 + 이름)
- 김민준 (초록 아바타)
- 박서연 (파랑 아바타)
- 이준호 (노랑 아바타)
- 최유진 (핑크 아바타)
- - **각 참석자 아이템**:
+ - **각 참여자 아이템**:
- 컬러 아바타 (avatar-sm: 32x32)
- 이름 (text-small font-medium, 14px)
- flex layout, 하단 구분선 (마지막 제외)
@@ -761,9 +693,9 @@ graph TD
- 입력된 메모는 수정 가능
- **정책**:
- - 각 참석자별로 개별 저장 (다른 참석자의 메모는 볼 수 없음)
+ - 각 참여자별로 개별 저장 (다른 참여자의 메모는 볼 수 없음)
- 메모는 회의 종료 전까지만 표시 및 편집 가능
- - 회의 종료 시 AI가 회의록 생성할 때 모든 참석자의 메모 참조
+ - 회의 종료 시 AI가 회의록 생성할 때 모든 참여자의 메모 참조
- **용어 사전 탭**
- 제목: "용어 사전"
@@ -853,8 +785,8 @@ graph TD
#### 인터랙션
1. **탭 전환**
- - **참석자 탭**: 현재 회의 참석자 목록 표시 (4명) 및 참석자 추가 기능
- - **참석자 추가 폼** (상단):
+ - **참여자 탭**: 현재 회의 참여자 목록 표시 (4명) 및 참여자 추가 기능
+ - **참여자 추가 폼** (상단):
- 이메일 입력 필드 (form-control 스타일, placeholder: "이메일 주소 입력")
- "초대" 버튼 (btn btn-primary btn-sm)
- 이메일 입력 후 "초대" 클릭 시:
@@ -864,15 +796,15 @@ graph TD
4. 유효한 이메일: "{email}에게 초대 링크가 전송되었습니다" 성공 토스트
5. 입력창 초기화 (value = '')
6. 실제 구현 시 서버 API 호출 (/api/meetings/invite)
- - **참석자 목록** (하단):
- - 각 참석자: 아바타 + 이름
+ - **참여자 목록** (하단):
+ - 각 참여자: 아바타 + 이름
- 상태 표시 없음 (발언 중/온라인 등 제거)
- - 참석자 수 동적 업데이트 (초대 성공 시)
+ - 참여자 수 동적 업데이트 (초대 성공 시)
- - **AI 기반 메모 탭** (UFR-PART-020): AI가 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
+ - **AI 기반 메모 탭** (UFR-PART-020): AI가 감지한 주요 내용을 참여자가 선택하여 개인 메모로 저장
- **메모 작성 및 저장**:
- 메모 입력창에 자유롭게 메모 작성 가능
- - "저장" 버튼 클릭 시 개인 메모로 저장 (각 참석자별 개별 저장)
+ - "저장" 버튼 클릭 시 개인 메모로 저장 (각 참여자별 개별 저장)
- 저장 성공 시 "{n}개의 메모가 저장되었습니다" 성공 토스트
- 저장 실패 시 "메모 저장에 실패했습니다" 오류 토스트
- **AI가 감지한 주요 내용**:
@@ -887,8 +819,8 @@ graph TD
4. 저장 버튼 활성화
- **정책**:
- 메모는 회의 종료 전까지만 표시/편집 가능
- - 각 참석자의 메모는 다른 참석자에게 보이지 않음
- - 회의 종료 시 AI가 모든 참석자의 메모를 참조하여 회의록 생성
+ - 각 참여자의 메모는 다른 참여자에게 보이지 않음
+ - 회의 종료 시 AI가 모든 참여자의 메모를 참조하여 회의록 생성
- **용어 사전 탭**: 회의에서 언급된 전문용어 설명
- **용어 검색 기능**:
@@ -925,14 +857,14 @@ graph TD
- **입력**:
- 회의 ID
- 오디오 스트림 (실시간 STT용)
- - 참석자 초대 이메일
+ - 참여자 초대 이메일
- **출력**:
- 실시간 텍스트 변환 결과 (STT)
- **AI가 감지한 주요 내용 목록** (시간 + 내용)
- - **개인 메모** (각 참석자별 개별 저장)
+ - **개인 메모** (각 참여자별 개별 저장)
- **전문용어 및 설명** (용어 사전)
- **관련 회의록 목록** (32건, 관련도 포함)
- - 참석자 목록
+ - 참여자 목록
- **연동**:
- STT 서비스 (UFR-AI-010)
- AI 서비스 (주요 내용 감지, UFR-AI-040)
@@ -946,7 +878,7 @@ graph TD
- **메모 저장 실패**: "메모 저장에 실패했습니다" 토스트 + 재시도 버튼
- **용어 사전 로드 실패**: "용어 사전을 불러올 수 없습니다" 메시지 표시
- **관련 자료 검색 실패**: "관련 회의록을 찾을 수 없습니다" 메시지 표시
-- **참석자 초대 실패**: "초대 링크 전송에 실패했습니다" 토스트 + 재시도 버튼
+- **참여자 초대 실패**: "초대 링크 전송에 실패했습니다" 토스트 + 재시도 버튼
- **회의 종료 실패**: "회의 종료 중 오류가 발생했습니다" 토스트 + 재시도 버튼
---
@@ -966,7 +898,7 @@ graph TD
- 확인 후 다음 단계 선택만 가능
#### 주요 기능
-1. 회의 통계 표시 (시간, 참석자, 발언 횟수 등)
+1. 회의 통계 표시 (시간, 참여자, 발언 횟수 등)
2. 주요 키워드 클라우드
3. **안건별 AI 요약 전체 표시** (신규)
- 안건별 AI 한줄 요약 (30자 이내, 편집 불가)
@@ -986,7 +918,7 @@ graph TD
- **통계 카드**
- 회의 총 시간
- - 참석자 수
+ - 참여자 수
- 주요 키워드 (태그 클라우드)
- **안건별 AI 요약 섹션** (신규)
@@ -1013,7 +945,7 @@ graph TD
- 확인 다이얼로그: "AI가 정리한 내용 그대로 최종 확정하시겠습니까?"
- 모든 안건 자동 검증 완료 처리
- 회의록 상태: 확정완료
- - 참석자에게 확정 알림 발송
+ - 참여자에게 확정 알림 발송
- **옵션 3**: "대시보드로 이동" 버튼 (Ghost)
- 회의록 상태: 작성중 (추후 편집 가능)
- 대시보드로 이동
@@ -1051,7 +983,7 @@ graph TD
- 안건별 검증완료 처리
- 회의록 상태: "작성중" → "확정완료"로 변경
- 확정 시간 기록
- - 참석자에게 확정 알림 발송
+ - 참여자에게 확정 알림 발송
- 성공 토스트: "회의록이 최종 확정되었습니다"
- 10-회의록상세조회.html로 이동
- **시나리오 2 특징 (바로 확정)**:
@@ -1067,14 +999,14 @@ graph TD
#### 데이터 요구사항
- **입력**: 회의 ID
- **출력**:
- - 회의 통계 (시간, 참석자 수, 발언 통계, 키워드)
+ - 회의 통계 (시간, 참여자 수, 발언 통계, 키워드)
- **안건별 AI 요약 데이터**:
- 안건 제목
- AI 한줄 요약 (30자 이내)
- 상세 요약 정리 (논의 주제, 발언자별 의견, 결정 사항, 보류 사항)
- 안건별 Todo 목록 (제목, 담당자, 마감일, 우선순위)
- 회의록 상태 (작성중/확정완료)
-- **연동**: Meeting 서비스, AI 서비스, Todo 서비스
+- **연동**: Meeting 서비스, AI 서비스
#### 에러 처리
- **통계 생성 실패**: "통계를 생성할 수 없습니다" + 건너뛰기 옵션
@@ -1084,164 +1016,6 @@ graph TD
---
-### 09-Todo관리
-
-#### 개요
-- **목적**: 나의 Todo(내가 담당자인 Todo) 조회 및 관리
-- **관련 유저스토리**: UFR-TODO-040 (Todo 관리)
-- **비즈니스 중요도**: 높음
-- **접근 경로**: 대시보드 → 하단 네비게이션 "Todo" 또는 대시보드 "내 Todo" 카드 → "전체 보기"
-- **권한**: 모든 회의 참석자 (본인이 담당자인 Todo만 조회/수정 가능)
-- **대전제**:
- - Todo의 상태는 완료/미완료만 존재
- - 09-Todo관리 화면에서는 나의 Todo(내가 담당자인 Todo)만 표시
-
-#### 주요 기능
-1. 나의 Todo 목록 표시 (필터링)
-2. Todo 완료/미완료 상태 변경
-3. Todo 편집 (모달)
-4. 회의록 상세로 이동 (양방향 연결)
-5. Todo 통계 (전체, 마감임박, 지연)
-
-#### UI 구성요소
-
-**Mobile (320px~768px)**
-- **헤더**
- - "Todo 관리" 타이틀
- - 프로필 아이콘 (모바일)
-
-- **상단 통계 블록** (3개 블록, 정보 표시 전용)
- - **디자인 특징**:
- - 플랫한 디자인 (그림자 제거, 호버 효과 없음)
- - 상태별 컬러 배경
- - 큰 숫자 + 작은 레이블로 정보 계층 명확화
- - **미완료**: 미완료 전체 개수 (블루)
- - **마감임박**: 기한 3일 이내 미완료 개수 (오렌지)
- - **지연**: 기한이 지난 미완료 개수 (레드)
-
-- **필터 탭**
- - **전체 (개수)**: 완료/미완료 전체
- - **지연 (개수)**: 기한이 지난 미완료
- - **마감임박 (개수)**: 기한 3일 이내 미완료
- - **완료 (개수)**: 완료된 Todo
-
-- **Todo 리스트 블록**
- - **정렬**: 미완료 → 완료 순서, 기한일 오래된 순 (복합 정렬)
- - **각 Todo 카드** (컴팩트 디자인):
- - **레이아웃 구조**:
- ```
- [체크박스] [배지] [배지] [✏️]
- [Todo 제목]
- [🔗 회의록 링크] [마감일]
- ```
- - **좌측**: **체크박스** (완료/미완료 토글, 24×24px)
- - **우측 상단**: **✏️ 편집 버튼** (absolute position, 32×32px 아이콘 버튼)
- - 호버: 연한 회색 배경 + 1.1배 확대
- - 권한 있는 경우에만 노출 (미완료 Todo)
- - **콘텐츠 영역** (상단→하단 순서):
- - **배지 영역**: 상태 뱃지 + 우선순위 뱃지 (가로 배치)
- - 상태 뱃지: D+n(지연) / D-day / D-n / 완료
- - 우선순위 뱃지: 높음(빨강) / 보통(노랑) / 낮음(회색)
- - **Todo 제목** (일반 폰트)
- - **하단 메타 정보**: 회의록 링크 + 마감일 (연한 회색)
- - 🔗 회의록 제목 (연한 초록색 링크, 클릭 시 10-회의록상세조회 대시보드 탭으로 이동)
- - 마감일 (회색 텍스트)
- - **담당자 정보**: 표시 안 함 (간결한 디자인)
- - **카드 스타일**:
- - 얇은 테두리 (1px solid #gray-200)
- - 얇은 그림자 (0 1px 3px rgba(0,0,0,0.08))
- - 호버: 테두리 Primary 컬러로 변경 + 그림자 증가
- - **페이징**: 최초 10건 노출, 10건 이상일 경우 하단에 "10개 더보기" 버튼
-
-**Tablet/Desktop (768px+)**
-- 좌측 사이드바 + 메인 콘텐츠 영역
-- 통계 블록 3개 가로 배치
-- Todo 리스트 그리드 레이아웃 (2열)
-- 편집 버튼: 32×32px 아이콘 버튼 (우측 상단 고정)
-
-#### 인터랙션
-1. **Todo 완료/미완료 상태 변경**
- - **체크박스 클릭**:
- - 완료 처리 시: "완료 처리하시겠습니까?" 확인 모달
- - 미완료로 되돌릴 때: "미완료로 변경하시겠습니까?" 확인 모달
- - 확인 시: 상태 업데이트, 통계 갱신, 리스트 재정렬
- - 취소 시: 이전 상태 유지
-
-2. **Todo 편집 (UFR-TODO-040)**
- - **편집 버튼 클릭** (권한: 담당자 본인 OR 회의 생성자):
- - 편집 모달 표시
- - **모바일**: 전체화면 모드
- - `position: fixed`, 화면 전체 크기 (100vh)
- - Flexbox 구조: 헤더(고정) + 바디(스크롤) + 푸터(고정)
- - 바디 영역만 스크롤 가능 (`overflow-y: auto`, `-webkit-overflow-scrolling: touch`)
- - 닫기 버튼 크기 확대 (40×40px)
- - **데스크톱**: 중앙 모달 (max-width: 600px, max-height: 90vh)
- - **수정 가능 항목**:
- - ✏️ Todo 제목 (input, 필수)
- - 👤 담당자 (select, 회의록 참석자 중 선택) - **회의 생성자만 변경 가능**
- - 📅 마감일 (날짜 선택기, 필수)
- - 🎯 우선순위 (높음/보통/낮음 select, 필수)
- - **권한 표시**:
- - 담당자 본인: "본인에게 할당된 Todo만 수정할 수 있습니다. 담당자는 변경할 수 없습니다."
- - 회의 생성자: "회의 생성자로서 모든 항목을 수정할 수 있습니다. 담당자 변경 시 알림이 전송됩니다."
- - **버튼 배치**:
- - 모바일: 하단 고정, 가로로 균등 배치 (`flex: 1`)
- - 데스크톱: 모달 하단, 우측 정렬
- - **저장 버튼 클릭**:
- - 유효성 검사 (제목, 마감일 필수)
- - "Todo가 수정되었습니다" 토스트 메시지
- - 회의록에 수정 내용 실시간 반영
- - 담당자 변경 시: 이전/새 담당자에게 알림 발송
- - 마감일 변경 시: 캘린더 자동 업데이트
- - **취소 버튼**: 모달 닫기, 변경 사항 취소
-
-3. **회의록 링크 클릭**
- - 10-회의록상세조회 화면으로 이동
- - **대시보드 탭이 우선 노출**
-
-4. **필터 탭 클릭**
- - 선택한 필터 기준으로 Todo 목록 갱신
- - 활성 탭 강조 표시
-
-5. **10개 더보기 버튼**
- - 클릭 시 하단에 10건씩 추가 로드
- - 페이지 새로고침 없이 무한 스크롤 방식
-
-#### 디자인 요구사항
-- **정보 블록 vs 인터랙티브 블록 시각적 차별화**:
- - **통계 블록** (정보 표시):
- - 플랫한 디자인, 그림자 제거
- - 상태별 색상 배경
- - 호버 효과 없음 (읽기 전용 의도 명확화)
- - **Todo 카드** (인터랙티브):
- - 얇은 테두리 + 얇은 그림자
- - 호버: 테두리 색상 변경 + 그림자 증가
- - 체크박스, 편집 버튼, 회의록 링크 액션 가능
-- **편집 버튼 디자인**:
- - ✏️ 이모지 아이콘 사용 (Material Icons 대신)
- - 32×32px 정사각형 아이콘 버튼
- - 우측 상단 절대 위치 (absolute positioning)
- - 호버: 연한 회색 배경 + 1.1배 확대 애니메이션
-- **모바일 최적화**:
- - 바텀시트 편집 모달 (전체 화면 X)
- - 터치 영역 최소 44px × 44px
- - 컴팩트 카드 레이아웃으로 스크롤 최소화
-
-#### 데이터 요구사항
-- **입력**: 사용자 ID (내가 담당자인 Todo만 조회)
-- **출력**:
- - Todo 목록 (제목, 상태, 담당자, 마감일, 우선순위, 회의록 제목, 회의록 ID)
- - Todo 통계 (전체, 마감임박, 지연, 완료)
-- **연동**: Meeting 서비스 (Todo 관리 통합)
-
-#### 에러 처리
-- **Todo 로딩 실패**: "Todo 목록을 불러올 수 없습니다" + 재시도 버튼
-- **상태 변경 실패**: "상태 변경에 실패했습니다. 다시 시도해주세요"
-- **편집 저장 실패**: "저장에 실패했습니다. 다시 시도해주세요"
-- **빈 상태**: "할당된 Todo가 없습니다. 새 회의를 시작해보세요!"
-
----
-
### 10-회의록상세조회
#### 개요
@@ -1249,7 +1023,7 @@ graph TD
- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040, UFR-MEET-048
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭
-- **권한**: 모든 회의 참석자 (조회 전용)
+- **권한**: 모든 회의 참여자 (조회 전용)
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 회의 기본 정보 표시
@@ -1277,7 +1051,7 @@ graph TD
- **기본 정보 카드**
- 회의 일시
- - 참석자 아바타 및 이름 (역할 구분)
+ - 참여자 아바타 및 이름 (역할 구분)
- 회의 장소
- 회의록 상태 배지 (작성중/확정완료)
- 작성자 및 최종 수정 시간
@@ -1311,7 +1085,7 @@ graph TD
- **핵심내용 섹션** (💡)
- 번호 매김된 핵심 포인트 (4-5개)
- 주요 키워드 태그 클라우드
- - 회의 통계 (참석자 수, 시간, 발언 횟수, 주요 의제 수)
+ - 회의 통계 (참여자 수, 시간, 발언 횟수, 주요 의제 수)
- **결정사항 섹션** (✅)
- 결정사항 카드 리스트
@@ -1402,7 +1176,7 @@ graph TD
#### 데이터 요구사항
- **입력**: 회의록 ID, 활성 탭 (회의록/대시보드/타임라인)
- **출력**:
- - **회의 기본 정보**: 제목, 일시, 참석자, 장소, 상태, 작성자, 수정 시간
+ - **회의 기본 정보**: 제목, 일시, 참여자, 장소, 상태, 작성자, 수정 시간
- **안건별 AI 요약**: 자동 생성 요약, 수정 이력
- **안건별 내용**: 마크다운 형식
- **참고자료 목록**:
@@ -1413,12 +1187,12 @@ graph TD
- **대시보드 데이터** (대시보드 탭 선택 시):
- 핵심내용 (4-5개 포인트)
- 주요 키워드
- - 회의 통계 (참석자 수, 시간, 발언 횟수, 의제 수)
+ - 회의 통계 (참여자 수, 시간, 발언 횟수, 의제 수)
- 결정사항 리스트 (결정 내용, 결정자, 시간, 배경)
- Todo 진행상황 (담당자별 그룹, 진행률)
- **Todo 목록 및 진행 상황**
- **첨부파일 목록**
-- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-040), Todo 서비스
+- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-040)
#### 에러 처리
- **회의록 로딩 실패**: "회의록을 불러올 수 없습니다" + 재시도 버튼
@@ -1434,18 +1208,18 @@ graph TD
#### 개요
- **목적**: 지난 회의록 조회 및 수정
-- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-020
+- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-030
- **비즈니스 중요도**: 중간
- **접근 경로**: 10-회의록상세조회 → 하단 액션 바 "수정" 버튼 클릭
- **권한 제어**:
- - **검증완료 전**: 모든 참석자가 수정 가능
- - **검증완료 후**: 회의 생성자만 수정 가능 (참석자는 "수정" 버튼 비활성화)
+ - **검증완료 전**: 모든 참여자가 수정 가능
+ - **검증완료 후**: 회의 생성자만 수정 가능 (참여자는 "수정" 버튼 비활성화)
#### 주요 기능 (MVP 스코프 축소 v1.5.2)
1. 회의 기본 정보 표시 및 수정
- 회의 제목: 수정 가능
- 회의 일시/장소: 읽기 전용 (회의 예약 화면에서만 변경 가능)
- - 참석자 관리: 회의 생성자만 추가/삭제 가능
+ - 참여자 관리: 회의 생성자만 추가/삭제 가능
2. **회의록 내용 수정 (안건별)** - 용어 변경: 섹션 → 안건
3. **AI 요약 표시 및 재생성 (안건별, UFR-AI-036)**
- AI 한줄 요약 표시 (30자 이내, 읽기 전용)
@@ -1454,9 +1228,9 @@ graph TD
- 재생성된 한줄 요약은 회의록 상세조회 화면의 대시보드 및 회의록 탭에 즉시 반영
4. **참고자료 편집** (추가/제거)
5. **Todo 단순 조회** (제목 + 담당자 + 마감일만 표시)
-6. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)**
+6. **안건별 검증 완료 체크박스 (UFR-COLLAB-030)**
- 회의 생성자: 검증 완료 체크박스 활성화, 잠금 해제 후 수정 가능
- - 참석자: 검증완료 안건은 읽기 전용
+ - 참여자: 검증완료 안건은 읽기 전용
7. 자동 저장 (30초 간격)
8. 수정 이력 관리
9. 상태 변경 (검증완료 → 작성중으로 자동 변경)
@@ -1483,11 +1257,11 @@ graph TD
- 회의 제목: 편집 가능 (텍스트 필드)
- 회의 일시: 읽기 전용 (📅 아이콘 + 날짜/시간 표시)
- 회의 장소: 읽기 전용 (📍 아이콘 + 장소명)
- - 참석자 목록:
+ - 참여자 목록:
- 회의 생성자: 추가/삭제 가능 (05-회의진행 화면과 동일한 UI)
- - 참석자: 읽기 전용 표시
- - 각 참석자: 아바타 + 이름, 삭제(×) 버튼 (생성자는 삭제 불가)
- - "참석자 추가" 버튼 (이메일 입력 + 초대)
+ - 참여자: 읽기 전용 표시
+ - 각 참여자: 아바타 + 이름, 삭제(×) 버튼 (생성자는 삭제 불가)
+ - "참여자 추가" 버튼 (이메일 입력 + 초대)
- 회의록 상태 배지 (자동 관리)
- **편집 화면** (MVP 스코프 축소)
@@ -1518,11 +1292,11 @@ graph TD
- 담당자
- 마감일
- ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨, 편집/삭제 버튼
- - **안건별 검증 영역** (UFR-COLLAB-020)
+ - **안건별 검증 영역** (UFR-COLLAB-030)
- **회의 생성자 화면**:
- 검증 완료 체크박스 (활성화)
- "잠금 해제" 버튼 (검증완료 안건만 표시)
- - **참석자 화면**:
+ - **참여자 화면**:
- 🔒 "읽기 전용" 배지 (검증완료 안건)
- 안내 텍스트: "(잠금됨 · 회의 생성자만 수정 가능)"
- 자동 저장 상태 표시 ("저장됨", "저장 중...")
@@ -1564,7 +1338,7 @@ graph TD
- 생성 완료 시 자동 업데이트
- 자동 저장 (30초 간격)
-5. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)** - MVP 스코프 축소
+5. **안건별 검증 완료 체크박스 (UFR-COLLAB-030)** - MVP 스코프 축소
- **회의 생성자 권한**:
- 검증 완료 체크박스 클릭:
- 체크: 안건 검증 완료 처리 (배지 "검증완료"로 변경)
@@ -1572,7 +1346,7 @@ graph TD
- "잠금 해제" 버튼 클릭 (검증완료 안건만 표시):
- 확인 다이얼로그: "이 안건의 잠금을 해제하시겠습니까?"
- 확인 시: 안건 검증 완료 체크 해제 → 편집 가능 상태로 변경
- - **참석자 화면**:
+ - **참여자 화면**:
- 검증완료 안건: 🔒 "읽기 전용" 배지 표시
- 안내 텍스트: "(잠금됨 · 회의 생성자만 수정 가능)"
- 모든 입력 필드 비활성화 (disabled)
@@ -1607,11 +1381,11 @@ graph TD
- 미검증 안건만 자동 저장
- 검증완료 안건은 자동 저장 스킵
-10. **안건 기반 충돌 해결 (UFR-COLLAB-020)** - MVP 스코프 축소
+10. **안건 기반 충돌 방지 (UFR-COLLAB-030)** - MVP 스코프 축소
- **안건 기반 충돌 방지 메커니즘**:
- **다른 안건 동시 편집**: 충돌 없음
- - 참석자 A가 안건 1 편집
- - 참석자 B가 안건 2 편집 가능
+ - 참여자 A가 안건 1 편집
+ - 참여자 B가 안건 2 편집 가능
- 양쪽 모두 정상 저장
- **동일 안건 검증 완료 체크로 충돌 방지**:
@@ -1640,7 +1414,7 @@ graph TD
- **AI 상세 요약 재생성 결과** (한줄 요약 제외)
- 수정 이력 (누가, 언제, 무엇을)
- ❌ 제거: 검증률 출력
-- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), PARTICIPANT 서비스 (UFR-COLLAB-020)
+- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), COLLAB 서비스 (UFR-COLLAB-030)
#### 에러 처리 (MVP 스코프 축소)
- **권한 없음**: "본인이 작성한 회의록만 수정할 수 있습니다"
@@ -1666,7 +1440,7 @@ graph TD
- **접근 경로**:
- 대시보드 → "내 회의록" 전체 보기
- 하단 네비게이션 → "회의록" 메뉴
-- **권한**: 모든 회의 참석자 (본인이 참석한 회의록만 조회)
+- **권한**: 모든 회의 참여자 (본인이 참여한 회의록만 조회)
#### 데이터 아키텍처
- **데이터 레이어**: common.js의 SAMPLE_MINUTES 배열
@@ -1685,14 +1459,14 @@ graph TD
#### 주요 기능
1. **회의록 목록 조회** (참여/생성한 회의록)
2. **필터링 기능**:
- - 참여 유형: 참석한 회의, 생성한 회의
+ - 참여 유형: 참여한 회의, 생성한 회의
- 상태: 전체, 작성중, 확정완료
3. **정렬 기능**:
- 최근수정순 (수정 일시 기준, 최근 순) - 기본값
- 최근회의순 (회의 일시 기준, 최근 순)
- 제목순 (가나다순)
4. **검색 기능**:
- - 제목, 참석자, 키워드로 통합 검색
+ - 제목, 참여자, 키워드로 통합 검색
- 실시간 검색 결과 업데이트
5. **페이지네이션**:
- 초기 10개 회의록 표시
@@ -1718,12 +1492,12 @@ graph TD
- **참여 유형 필터** (탭 형식, 선택):
- 전체 (기본 선택)
- - 참석한 회의
+ - 참여한 회의
- 생성한 회의
- **검색 영역**
- 검색 입력 필드
- - Placeholder: "회의 제목, 참석자, 키워드 검색"
+ - Placeholder: "회의 제목, 참여자, 키워드 검색"
- 실시간 검색 (입력 시 즉시 필터링)
- **통계 정보** (카드, 선택)
@@ -1739,7 +1513,7 @@ graph TD
- 회의 제목 (H5, 볼드)
- **생성자 표시**: 현재 사용자가 회의 생성자인 경우 👑 아이콘 표시 (16px, title="생성자")
- 메타정보 (Caption, 회색):
- - 회의 일시 (날짜 + 시간) · 참석자 수
+ - 회의 일시 (날짜 + 시간) · 참여자 수
- 검증완료율 (작성중 상태일 때만): "✓ {completionRate}% 검증완료" 배지
- 최종 수정 시간 (Caption, 회색):
- 상대 시간 표시 ("1시간 전", "어제", "3일 전")
@@ -1786,7 +1560,7 @@ graph TD
- 텍스트 입력 → 실시간 검색 (debounce 300ms)
- 검색 범위:
- 회의 제목 (부분 일치)
- - 참석자 이름 (부분 일치)
+ - 참여자 이름 (부분 일치)
- 키워드 (태그, 내용에서 추출된 키워드)
- 검색어 지우기: X 버튼 (검색어 입력 시 표시)
@@ -1819,7 +1593,7 @@ graph TD
- 회의 ID
- 제목
- 회의 일시
- - 참석자 목록 (또는 참석자 수)
+ - 참여자 목록 (또는 참여자 수)
- 상태 (`draft` | `confirmed`)
- 생성자 ID
- 생성일시 (`createdAt`)
@@ -1866,11 +1640,11 @@ graph TD
### 네비게이션
-#### Mobile 하단 네비게이션 (320px~768px)
+#### Mobile 하단 네비게이션 (320px~768px) - **v1.5.0 변경**
- **위치**: Fixed, 하단 (height: 64px)
- **배경**: 흰색, 상단 테두리 (1px solid #E5E7EB)
- **그림자**: 0 -2px 8px rgba(0, 0, 0, 0.08)
-- **구성**: 3개 항목 (균등 분할)
+- **구성**: 2개 항목 (균등 분할)
- **홈** (대시보드)
- 아이콘: 🏠 (24px)
- 텍스트: "홈" (12px)
@@ -1879,13 +1653,13 @@ graph TD
- **회의록** (회의록 목록)
- 아이콘: 📋 (24px)
- 텍스트: "회의록" (12px)
- - **Todo** (Todo 관리)
- - 아이콘: ✅ (24px)
- - 텍스트: "Todo" (12px)
-- **사용 화면**: 02-대시보드, 09-Todo관리, 12-회의록목록조회
+ - ~~**Todo** (Todo 관리)~~ (MVP v2.4.0에서 제거됨)
+ - ~~아이콘: ✅ (24px)~~
+ - ~~텍스트: "Todo" (12px)~~
+- **사용 화면**: 02-대시보드, 12-회의록목록조회
- **참고**: 프로필 메뉴는 프로토타입에서 제거됨 (Desktop 사이드바의 사용자 정보 영역으로 통합)
-#### Desktop 좌측 사이드바 (768px+)
+#### Desktop 좌측 사이드바 (768px+) - **v1.5.0 변경**
- **위치**: Fixed, 좌측 (width: 240px)
- **배경**: 흰색, 우측 테두리 (1px solid #E5E7EB)
- **구성**:
@@ -1895,11 +1669,11 @@ graph TD
- **메인 메뉴**:
- 대시보드
- 내 회의록
- - Todo
+ - ~~Todo~~ (MVP v2.4.0에서 제거됨)
- **하단 영역**:
- 사용자 정보 (아바타 + 이름)
- 로그아웃 버튼 (btn-ghost btn-sm)
-- **사용 화면**: 02-대시보드, 09-Todo관리, 12-회의록목록조회
+- **사용 화면**: 02-대시보드, 12-회의록목록조회
#### 상단 헤더 (공통)
- **위치**: Sticky, 상단
@@ -2146,44 +1920,19 @@ graph TD
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------|
| 1.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 |
-| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가 - 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가 - 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가 - 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가 - 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |
-| 1.1.1 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반) - 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드) - 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션 - 참고자료 관련도 점수 표시 (백분율 + 색상 코딩) - 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지) - 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) |
-| 1.1.2 | 2025-10-21 | 이미준 | 대시보드 및 회의록 목록 화면 개선 (사용자 피드백 반영) - 02-대시보드: 예정된 회의 카드 추가, Todo 우선순위 정렬 개선 (지연→진행→미진행→완료, 최대 5개), 내 회의록 상태 배지 추가 - 11-회의록목록조회: 신규 화면 추가 (필터링/정렬/검색 기능) - 필터: 참여 유형(참석한/생성한), 상태(전체/작성중/확정완료) - 정렬: 최신 회의순/최신 업데이트순/제목 가나다순 - 검색: 제목/참석자/키워드 통합 검색 - 통계 정보 표시 (전체/작성중/확정완료 개수) - 참조: design/uiux/prototype_fix 및 design-gappa/uiux/prototype 파일 |
-| 1.2 | 2025-10-21 | 이미준 | 대시보드 진행중 회의 표시 기능 추가 - 02-대시보드: 예정된 회의 카드에 진행중 회의 포함 - 진행중 회의 우선 표시 (최상단) - "진행중" 배지 (빨강/주황, 깜빡임 애니메이션) - "참여하기" 버튼으로 즉시 회의 참여 가능 - 정렬: 진행중 회의 → 예정된 회의 (일시 순) - 데이터 요구사항: 회의 상태 (ongoing) 추가, 진행중 회의 필터 조건 정의 - 에러 처리: 진행중 회의 참여 실패 시나리오 추가 (종료됨/권한없음/네트워크오류) |
-| 1.2.1 | 2025-10-21 | 이미준 | 대시보드 예정된 회의 역할 기반 접근 제어 추가 - 02-대시보드: 예정된 회의에 생성자/참석자별 차별화된 권한 적용 - **생성자 권한**: 회의 수정 가능 (크라운 아이콘 표시, "수정" 버튼) - **참석자 권한**: 시작 10분 전부터 참여 가능 ("참여하기" 버튼 조건부 활성화) - 실시간 타이머 표시 (참여 가능 시간 카운트다운, 1분 간격 갱신) - UI 구성요소: 역할 표시 (크라운 아이콘), 액션 버튼 (역할 및 시간 기반 조건부 렌더링) - 인터랙션: 생성자 수정 플로우, 참석자 시간 기반 참여 플로우, 타이머 자동 갱신 - 데이터 요구사항: 생성자 ID, 사용자 역할 (creator\|attendee), 참여 가능 시간 계산 - 에러 처리: 시간 제한 접근, 권한 제한 수정 시도, 회의 수정 실패 시나리오 추가 |
-| 1.2.2 | 2025-10-21 | 최유진 | 회의진행 화면 개선 및 스타일 가이드 작성 - 05-회의진행: 사용성 개선 - **참고자료 링크**: 새 탭(target="_blank")으로 열기 기능 추가 (녹음 중 페이지 이탈 방지) - **참석자 추가 초대**: 회의 진행 중 참석자 추가 초대 기능 추가 - 초대 모달: 이메일 입력, 조직 내 사용자 검색, 권한 선택 (편집 가능/읽기 전용) - 실시간 참석자 목록 업데이트 및 알림 발송 (이메일/앱 푸시) - 권한 제어: 생성자는 모든 참석자 초대 가능, 일반 참석자는 회의 설정에 따라 결정 - design/uiux/style-guide.md: 신규 작성 (reference/sampleimg 샘플 이미지 기반) - 민트 그린(#4DD5A7) 프라이머리 컬러 적용 - Mobile First 디자인 시스템 정의 - 15개 섹션: 컬러, 타이포그래피, 간격, 카드, 버튼, 배지, 아이콘, 네비게이션, 폼, 모달, 애니메이션, 접근성, 반응형 등 |
-| 1.2.3 | 2025-10-21 | 이미준 | 네비게이션 간소화 및 Todo 상세 이동 개선 - **설정 메뉴 제거**: 모든 화면에서 설정 메뉴 제거 (사이드바, 하단 네비게이션, 메뉴 모달) - 로그아웃 기능은 프로필 영역으로 통합 - 네비게이션 단순화로 사용자 혼란 최소화 - **02-대시보드 Todo 인터랙션 개선**: - Todo 항목 클릭 시 해당 Todo가 포함된 회의록 상세 화면으로 이동 - URL 파라미터로 회의록 ID와 Todo ID 전달 - 회의록 상세 화면에서 해당 Todo 섹션으로 자동 스크롤 - 프로토타입 파일 수정: 02-대시보드.html, 09-Todo관리.html, 05-회의진행.html, 05-회의진행-old.html, 05-회의진행 - 복사본.html |
-| 1.3 | 2025-10-21 | 이미준 | 프로토타입 반응형 네비게이션 및 회의진행 화면 전면 개편 - **02-대시보드**: 반응형 네비게이션 구조 적용 - Mobile: 하단 네비게이션 (홈/회의록/Todo, 프로필 메뉴 제거) - Desktop: 왼쪽 사이드바 (240px, 로고/메뉴/사용자 정보) - 통계 카드 추가 (예정된 회의/진행 중 Todo/완료율) - 모든 네비게이션 링크 정확한 화면으로 연결 - **05-회의진행**: 2열 구조로 전면 재설계 - 왼쪽 영역 (60-70%): 텍스트 에디터 (툴바 + contentEditable) - 오른쪽 영역 (30-40%): 탭 패널 (참석자/AI 제안/용어 사전/관련 자료) - AI 제안: 적용하기 버튼으로 왼쪽 영역에 자동 삽입 - 관련 자료: 새 탭으로 열기 (target="_blank"), 녹음 중 페이지 이탈 방지 - **10-회의록상세조회**: 타임라인 탭 제거 - 탭 구조 단순화: 회의록/대시보드 (2개 탭만 유지) - 타임라인 관련 UI 및 인터랙션 모두 제거 - 참조: reference/sampleimg 샘플 이미지 기반 디자인 |
-| 1.3.1 | 2025-10-21 | 도그냥 | 회의진행 화면 AI 제안 탭 기능 상세화 및 디자인 통일성 개선 - **05-회의진행**: AI 제안 탭 3가지 제안 유형 추가 및 상세 인터랙션 정의 - **논의사항 제안**: "논의사항에 적용" 버튼 클릭 시 논의사항 섹션(section-1)에 내용 자동 추가, 자동 탭 전환, 성공 토스트 표시 - **결정사항 제안**: "결정사항에 적용" 버튼 클릭 시 결정사항 섹션(section-2)에 내용 자동 추가, 자동 탭 전환, 성공 토스트 표시 - **액션아이템 제안**: "3개 Todo 생성" 버튼 클릭 시 액션아이템 섹션(section-3)에 중복 체크 후 추가, 자동 탭 전환, 성공 토스트 표시 - 중복 체크 로직: Set 자료구조로 기존 Todo 제목과 비교, 중복 제외한 항목만 추가 - **AI 제안 카드 디자인 통일성 개선**: - 배경: #FAFAFA (연한 회색) - 용어사전/관련회의록 탭과 동일 - 테두리: 1px dashed #D0D0D0 (회색 점선) - 통일된 스타일 - 헤더: 16px Bold, 민트 그린 (#4DD5A7) - 일관된 타이틀 스타일 - 본문: 14px, gray-700 - 가독성 중심 - 프로토타입 파일 수정: design/uiux/prototype/05-회의진행.html |
-| 1.3.2 | 2025-10-21 | 도그냥 | 회의진행 화면 참석자 탭 개선 및 UI 일관성 강화 - **05-회의진행**: 참석자 탭 참석자 추가 기능 및 UI 정리 - **참석자 추가 폼 추가**: 이메일 입력 필드(form-control) + "초대" 버튼(btn btn-primary btn-sm) - 이메일 유효성 검증: 정규식으로 형식 체크 - 빈 값 체크: "이메일 주소를 입력해주세요" 경고 토스트 - 잘못된 형식: "올바른 이메일 형식이 아닙니다" 오류 토스트 - 성공: "{email}에게 초대 링크가 전송되었습니다" 토스트 + 입력창 초기화 - **참석자 상태 표시 제거**: 발언 중/온라인 등 상태 아이콘 및 텍스트 모두 제거 - **참석자 수 동적 업데이트**: 4명으로 업데이트 (최유진 추가) - **참고자료 영역 제거**: 회의개요 탭의 참고자료 섹션 삭제 (우측 관련회의록 탭으로 통합) - **버튼 스타일 통일**: 모든 버튼에 .btn 기본 클래스 추가 - 편집 버튼 (4개 섹션): btn btn-ghost btn-sm - AI 제안 적용 버튼 (3개): btn btn-primary btn-sm - 수정 버튼 (3개): btn btn-ghost btn-sm - 하단 일시정지/종료 버튼: btn btn-ghost, btn btn-error - **검색창 스타일 통일**: 용어사전 검색창을 .input → .form-control 클래스로 변경 - 프로토타입 파일 수정: design/uiux/prototype/05-회의진행.html |
-| 1.3.3 | 2025-10-21 | 도그냥 | UI/UX 설계 문서 최적화 및 중복 제거 - **공통 UI 컴포넌트 섹션 신규 작성**: 반복 사용되는 UI 컴포넌트를 공통 섹션으로 분리 - **Mobile 하단 네비게이션**: 위치, 배경, 그림자, 3개 항목 (홈/회의록/Todo) 상세 스펙 정의 - **Desktop 좌측 사이드바**: 로고 영역, 메뉴 리스트, 사용자 정보 영역 상세 스펙 정의 - **상단 헤더**: Mobile/Desktop별 제목, 액션 버튼 배치 가이드 - **공통 에러 메시지 표준 섹션 신규 작성**: 반복 사용되는 에러 메시지를 표준화 - **네트워크 오류**: 자동 재시도 3회 (exponential backoff), 토스트 메시지, 재시도 버튼 - **데이터 로딩 실패**: 스켈레톤 UI 30초, 타임아웃 처리, 재시도 버튼 - **권한 오류**: 401/403 에러 처리, 명확한 안내 메시지 - **인증 오류**: 토큰 만료 자동 갱신, 로그인 리다이렉트 - **입력 검증 오류**: 실시간 인라인 검증, 포커스 이동 - **서버 오류**: 500 에러 에러 ID 제공, 고객센터 안내 - **중복 내용 참조 링크 교체**: 8개 화면에서 반복된 네비게이션/에러 메시지 설명을 공통 섹션 참조로 변경 - 01-로그인, 02-대시보드, 12-회의록목록조회 등 - 예상 파일 크기 감소: 1,500~2,200자 (약 8~10%) - **목차 업데이트**: 공통 UI 컴포넌트, 공통 에러 메시지 표준 섹션 추가 |
-| 1.4 | 2025-10-22 | 이미준 | 프로토타입 기반 네비게이션 사양 업데이트 - **Mobile 하단 네비게이션**: 4개 메뉴 항목으로 복원 (홈/회의록/Todo/프로필) - 프로필 메뉴 추가: 👤 아이콘, 사용자 정보 및 설정 접근 - 프로토타입 구현 기준 반영 (12-회의록목록조회.html 등) - **일관성 개선**: 프로토타입과 UI/UX 설계서 간 네비게이션 사양 통일 - **스타일 가이드 동기화**: design/uiux/style-guide.md v1.2와 정합성 확보 |
-| 1.4.1 | 2025-10-23 | 강지수 | 대시보드 모바일 UI/UX 개선 (360px 최적화) - **헤더 개선안 A 적용**: 간결한 인사 + 실질적 정보 - "안녕하세요 👋" (H3, Bold) - "오늘 {N}건의 회의가 예정되어 있어요" (동적 업데이트) - 2줄 구조 제거로 세로 공간 절약 - **통계 카드 개선안 A 적용**: 컴팩트 수평 배치 - 단일 카드 "📊 오늘의 현황" (H5, Semibold) - 수평 배치: "📅 예정 {N}", "✅ 진행 {N}", "📈 완료 {N}%" - 높이 ~80px (기존 대비 70% 감소) - 반응형: 태블릿 이상에서 justify-content: flex-start - **프로토타입 파일**: design/uiux/prototype/02-대시보드-개선.html 신규 생성 - **모바일 우선 반응형 설계**: 웹/태블릿 화면에서도 자연스러운 레이아웃 유지 - **참조**: design/uiux/ref_img/레이아웃 이상.png (개선 요구사항 이미지) |
-| 1.4.2 | 2025-10-23 | 강지수 | 회의록 공유 기능 전면 제거 - **제거 배경**: 회의 참가자가 아니면 대상자 선정 불가능, 기능 중복 및 논리적 모순 해결 - **유저스토리**: UFR-MEET-060 (회의록공유) 제거 - **UI/UX 설계서**: - 08-회의록공유 화면 전체 제거 - 02-대시보드: "공유받은 회의록" 섹션 제거 - 09-회의록상세조회: 공유 버튼 제거 (메뉴: 수정/삭제만 유지) - 11-회의록목록조회: 카테고리 필터 수정 (전체/참석한 회의/생성한 회의) - Desktop 사이드바: "공유받은 회의록" 메뉴 제거 - **화면 번호 재정렬**: 08-Todo관리, 09-회의록상세조회, 10-회의록수정, 11-회의록목록조회 - **프로토타입 파일**: 08-회의록공유.html 삭제 예정 - **검토 문서**: design/uiux/crosscheck-report.md (상세 검토 의견 및 수정 계획) |
-| 1.4.3 | 2025-10-23 | 강지수 | 유저스토리-설계서-프로토타입 일관성 개선 (요구사항설계검토-report.md 반영) - **화면번호 프로토타입 파일명 기준 통일**: - 프로토타입 화면 목록 테이블 화면번호 수정 - 09: Todo관리 (09-Todo관리.html) - 변경 없음 - 10: 회의록상세조회 (10-회의록상세조회.html) - 변경 없음 - 11: 회의록수정 (11-회의록수정.html) - 09→11 변경 - 12: 회의록목록조회 (12-회의록목록조회.html) - 11→12 변경 - 설계서 본문 섹션 제목 화면번호 수정 - ### 09-Todo관리 (08→09 변경) - ### 10-회의록상세조회 (변경 없음) - ### 11-회의록수정 (10→11 변경) - ### 12-회의록목록조회 (11→12 변경) - **유저스토리 화면정보 추가 및 수정**: - UFR-MEET-046 (회의록목록조회): 화면번호 "12-회의록목록조회" 추가, 카테고리 필터에서 "공유받은 회의" 제거 - UFR-MEET-047 (회의록상세조회): 화면번호 "10-회의록상세조회" 추가, 관련 유저스토리 ID 수정 (UFR-MEET-045 → UFR-MEET-047) - **설계서 유저스토리 매핑 정확성 개선**: - 10-회의록상세조회: UFR-MEET-045 → UFR-MEET-047 수정 - 12-회의록목록조회: UFR-MEET-030, UFR-MEET-045 → UFR-MEET-046 수정 - **일관성 달성**: 유저스토리, UI/UX 설계서, 프로토타입 간 완전한 화면번호 및 파일명 일치 - **검토 문서**: design/uiux/요구사항설계검토-report.md (상세 검토 의견 및 개선 계획) |
-| 1.4.4 | 2025-10-23 | 강지수, 도그냥 | Todo 수정 기능 추가 (UFR-TODO-040) - **유저스토리**: UFR-TODO-040 (Todo수정) 신규 추가 - 회의록 확정 전/후 Todo 수정 기능 - 권한별 수정 범위: 담당자(본인 Todo만), 회의 생성자(모든 Todo) - 수정 항목: 제목, 담당자, 마감일, 우선순위 - **09-Todo관리**: Todo 수정 기능 추가 - "편집" 버튼 추가 (완료되지 않은 본인 Todo만 표시) - Todo 편집 모달: 제목, 마감일, 우선순위 수정 (담당자 변경 불가) - 수정 완료 시 회의록에 실시간 반영, 마감일 변경 시 캘린더 자동 업데이트 - 권한 제어: 본인에게 할당된 Todo만 편집 버튼 표시 - **11-회의록수정**: Todo 섹션 편집 기능 추가 (회의 생성자만) - Todo 목록 표시 및 인라인 편집 (제목, 담당자, 마감일, 우선순위) - Todo 추가/삭제 기능 - 담당자 변경 시 이전/새 담당자에게 알림 발송 - **프로토타입**: design/uiux/prototype/09-Todo관리.html 수정 (편집 모달 및 기능 구현) |
-| 1.4.4 | 2025-10-23 | 강지수 | Mobile 하단 네비게이션 프로토타입 구현 기준 반영 - **Mobile 하단 네비게이션**: 4개 메뉴 → 3개 메뉴로 수정 (홈/회의록/Todo) - 프로필 메뉴 제거 (Desktop 사이드바의 사용자 정보 영역으로 통합) - 프로토타입 실제 구현 상태 반영 (02-대시보드.html, 09-Todo관리.html, 12-회의록목록조회.html) - 사용 화면 번호 업데이트: 08→09, 11→12 - **참고 사항**: 프로필 메뉴가 필요한 경우 프로토타입에 추가 구현 필요 - **설계서-프로토타입 일관성**: 네비게이션 구조 완전 통일 달성 |
-| 1.4.5 | 2025-10-23 | 강지수 | 로그아웃 기능 추가 (Desktop 사이드바 + Mobile 헤더) - **Desktop 좌측 사이드바**: 하단에 사용자 정보 영역 추가 - 사용자 정보 (아바타 + 이름 + 이메일) - 로그아웃 버튼 (btn-ghost btn-sm) - **Mobile 상단 헤더**: 우측에 프로필 아이콘 버튼 추가 (👤) - 클릭 시 드롭다운 메뉴 표시 (사용자 정보 + 로그아웃 버튼) - 드롭다운 위치: 우측 상단 기준 아래로 펼침 - 오버레이 배경으로 UX 개선 - **프로토타입 파일**: 02-대시보드.html, 09-Todo관리.html, 12-회의록목록조회.html - **JavaScript 함수**: toggleProfileMenu(), logout() 추가 - **반응형 처리**: Desktop에서는 드롭다운 숨김, Mobile에서는 사이드바 사용자 영역 숨김 - **설계서-프로토타입 일관성**: 로그아웃 기능 완전 통일 |
-| 1.4.6 | 2025-10-23 | 강지수 | 검증완료 섹션 잠금해제 정책 단순화 - **정책 변경**: 검증완료 섹션은 회의 생성자만 잠금 해제 후 수정 가능 (참석자는 수정 불가) - **제거**: 참석자용 잠금해제 요청 기능 완전 제거 (공수 절감) - **11-회의록수정**: 검증완료 섹션에 "🔒 읽기 전용" 배지 표시 (참석자 화면) - 잠금해제요청 버튼 제거 - unlockSection() 함수 제거 - 읽기 전용 안내 텍스트 추가: "(잠금됨 · 회의 생성자만 수정 가능)" - **06-검증완료**: 회의 생성자용 잠금해제 버튼 유지 (변경 없음) - **인터랙션**: "3. 섹션 잠금 해제" → "3. 검증완료 섹션 (권한별 차등 표시)"로 수정 - **유저스토리**: UFR-MEET-055, UFR-COLLAB-030 권한 제어 명확화 |
-| 1.4.7 | 2025-10-23 | 강지수, 도그냥 | Todo 및 회의록 관련 UI/UX 재정의 - **09-Todo관리**: "Todo수정" → "Todo관리" 기능 확장 - 통계 블록: 전체(미완료), 마감임박(3일 이내), 지연(기한 경과) - 필터 탭 개수 표시: 전체(개수), 지연(개수), 마감임박(개수), 완료(개수) - 편집 모달: 제목, 담당자, 마감일, 우선순위 수정 - 체크박스 확인 모달: 완료/미완료 전환 시 확인 - 프로토타입: 09-Todo관리.html (통계, 필터, 모달 구현) - **10-회의록상세조회**: 탭 순서 및 기본 노출 변경 - 탭 순서: 대시보드 → 회의록 (기존: 회의록 → 대시보드) - 기본 활성 탭: 대시보드 (Desktop/Mobile 공통) - 프로토타입: 10-회의록상세조회.html (탭 순서 변경, active 클래스 이동) - **11-회의록수정**: 진입 경로 및 권한 제어 명확화 - 진입 경로: 10-회의록상세조회 → "수정" 버튼 클릭 - 권한 제어: 검증완료 전(모든 참석자), 검증완료 후(회의 생성자만) - 회의 일시/장소: 읽기 전용 표시 추가 "(읽기 전용)" - UI 구성: 회의록 리스트 제거, 직접 편집 화면으로 시작 - 프로토타입: 11-회의록수정.html (권한 코멘트 추가, readonly 표시) |
-| 1.4.8 | 2025-10-23 | 강지수 | Todo 관리 화면 UI/UX 개선 (컴팩트 디자인 및 시각적 계층 차별화) - **09-Todo관리**: 통계 블록 및 Todo 카드 디자인 전면 개선 - **통계 블록**: 정보 표시 전용 디자인으로 변경 - 그라데이션 제거 → 모던한 단색 배경 + 좌측 4px 액센트 라인 - 상태별 연한 단색 배경 (블루 #F8FBFF / 오렌지 #FFFBF5 / 레드 #FFF8F8) - 호버 효과 추가: 살짝 떠오르는 애니메이션 (translateY -2px) - 미묘한 그림자로 깊이감 표현 (0 1px 3px rgba(0,0,0,0.05)) - 모바일에서도 3개 블록 한 줄 유지 (grid-template-columns: repeat(3, 1fr)) - 큰 숫자 + 작은 레이블로 정보 계층 명확화 - **Todo 카드**: 컴팩트 레이아웃으로 재설계 - 레이아웃: [체크박스] [배지] [배지] [✏️] / [제목] / [🔗 링크] [마감일] - 편집 버튼: 우측 상단 절대 위치, ✏️ 이모지 아이콘 사용 (32×32px) - 담당자 정보 제거 (간결한 디자인) - 얇은 테두리 + 얇은 그림자로 인터랙티브 의도 명확화 - **Todo 편집 모달**: 모바일 전체화면 모드로 변경 - 모바일: 전체화면 (100vh), 헤더/바디/푸터 flexbox 구조 - 바디 영역만 스크롤 가능 (overflow-y: auto, -webkit-overflow-scrolling: touch) - 데스크톱: 중앙 모달 (max-width: 600px, max-height: 90vh) - 버튼 크기 확대 (40px) 및 가로 균등 배치 (flex: 1) - **시각적 차별화**: 정보 블록 vs 인터랙티브 블록 - 통계 블록: 정보 표시 + 부드러운 호버 효과 - Todo 카드: 인터랙티브 (호버 시 테두리/그림자 변경) - **프로토타입**: design/uiux/prototype/09-Todo관리.html 전면 개선 |
-| 1.4.9 | 2025-10-23 | 강지수 | 회의록 상세조회 화면 Todo 진행상황 섹션 정책 추가 - **10-회의록상세조회**: Todo 진행상황 섹션에 전체 진행률 표시 추가 - **전체 진행률**: 원형 진행 바로 완료 Todo / 전체 Todo 비율 표시 - 진행률 퍼센트 중앙 표시 (예: "60%") - 색상: Primary 색상 (#4DD5A7) - 크기: 80px (Desktop), 60px (Mobile) - **개별 Todo 진행률 바 제거**: Todo는 완료/미완료 상태만 존재하므로 개별 진행률 표시 불필요 - Todo 카드 구성: 제목 + 마감일 + 우선순위 배지만 표시 - **이유**: 회의록에 포함된 Todo의 전체 완료 상황을 한눈에 파악하기 위함 |
-| 1.4.10 | 2025-10-23 | 강지수 | 대시보드 카드 디자인 통일 및 Todo 카드 스타일 공통화 - **02-대시보드**: 모든 카드 레이아웃 일관성 개선 (배지 우선 배치) - **나의 Todo 카드**: 담당자 정보 제거 → 회의록 링크로 변경 - 메타 정보: 🔗 회의 제목 + 마감일 (담당자 정보 제거, 나의 Todo이므로 불필요) - 09-Todo관리.html과 동일한 구조 적용 - **나의 회의록 카드**: 배지 + 제목 + 👑 레이아웃 통일 - 1줄: [상태배지] 제목 👑 - 2줄: 📅 날짜/시간 👥 인원수 완료율% - **최근 회의 카드**: 배지 + 제목👑 + 메타정보 3줄 구조 - 1줄: [상태배지] 제목👑 - 2줄: 📅 날짜/시간 👥 인원수 - 3줄: 📍 장소 - **공통 스타일 관리**: Todo 카드 스타일 common.css로 이동 - common.css 1767-1890 라인에 Todo 카드 공통 스타일 추가 - 02-대시보드.html, 09-Todo관리.html에서 중복 스타일 제거 (~240줄 절감) - 페이지별 전용 스타일만 개별 파일에 유지 - **샘플 데이터 개선**: common.js 샘플 데이터 정책 명확화 - SAMPLE_TODOS: status는 not_started/completed만 사용, progress 항목 제거 - SAMPLE_MINUTES: lastUpdated를 날짜 형식으로 변경, participantCount 의미 주석 추가, draft 상태 최소 1개 보장 - **유지보수성 향상**: 모든 화면에서 동일한 Todo 카드 디자인, 중앙 관리로 일관성 보장 - **프로토타입**: 02-대시보드.html, 09-Todo관리.html, common.css, common.js 수정 |
-| 1.4.11 | 2025-10-23 | 강지수 | 회의 진행 화면 액션아이템 탭 UI/UX 개선 - **05-회의진행**: 액션아이템 섹션 사용성 개선 - **"편집" 버튼 제거**: 전체 영역 편집 버튼 삭제, "추가" 버튼으로 변경 - **Todo 카드별 편집 버튼 추가**: 10-회의록상세조회 화면과 동일한 구조 - 각 Todo 카드 우측에 ✏️ 편집 버튼 배치 - common.css의 .todo-card 스타일 재사용으로 일관성 유지 - **Todo 편집 모달 구현**: 추가/편집 공통 모달 - 모달 제목: "Todo 추가" 또는 "Todo 편집" (동적 변경) - 입력 필드: Todo 제목(필수), 담당자 선택(필수), 마감일(필수), 우선순위(필수) - 유효성 검사: 각 필드별 필수 검증 - 모바일: 전체화면 모달 (100vh), 데스크톱: 중앙 모달 (600px) - **인터랙션 정의**: - "추가" 버튼: 빈 모달 표시, 모든 필드 초기화 - "편집" 버튼: 기존 Todo 데이터 로드 및 모달 표시 - "저장" 버튼: 유효성 검사 후 저장, 성공 토스트 표시 - **JavaScript 함수 추가**: addTodoItem(), editTodoItem(todoId), saveTodoItem() - **프로토타입**: design/uiux/prototype/05-회의진행.html 수정 (~100줄 추가) - **스타일 가이드**: design/uiux/style-guide.md v1.2.1 (변경 이력 추가) - **일관성**: 10-회의록상세조회, 09-Todo관리 화면과 Todo 카드 편집 방식 통일 |
-| 1.4.12 | 2025-10-23 | 강지수 | 05-회의진행 화면 Todo 카드 스타일 10-회의록상세조회와 완전 통일 - **Todo 카드 HTML 구조 통일**: - 기존: inline-flex 기반 간소화 구조 - 변경: `.todo-card` > `.todo-top` > (`.todo-checkbox-wrapper` + `.todo-content-wrapper` + `.todo-actions`) 구조 - 10-회의록상세조회.html과 100% 동일한 HTML 구조 적용 - **CSS 스타일 추가**: 페이지 하단 `