유저스토리 및 UI/UX 설계서 v2.4.0 업데이트

UFR-MEET-030 회의 진행 화면 개선
- AI 제안 탭 내 개인 메모 작성 기능 명확화 (수동 저장만 지원)
- 하단 고정 버튼 역할별 차별화
  - 회의 생성자: 일시정지/녹음재개 + 회의 종료
  - 회의 참석자: 회의 나가기
- 예외처리 추가: 회의 종료/나가기 확인 모달

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yabo0812
2025-10-27 14:05:55 +09:00
parent 4c7f41939a
commit 6563bd16e6
3 changed files with 285 additions and 220 deletions
+236 -195
View File
@@ -2,9 +2,9 @@
## 문서 정보
- **작성일**: 2025-10-21
- **최종 수정일**: 2025-10-25
- **최종 수정일**: 2025-10-27
- **작성자**: 이미준 (서비스 기획자)
- **버전**: 1.4.20
- **버전**: 1.5.1
- **설계 철학**: Mobile First Design
---
@@ -207,20 +207,25 @@ graph TD
### 02-대시보드
#### 개요
- **목적**: 주요 기능 접근 허브, 최근 활동 및 Todo 요약 제공
- **관련 유저스토리**: 여러 유저스토리의 진입점, UFR-MEET-030 (회의록 조회), UFR-TODO-010 (Todo 조회)
- **목적**: 주요 기능 접근 허브, 최근 활동 요약 제공
- **관련 유저스토리**: UFR-USER-020 (대시보드 조회)
- **비즈니스 중요도**: 필수
- **접근 경로**: 로그인 후 메인 화면
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 빠른 회의 시작 및 예약
2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings)
- 예정된 회의 (아직 시작 전)
- 진행중 회의 (참여 가능한 회의)
3. **내 Todo 우선순위별 표시** (지연중 → 진행중 → 미진행 → 완료, 최대 5개)
4. **내 회의록** (참여자/생성자로 등록된 최근 3개, 상태 포함)
3. **통계 정보 표시** (예정된 회의, 작성중 회의록)
4. **내 회의록** (참여자/생성자로 등록된 최근 4개, 상태 포함)
5. 전역 검색
**변경사항 (v1.5.0)**:
- ❌ 제거: "내 Todo" 섹션 및 Todo 관리 메뉴
- ✅ 추가: "작성중 회의록" 통계 카드
- ✅ 변경: 네비게이션 간소화 (대시보드, 회의록만 유지)
#### UI 구성요소
**Mobile (320px~768px)**
@@ -231,14 +236,15 @@ graph TD
- 예정된 회의가 없을 경우: "예정된 회의가 없습니다"
- **메인 콘텐츠** (스크롤, padding-bottom: 80px, background: gray-50)
- **통계 카드 컴팩트 배치** (단일 카드) - **개선안 A 적용 (v1.5)**
- 제목: "📊 오늘의 현황" (H5, Semibold)
- 수평 배치 (flex, space-around):
- "📅 예정 {N}" (Icon + Label + Value)
- "✅진행 {N}" (Icon + Label + Value)
- "📈 완료 {N}%" (Icon + Label + Value)
- 높이: ~80px (기존 대비 70% 감소)
- 반응형: 태블릿 이상에서 justify-content: flex-start, gap 증가
- **통계 카드** (2열 그리드) - **v1.5.0 변경**
- "📅 예정된 회의" 카드
- 값: 전체 예정 + 진행 중 회의 개수
- 클릭 액션: 없음 (정보 표시만)
- "📝 작성중 회의록" 카드
- 값: 내가 참석한 회의 중 '작성중' 상태인 회의록 개수
- 클릭 액션: 없음 (정보 표시만)
- 높이: ~80px
- 반응형: 태블릿 이상에서 간격 증가
- **최근 회의** 섹션
- 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크
@@ -270,26 +276,9 @@ graph TD
- 타이머 표시: "10분 후 참여 가능" (시작 시간까지 남은 시간)
- 빈 상태: "예정된 회의가 없습니다"
- **내 Todo** 카드 (개선)
- 헤더: "내 Todo" (H4) + "전체 보기 →" 링크 (Todo 관리 화면으로 이동)
- **통계 요약 영역**:
- 진행 중 개수 배지
- 마감 임박 개수 (아이콘: schedule, 경고색)
- **Todo 리스트** (우선순위 순, 최대 5개):
1. 지연 중 (기한 지남, 빨간색)
2. 진행 중 (상태: in_progress)
3. 기한이 남은 미진행 (상태: not_started)
4. 완료 (상태: done, 회색 처리)
- 각 Todo 항목:
- 제목 (Medium weight)
- 메타정보: 담당자, 마감일
- D-day (색상: 지남-빨강, 오늘-경고, 여유-회색)
- 우선순위 배지 (high-빨강, medium-노랑, low-회색)
- 빈 상태: "할당된 Todo가 없습니다"
- **내 회의록** 카드 (개선)
- **내 회의록** 카드 - **v1.5.0 변경 (Todo 섹션 제거)**
- 헤더: "내 회의록" (H4) + "전체 보기 →" 링크 (회의록 목록 화면으로 이동)
- **최근 회의록 리스트** (최대 3개):
- **최근 회의록 리스트** (최대 4개, 2x2 그리드):
- 필터: 내가 참여자 또는 생성자로 등록된 회의록
- 정렬: 최근 생성 순 (createdAt 기준)
- 각 항목:
@@ -297,14 +286,16 @@ graph TD
- 회의 일시 (날짜 + 시간)
- 참석자 수
- **상태 배지**:
- "작성중" (draft, 노란색 배지)
- "작성중" (draft, 주황색 배지)
- "확정완료" (confirmed, 초록색 배지)
- 최종 수정 시간 (상대 시간: "1시간 전", "어제" 등)
- 검증완료율 표시 (작성중인 경우만)
- 클릭 시: 회의록 상세 화면으로 이동
- 빈 상태: "작성한 회의록이 없습니다. 첫 회의를 시작해보세요!"
- 빈 상태: "참여한 회의록이 없습니다"
**Mobile (320px~768px)**
- **하단 네비게이션**: [Mobile 하단 네비게이션](#mobile-하단-네비게이션-320px768px) 참조 (홈 활성)
**Mobile (320px~768px)** - **v1.5.0 네비게이션 간소화**
- **하단 네비게이션**: 2개 메뉴만 표시
- 홈 (대시보드) - 활성 상태
- 회의록 (회의록 목록)
**Tablet/Desktop (768px+)**
- **좌측 사이드바**: [Desktop 좌측 사이드바](#desktop-좌측-사이드바-768px) 참조 (대시보드 활성)
@@ -628,22 +619,27 @@ 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-010/020/030, UFR-HOST-010/020, UFR-TERM-010/020
- **관련 유저스토리**: 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
- **비즈니스 중요도**: 높음 (핵심 화면)
- **접근 경로**: 대시보드 → "참여하기" 버튼 (페이지 전환)
- **권한** (MVP 개선):
- **회의 생성자 전용**: 회의 종료, 녹음 제어 (일시정지/재개/종료)
- **모든 참석자**: 회의 참여, AI 주요 내용 체크, 용어 확인, 관련 회의록 확인, 중도 퇴장
- **모든 참석자**: 회의 참여, AI 기반 메모 작성, 용어 확인, 관련 회의록 확인, 중도 퇴장
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 음성 녹음 및 실시간 텍스트 변환 (STT)
2. AI 자동 회의록 작성 (구조화)
3. **AI 기반 주요 메모 항목 실시간 제안** (UFR-MEET-030)
3. **AI 기반 메모 작성** (UFR-PART-020): AI가 실시간으로 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
4. 전문용어 자동 감지 및 맥락 기반 설명
5. **참고자료 자동 연결** (이전 회의록, 관련 회의록)
6. 참석자 관리 및 초대 기능
7. 회의 진행 시간 표시
**변경사항 (v1.5.0)**:
- ✅ 변경: "AI 제안" 탭 → "AI 기반 메모" 탭으로 기능 변경
- ✅ 추가: 개인 메모 입력 및 저장 기능 (각 참석자별 개별 저장)
- ✅ 정책: 메모는 회의 종료 전까지만 표시/편집 가능, 다른 참석자 메모는 볼 수 없음
#### UI 구성요소
**전체 레이아웃**
@@ -654,7 +650,7 @@ graph TD
- **메인 콘텐츠 영역: 정보 패널** (탭 구조)
- **탭 네비게이션** (4개 탭)
- 참석자 (3명)
- AI 제안
- AI 기반 메모
- 용어 사전
- 관련 자료 (32건)
@@ -676,17 +672,69 @@ graph TD
- flex layout, 하단 구분선 (마지막 제외)
- 상태 표시 제거됨 (발언 중/온라인 등 표시 안 함)
- **AI 제안 탭**
- 제목: "AI 제안"
- **카드 디자인** (통일된 스타일):
- 배경: 연한 회색 (#FAFAFA)
- 테두리: 회색 점선 (1px dashed #D0D0D0)
- 테두리 둥글기: 8px
- 내부 패딩: 16px
- 카드 간 여백: 16px
- 헤더 폰트: 16px Bold, 민트 그린 (#4DD5A7)
- 본문 폰트: 14px, gray-700
- 구조: 헤더 + 본문 텍스트 + 액션 버튼
- **AI 기반 메모 탭** (UFR-PART-020)
- 제목: "AI 기반 메모"
- **메모 입력 영역** (상단):
- **메모 입력 텍스트박스**:
- placeholder: "메모를 입력하세요..."
- 다중 행 입력 지원 (textarea)
- 배경: 화이트 (#FFFFFF)
- 테두리: 회색 실선 (1px solid #E5E7EB)
- 테두리 둥글기: 8px
- 내부 패딩: 12px
- 최소 높이: 80px
- **저장 버튼**:
- 텍스트: "저장"
- 스타일: btn btn-primary (민트 그린)
- 위치: 메모 입력창 하단 우측
- 여백: 상단 8px
- **구분선**:
- 메모 입력 영역 하단에 회색 구분선 (1px solid #E5E7EB)
- 상하 여백: 16px
- **AI가 감지한 주요 내용 영역** (하단):
- **섹션 헤더**:
- 텍스트: "AI가 감지한 주요 내용"
- 폰트: 16px Bold, gray-800
- 하단 여백: 12px
- **주요 내용 리스트**:
- **리스트 아이템 디자인**:
- 배경: 연한 회색 (#FAFAFA)
- 테두리: 회색 점선 (1px dashed #D0D0D0)
- 테두리 둥글기: 8px
- 내부 패딩: 12px
- 아이템 간 여백: 8px
- 호버 시: 민트 그린 배경 (#E8F9F3), 커서 포인터
- **아이템 구조**:
- 시간 태그 (좌측):
- 형식: "[HH:MM]"
- 폰트: 12px Bold, 민트 그린 (#4DD5A7)
- 배경: 민트 그린 연한 배경 (#E8F9F3)
- 패딩: 4px 8px
- 테두리 둥글기: 4px
- 주요 내용 텍스트 (우측):
- 폰트: 14px, gray-700
- flex-grow: 1
- 좌측 여백: 8px
- **아이템 예시**:
- `[15:32] 예산 책정 관련 결정`
- `[15:35] 다음 회의 일정 합의`
- `[15:38] API 설계 패턴 논의`
- `[15:42] 마이크로서비스 아키텍처 채택`
- **클릭 인터랙션**:
- 아이템 클릭 시 → 메모 입력창에 "[시간] 내용" 형식으로 자동 추가
- 기존 메모가 있으면 줄바꿈 후 추가
- 입력된 메모는 수정 가능
- **정책**:
- 각 참석자별로 개별 저장 (다른 참석자의 메모는 볼 수 없음)
- 메모는 회의 종료 전까지만 표시 및 편집 가능
- 회의 종료 시 AI가 회의록 생성할 때 모든 참석자의 메모 참조
- **용어 사전 탭**
- 제목: "용어 사전"
@@ -792,15 +840,26 @@ graph TD
- 상태 표시 없음 (발언 중/온라인 등 제거)
- 참석자 수 동적 업데이트 (초대 성공 시)
- **AI 제안 탭**: AI가 생성한 주요 메모 항목 제안 (UFR-MEET-030)
- **실시간 주요 메모 추천**:
- **AI 기반 메모 탭** (UFR-PART-020): AI가 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
- **메모 작성 및 저장**:
- 메모 입력창에 자유롭게 메모 작성 가능
- "저장" 버튼 클릭 시 개인 메모로 저장 (각 참석자별 개별 저장)
- 저장 성공 시 "{n}개의 메모가 저장되었습니다" 성공 토스트
- 저장 실패 시 "메모 저장에 실패했습니다" 오류 토스트
- **AI가 감지한 주요 내용**:
- 음성→텍스트 변환 후 AI가 실시간으로 회의 내용 분석
- **중요한 내용으로 판단된 경우에만** 주요 메모 항목 제안
- 논의항목/결정사항 등의 구분 없이 중요 내용을 주요 메모로 제안
- 추천 빈도는 중요 내용 발생에 따라 가변적 (고정 간격 아님)
- 각 제안 항목에 "주요 메모에 추가" 버튼 제공
- 클릭 시 해당 안건의 주요 메모에 자동 저장
- 실시간 업데이트: 새로운 제안은 상단에 표시
- **중요한 내용으로 판단된 경우에만** 주요 내용 항목 표시
- 각 항목: "[시간] 주요 내용 텍스트" 형식 (예: "[15:32] 예산 책정 관련 결정")
- 실시간 업데이트: 새로운 항목은 하단에 추가
- 항목 클릭 시:
1. 메모 입력창에 "[시간] 내용" 형식으로 자동 추가
2. 기존 메모가 있으면 줄바꿈 후 추가
3. 입력된 메모는 수정 가능 (자동/수동 구분 표시)
4. 저장 버튼 활성화
- **정책**:
- 메모는 회의 종료 전까지만 표시/편집 가능
- 각 참석자의 메모는 다른 참석자에게 보이지 않음
- 회의 종료 시 AI가 모든 참석자의 메모를 참조하여 회의록 생성
- **용어 사전 탭**: 회의에서 언급된 전문용어 설명
- **용어 검색 기능**:
@@ -840,24 +899,25 @@ graph TD
- 참석자 초대 이메일
- **출력**:
- 실시간 텍스트 변환 결과 (STT)
- **AI 제안 목록** (주요 메모 항목 제안)
- **AI가 감지한 주요 내용 목록** (시간 + 내용)
- **개인 메모** (각 참석자별 개별 저장)
- **전문용어 및 설명** (용어 사전)
- **관련 회의록 목록** (32건, 관련도 포함)
- 참석자 목록
- **연동**:
- STT 서비스 (UFR-AI-010)
- AI 서비스 (주요 메모 제안 생성, UFR-AI-040)
- AI 서비스 (주요 내용 감지, UFR-AI-040)
- RAG 서비스 (관련 회의록 검색, 전문용어 자동 감지)
- Collaboration 서비스 (실시간 동기화)
- PARTICIPANT 서비스 (메모 저장, UFR-PART-020)
#### 에러 처리
- **마이크 권한 거부**: "마이크 권한이 필요합니다" 토스트 + 설정 안내 링크
- **STT 실패**: "음성 인식에 실패했습니다" 토스트 + 재시도 안내
- **AI 제안 생성 실패**: "AI 제안을 불러올 수 없습니다" 토스트
- **AI 주요 내용 감지 실패**: "AI 주요 내용 감지에 실패했습니다" 토스트 (회의 계속 진행 가능)
- **메모 저장 실패**: "메모 저장에 실패했습니다" 토스트 + 재시도 버튼
- **용어 사전 로드 실패**: "용어 사전을 불러올 수 없습니다" 메시지 표시
- **관련 자료 검색 실패**: "관련 회의록을 찾을 수 없습니다" 메시지 표시
- **참석자 초대 실패**: "초대 링크 전송에 실패했습니다" 토스트 + 재시도 버튼
- **동기화 실패**: "네트워크 연결을 확인해주세요" 토스트
- **회의 종료 실패**: "회의 종료 중 오류가 발생했습니다" 토스트 + 재시도 버튼
---
@@ -1157,27 +1217,34 @@ graph TD
#### 개요
- **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인
- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040
- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040, UFR-MEET-048
- **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭
- **권한**: 모든 회의 참석자 (조회 전용)
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 회의 기본 정보 표시
2. **안건별 AI 요약 표시** (안건 최상단)
3. 안건별 상세 내용 표시
4. **참고자료 표시** (안건 하단)
5. Todo 항목 및 진행 상황 표시
5. **Todo 단순 조회** (UFR-MEET-047): 제목, 담당자만 표시 (D-day, 우선순위 라벨 제거)
6. 첨부파일 다운로드
7. 회의록 수정/공유 액션
**변경사항 (v1.5.0)**:
- ❌ 제거: Todo 관리 화면 연동 링크 (화면 자체가 제거됨)
- ❌ 제거: Todo D-day 라벨, 우선순위 배지 표시
- ✅ 변경: Todo는 단순 조회만 가능 (제목 + 담당자 + 마감일만 표시)
- ✅ 변경: "수정" 버튼을 회의 제목 우측으로 이동
#### UI 구성요소
**Mobile (320px~768px)**
- **헤더**
- 뒤로가기 버튼
- 회의 제목
- 메뉴 버튼 (수정, 삭제)
- "수정" 버튼 (회의 제목 우측, 아이콘 또는 텍스트 버튼)
- 메뉴 버튼 (삭제, 공유 등)
- **기본 정보 카드**
- 회의 일시
@@ -1221,14 +1288,12 @@ graph TD
- 결정사항 카드 리스트
- 각 카드: 결정 내용 + 결정자 + 시간 + 배경 설명
- **Todo 진행상황 섹션** (📋)
- **전체 진행률 표시**: 상단에 원형 진행 바 (완료 Todo 개수 / 전체 Todo 개수)
- 진행률 퍼센트 중앙 표시 (예: "60%")
- 색상: Primary 색상 (#4DD5A7)
- 크기: 80px (Desktop), 60px (Mobile)
- 상태별 필터 탭 (전체/시작 전/진행 중/완료)
- 담당자별 그룹화
- 각 Todo: 제목 + 마감일 + 우선순위 배지 (개별 진행률 바 제거)
- **Todo 진행상황 섹션** (📋) - MVP 스코프 축소
- **단순 조회만 제공** (UFR-MEET-047)
- Todo 리스트:
- 각 Todo: 제목 + 담당자 + 마감일만 표시
- ❌ 제거: D-day 라벨, 우선순위 배지, 진행률 바, 상태별 필터
- ❌ 제거: Todo 관리 화면 연동 (클릭 액션 없음)
- **참고자료 섹션** (📚)
- 참고자료 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
@@ -1237,21 +1302,20 @@ graph TD
- 관련도 점수 배지 (92%, 88% 등)
- 2-3줄 요약
- **Todo 섹션** (강조)
- **Todo 섹션** (단순 조회) - MVP 스코프 축소
- Todo 항목 리스트:
- 체크박스 (완료/미완료)
- Todo 내용
- Todo 내용 (제목)
- 담당자 이름
- 마감일
- 우선순위 배지
- ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨
- **첨부파일 섹션**
- 파일 아이콘 + 파일명
- 다운로드 버튼
- **하단 액션 바** (Fixed)
- "수정" 버튼 (권한 있는 경우만)
- **하단 액션 바** (Fixed) - MVP 스코프 축소
- "공유" 버튼
- ❌ 제거: "수정" 버튼 (헤더로 이동)
**Tablet/Desktop (768px+)**
- **상단**: 탭 네비게이션
@@ -1279,25 +1343,24 @@ graph TD
- 관련도 색상 코딩: 90%+ (초록), 70-89% (노랑), 70% 미만 (회색)
- "더보기" 클릭 → 전체 참고자료 목록 모달
3. **대시보드 탭 인터랙션**
3. **대시보드 탭 인터랙션** - MVP 스코프 축소
- **핵심내용 섹션**:
- 키워드 태그 클릭 → 해당 키워드 관련 안건으로 스크롤
- 통계 항목 클릭 → 상세 정보 툴팁 표시
- **결정사항 섹션**:
- 결정사항 카드 클릭 → 회의록 탭의 해당 안건으로 이동
- 배경 설명 접기/펼치기
- **Todo 진행상황**:
- 필터 탭 클릭 → 해당 상태의 Todo만 표시
- Todo 카드 클릭 → Todo관리 화면으로 이동
- 진행률 바: 실시간 업데이트
- **Todo 진행상황** (단순 조회만):
- ❌ 제거: 필터 탭, 진행률 바, Todo 관리 화면 연동
- Todo는 읽기 전용으로만 표시 (클릭 액션 없음)
- **참고자료 섹션**:
- 탭 전환 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
- 참고자료 카드 클릭 → 해당 문서로 이동
- 관련도 점수: 배지로 표시 (92%, 88% 등)
4. **Todo 인터랙션**
- Todo 체크박스: 완료 처리 (권한 있는 경우)
- Todo 클릭: Todo관리 화면으로 이동
4. **Todo 인터랙션** - MVP 스코프 축소
- ❌ 제거: Todo 체크박스, Todo 관리 화면 연동
- Todo는 단순 조회만 가능 (클릭 액션 없음)
5. **첨부파일 다운로드**
- 파일명 클릭: 다운로드 시작
@@ -1342,33 +1405,43 @@ graph TD
#### 개요
- **목적**: 지난 회의록 조회 및 수정
- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, **UFR-TODO-040 (Todo 수정)**
- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-020
- **비즈니스 중요도**: 중간
- **접근 경로**: 10-회의록상세조회 → 하단 액션 바 "수정" 버튼 클릭
- **권한 제어**:
- **검증완료 전**: 모든 참석자가 수정 가능
- **검증완료 후**: 회의 생성자만 수정 가능 (참석자는 "수정" 버튼 비활성화)
#### 주요 기능
#### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 회의 기본 정보 표시 및 수정
- 회의 제목: 수정 가능
- 회의 일시/장소: 읽기 전용 (회의 예약 화면에서만 변경 가능)
- 참석자 관리: 회의 생성자만 추가/삭제 가능
2. **회의록 내용 수정 (안건별)** - 용어 변경: 섹션 → 안건
3. **AI 한줄 요약 표시 (안건별, UFR-AI-036)** - 신규
3. **AI 한줄 요약 표시 (안건별, UFR-AI-036)**
- 편집 불가능한 AI 한줄 요약 (30자 이내)
- 각 안건 최상단에 표시
4. **AI 상세 요약 수정 (안건별)** - 기존 AI 요약 기능
- **재생성 제한**: AI 한줄 요약만 재생성 불가 (회의 종료 시 1회만 생성)
4. **AI 상세 요약 수정 (안건별)**
- 직접 수정 가능
- "AI 재생성" 버튼으로 재생성 가능 (한줄 요약은 재생성 안 됨)
5. **참고자료 편집** (추가/제거)
6. **Todo 수정 (UFR-TODO-040)** - 회의 생성자만
7. **안건별 검증 (UFR-COLLAB-030)** - 신규
- 안건별 검증 완료 체크박스
- 회의 생성자: 잠금 해제 후 수정 가능
- 참석자: 읽기 전용
6. **Todo 단순 조회** (제목 + 담당자 + 마감일만 표시)
7. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)**
- 회의 생성자: 검증 완료 체크박스 활성화, 잠금 해제 후 수정 가능
- 참석자: 검증완료 안건은 읽기 전용
8. 자동 저장 (30초 간격)
9. 수정 이력 관리
10. 상태 변경 (검증완료 → 작성중으로 자동 변경)
**변경사항 (v1.5.0)**:
- ❌ 제거: 실시간 협업 표시 ("편집 중" 표시 제거)
- ❌ 제거: Todo 편집 기능 (체크박스, 담당자/마감일/우선순위 변경, 추가/삭제)
- ❌ 제거: 검증률 표시 및 최종 확정 버튼
- ✅ 변경: 안건별 검증 완료 체크박스로 충돌 방지
- ✅ 변경: AI 한줄 요약 재생성 불가 (회의 종료 시 1회만 생성)
- ✅ 정책: Last Write Wins (마지막 저장 우선) 적용
#### UI 구성요소
**Mobile (320px~768px)**
@@ -1389,23 +1462,22 @@ graph TD
- "참석자 추가" 버튼 (이메일 입력 + 초대)
- 회의록 상태 배지 (자동 관리)
- **편집 화면**
- **편집 화면** (MVP 스코프 축소)
- **안건별 편집 영역** (용어 변경: 섹션 → 안건)
- 각 안건:
- **안건 헤더**
- 안건 제목 (H4, Bold)
- 검증 상태 배지 (검증완료/미검증)
- 편집 중 표시 (동시 편집 시)
- 다른 사용자 아바타 + 이름
- 예: "김민준님 편집 중" (아이콘 + 텍스트)
- **AI 한줄 요약** (편집 불가, UFR-AI-036) - 신규
- ❌ 제거: "편집 중" 표시 (실시간 협업 기능 제거)
- **AI 한줄 요약** (편집 불가, UFR-AI-036)
- 🔒 아이콘 + 30자 이내 한줄 요약
- 읽기 전용 (회색 배경, 민트 그린 좌측 액센트 라인)
- 호버 시: "이 내용은 편집할 수 없습니다" 툴팁
- ❌ 제거: "AI 재생성" 버튼 (한줄 요약은 회의 종료 시 1회만 생성)
- **AI 상세 요약 편집 영역**
- 💡 "AI 상세 요약" 레이블 (명칭 변경)
- 💡 "AI 상세 요약" 레이블
- 요약 텍스트 편집 필드 (textarea)
- "AI 재생성" 버튼 (요약 다시 생성)
- "AI 재생성" 버튼 (상세 요약만 재생성 가능)
- 마지막 수정 시간 표시
- 편집 가능한 텍스트 영역
- 논의 주제
@@ -1416,18 +1488,14 @@ graph TD
- 기존 참고자료 목록 (제거 버튼 포함)
- "참고자료 추가" 버튼
- 회의록 검색 및 선택 UI
- **Todo 섹션 편집 영역** (회의 생성자만)
- Todo 목록 표시
- **Todo 섹션 단순 조회** (편집 불가)
- Todo 목록 표시 (읽기 전용)
- 각 Todo 항목:
- 체크박스 (완료 상태)
- Todo 제목
- 담당자 (변경 가능)
- 마감일 (변경 가능)
- 우선순위 (변경 가능)
- "편집" 버튼 (인라인 편집 활성화)
- "삭제" 버튼
- "Todo 추가" 버튼
- **안건별 검증 영역** (UFR-COLLAB-030) - 신규
- 담당자
- 마감일
- ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨, 편집/삭제 버튼
- **안건별 검증 영역** (UFR-COLLAB-020)
- **회의 생성자 화면**:
- 검증 완료 체크박스 (활성화)
- "잠금 해제" 버튼 (검증완료 안건만 표시)
@@ -1456,38 +1524,36 @@ graph TD
- 자동 저장: 30초 간격, 인디케이터 표시
- 수동 저장: "저장" 버튼 클릭
3. **AI 한줄 요약 확인 (UFR-AI-036)** - 신규
3. **AI 한줄 요약 확인 (UFR-AI-036)** - MVP 스코프 축소
- **읽기 전용 표시**:
- 🔒 아이콘으로 편집 불가 명시
- 회색 배경 + 민트 그린 좌측 액센트 라인
- **호버 인터랙션**:
- 툴팁 표시: "이 내용은 편집할 수 없습니다"
- 툴팁 표시: "이 내용은 편집할 수 없습니다. 회의 종료 시 1회만 생성됩니다."
- **위치**: 각 안건 최상단 (안건 제목 바로 아래)
- ❌ 제거: "AI 재생성" 버튼 (한줄 요약은 회의 종료 시 1회만 생성)
4. **AI 상세 요약 편집**
4. **AI 상세 요약 편집** - MVP 스코프 축소
- 요약 텍스트 필드 클릭: 직접 수정 가능
- "AI 재생성" 버튼 클릭:
- 현재 안건 내용 기반으로 상세 요약 재생성
- 현재 안건 내용 기반으로 **상세 요약만** 재생성 (한줄 요약 제외)
- 로딩 인디케이터 표시
- 생성 완료 시 자동 업데이트
- 자동 저장 (30초 간격)
5. **안건별 검증 (UFR-COLLAB-030)** - 신규
5. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)** - MVP 스코프 축소
- **회의 생성자 권한**:
- 검증 완료 체크박스 클릭:
- 체크: 안건 검증 완료 처리 (배지 "검증완료"로 변경)
- 언체크: 미검증 상태로 변경
- "잠금 해제" 버튼 클릭 (검증완료 안건만 표시):
- 확인 다이얼로그: "이 안건의 잠금을 해제하시겠습니까?"
- 확인 시: 안건 편집 가능 상태로 변경
- 확인 시: 안건 검증 완료 체크 해제 → 편집 가능 상태로 변경
- **참석자 화면**:
- 검증완료 안건: 🔒 "읽기 전용" 배지 표시
- 안내 텍스트: "(잠금됨 · 회의 생성자만 수정 가능)"
- 모든 입력 필드 비활성화 (disabled)
- **검증률 계산 및 표시**:
- 검증률 = 검증 완료된 안건 수 / 전체 안건 수
- 헤더에 검증률 표시 (예: "검증률: 70% (7/10)")
- 모든 안건 검증 완료 시 "최종 확정" 버튼 활성화
- ❌ 제거: 검증률 계산 및 표시, "최종 확정" 버튼
6. **참고자료 편집**
- "참고자료 추가" 버튼 클릭:
@@ -1497,98 +1563,72 @@ graph TD
- 제거 버튼 (X): 참고자료 목록에서 제거
- 순서 변경: 드래그하여 순서 조정 (선택)
7. **Todo 섹션 편집 (UFR-TODO-040)** (회의 생성자만)
- **권한 제어**:
- 회의 생성자만 Todo 섹션 편집 가능
- 일반 참석자는 조회만 가능 (편집 버튼 숨김)
- **편집 버튼 클릭**:
- 인라인 편집 모드 활성화
- **수정 가능 항목** (회의 생성자 권한):
- ✏️ Todo 제목
- 👤 담당자 (드롭다운 선택, 참석자 목록)
- 📅 마감일 (날짜 선택기)
- 🎯 우선순위 (high/medium/low)
- "저장" 버튼: 수정 완료
- "취소" 버튼: 편집 모드 취소
- **수정 완료 시**:
- "Todo가 수정되었습니다" 토스트 메시지
- 회의록 자동 저장
- 담당자 변경 시: 이전/새 담당자에게 알림 발송
- 마감일 변경 시: 캘린더 자동 업데이트
- **Todo 추가**:
- "Todo 추가" 버튼 클릭
- Todo 정보 입력 모달 (제목, 담당자, 마감일, 우선순위)
- 저장 시 Todo 목록에 추가
- **Todo 삭제**:
- "삭제" 버튼 클릭
- 확인 다이얼로그 ("삭제하시겠습니까?")
- 삭제 시 Todo 목록에서 제거
- 담당자에게 삭제 알림 발송
7. **Todo 섹션 단순 조회** - MVP 스코프 축소
- ❌ 제거: Todo 편집/추가/삭제 기능 전체 제거
- Todo는 읽기 전용으로만 표시 (제목 + 담당자 + 마감일)
- 모든 사용자 (생성자 포함)에게 조회만 가능
8. **상태 변경**
8. **상태 변경** - MVP 스코프 축소
- 확정완료 회의록 수정 시: 자동으로 "작성중" 상태로 변경
- 모든 안건 검증 완료 시: "확정완료"로 변경 제안
- ❌ 제거: "확정완료"로 변경 제안 (검증률 기능 제거로 인해)
9. **저장 로직** - MVP 스코프 축소
- **"저장" 버튼 클릭 시**:
- 검증완료된 안건: 저장 스킵
- 미검증 안건: 저장 진행
- **저장 결과 알림**:
- "N개 안건이 저장되었습니다"
- "M개 안건은 검증완료 상태로 저장되지 않았습니다"
- 저장 불가 안건 목록 표시
- **자동 저장** (30초 간격):
- 미검증 안건만 자동 저장
- 검증완료 안건은 자동 저장 스킵
9. **안건 기반 충돌 해결 (UFR-COLLAB-020)**
10. **안건 기반 충돌 해결 (UFR-COLLAB-020)** - MVP 스코프 축소
- **안건 기반 충돌 방지 메커니즘**:
- **다른 안건 동시 편집**: 충돌 없음
- 참석자 A가 안건 1 편집
- 참석자 A가 안건 1 편집
- 참석자 B가 안건 2 편집 가능
- 양쪽 모두 정상 저장 및 동기화
- 양쪽 모두 정상 저장
- **동일 안건 내 다른 필드 편집**: 자동 병합
- 참석자 A가 안건 1의 "상세 요약" 편집
- 참석자 B가 안건 1의 "관련회의록" 편집
- 양쪽 변경 사항 자동 병합
- **동일 안건 검증 완료 체크로 충돌 방지**:
- 검증완료된 안건: 편집 불가 (회의 생성자만 잠금 해제 가능)
- 미검증 안건: Last Write Wins (마지막 저장 우선)
- **동일 필드 동시 수정**: Last Write Wins
- 마지막에 저장된 변경 사항이 적용
- 덮어쓰기 경고: "다른 사용자가 이미 수정했습니다. 최신 내용을 확인하세요"
- 선택 옵션: 최신 내용 확인 / 내 변경 사항 유지
- 별도 경고 없이 덮어쓰기
- **편집 중 표시**:
- 다른 사용자가 편집 중인 안건 표시
- 편집자 아바타 + 이름 실시간 표시
- 예: "김민준님이 이 안건을 편집 중입니다" + 아바타
- 편집 시작 시 해당 안건에 브로드캐스트
- 편집 종료 시 표시 제거
- ❌ 제거: 실시간 "편집 중" 표시
- ❌ 제거: 충돌 경고 모달 및 선택 옵션
- **충돌 경고 모달**:
- 제목: "동시 수정 감지"
- 메시지: "다른 사용자가 이미 이 내용을 수정했습니다"
- 옵션 버튼:
- "최신 내용 보기" (Primary): 다른 사용자 변경사항 로드
- "내 변경사항 유지" (Secondary): 현재 내용 유지 (덮어쓰기)
#### 데이터 요구사항
#### 데이터 요구사항 (MVP 스코프 축소)
- **입력**:
- 회의록 ID (조회)
- 수정 내용 (안건 ID, 내용) - 용어 변경: 섹션 → 안건
- **AI 한줄 요약** (읽기 전용, 입력 불가) - 신규
- **AI 한줄 요약** (읽기 전용, 입력 불가)
- **AI 상세 요약 수정** (안건 ID, 요약 내용)
- **참고자료 변경** (추가/제거할 회의록 ID)
- **안건별 검증 상태** (안건 ID, 검증 여부) - 신규
- **안건별 검증 상태** (안건 ID, 검증 여부)
- **출력**:
- 회의록 목록 (필터/정렬/검색 결과)
- 수정 결과 (성공/실패)
- **AI 한줄 요약** (회의 종료 시 생성, 편집 불가) - 신규
- **AI 상세 요약 재생성 결과**
- **AI 한줄 요약** (회의 종료 시 생성, 편집 불가)
- **AI 상세 요약 재생성 결과** (한줄 요약 제외)
- 수정 이력 (누가, 언제, 무엇을)
- **검증률** (검증 완료된 안건 수 / 전체 안건 수) - 신규
- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), Collaboration 서비스 (UFR-COLLAB-030)
- ❌ 제거: 검증률 출력
- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), PARTICIPANT 서비스 (UFR-COLLAB-020)
#### 에러 처리
#### 에러 처리 (MVP 스코프 축소)
- **권한 없음**: "본인이 작성한 회의록만 수정할 수 있습니다"
- **자동 저장 실패**: "네트워크 연결을 확인해주세요. 로컬에 임시 저장됩니다"
- **AI 요약 재생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
- **참고자료 검색 실패**: "회의록을 검색할 수 없습니다"
- **충돌 발생**:
- 안건 기반 충돌 방지로 최소화
- 동일 필드 동시 수정 시: "다른 사용자가 이미 수정했습니다" 경고 모달
- 선택 옵션: 최신 내용 확인 / 내 변경사항 유지
- 병합 실패 시: "병합 중 오류가 발생했습니다" 에러 메시지
- **검증완료 안건 저장 시도**:
- 저장 결과 알림: "N개 안건이 저장되었습니다. M개 안건은 검증완료 상태로 저장되지 않았습니다"
- 저장 불가 안건 목록 표시
- **삭제 실패**: "회의록 삭제에 실패했습니다"
- ❌ 제거: 충돌 경고 모달 (Last Write Wins 적용으로 인해)
---
@@ -2068,6 +2108,7 @@ graph TD
| 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------|
| 1.5.1 | 2025-10-27 | 강지수 | MVP 스코프 축소 v2.4.0 반영 (3개 화면 수정)<br>- **05-회의진행**: "AI 제안" 탭 → "AI 기반 메모" 탭 기능 변경<br> - 메모 입력창 + 저장 버튼 추가<br> - AI가 감지한 주요 내용 리스트 표시 (시간 + 내용)<br> - 각 참석자별 개별 저장, 다른 참석자 메모 볼 수 없음<br> - 메모는 회의 종료 전까지만 표시/편집 가능<br> - 에러 처리: AI 주요 내용 감지 실패, 메모 저장 실패 추가<br>- **10-회의록상세조회**: Todo 단순 조회 기능으로 변경<br> - Todo는 제목 + 담당자 + 마감일만 표시<br> - D-day 라벨, 우선순위 배지, 진행률 바, 상태별 필터 제거<br> - Todo 관리 화면 연동 링크 제거 (화면 자체가 제거됨)<br> - "수정" 버튼을 헤더로 이동<br>- **11-회의록수정**: 실시간 협업 기능 제거, 안건 기반 충돌 방지 강화<br> - "편집 중" 표시 제거 (실시간 협업 기능 제거)<br> - Todo 편집/추가/삭제 기능 전체 제거 (단순 조회만 가능)<br> - AI 한줄 요약 재생성 불가 (회의 종료 시 1회만 생성)<br> - 검증률 표시 및 최종 확정 버튼 제거<br> - 저장 로직 추가: 검증완료 안건 저장 스킵, 저장 결과 알림<br> - 안건별 검증 완료 체크박스로 충돌 방지 (Last Write Wins 적용)<br> - 에러 처리: 충돌 경고 모달 제거 (LWW로 인해) |
| 1.4.20 | 2025-10-25 | 이미준, 강지수 | 유저스토리 v2.3.0 반영<br>- 회의 종료 화면 정책 명확화 (확인 전용, 바로 최종 확정 옵션 상세화)<br>- UFR-MEET-050: 최종 확정 2가지 시나리오 설명 추가<br>- UFR-COLLAB-020: 안건 기반 충돌 해결 메커니즘 상세 추가<br>- 실시간 협업 충돌 방지 정책 강화 |
| 1.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 |
| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가<br>- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가<br>- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가<br>- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가<br>- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |