Merge branch 'main' of https://github.com/hwanny1128/HGZero into feat/notification-noti_request

This commit is contained in:
djeon 2025-10-27 15:47:28 +09:00
commit 4fe68dbcd1
7 changed files with 478 additions and 702 deletions

View File

@ -238,7 +238,7 @@
/* Todo 카드 스타일은 common.css에서 공통 관리 */ /* Todo 카드 스타일은 common.css에서 공통 관리 */
/* 통계 영역 - 정보 표시용 (클릭 불가) */ /* 통계 영역 - 정보 표시용 (클릭 불가) - UFR-USER-020: 2개 항목 표시 */
.stats-overview { .stats-overview {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
@ -513,15 +513,12 @@
<div class="sidebar-logo-text">회의록 서비스</div> <div class="sidebar-logo-text">회의록 서비스</div>
</a> </a>
<!-- MVP 스코프 축소: Todo 관리 메뉴 제거 -->
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<a href="12-회의록목록조회.html" class="sidebar-nav-item"> <a href="12-회의록목록조회.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon"><img src="img/edit.png" width="32"></span> <span class="sidebar-nav-icon"><img src="img/edit.png" width="32"></span>
<span>회의록</span> <span>회의록</span>
</a> </a>
<a href="09-Todo관리.html" class="sidebar-nav-item">
<span class="sidebar-nav-icon"><img src="img/list.png" width="32"></span>
<span>Todo 관리</span>
</a>
</nav> </nav>
<!-- 사용자 정보 영역 (Desktop) --> <!-- 사용자 정보 영역 (Desktop) -->
@ -559,7 +556,7 @@
<!-- 메인 콘텐츠 --> <!-- 메인 콘텐츠 -->
<main class="main-content"> <main class="main-content">
<!-- 통계 개요 --> <!-- 통계 개요 (UFR-USER-020) -->
<div class="stats-overview"> <div class="stats-overview">
<div class="stat-box stat-meeting"> <div class="stat-box stat-meeting">
<div class="stat-icon">📅</div> <div class="stat-icon">📅</div>
@ -567,9 +564,9 @@
<div class="stat-text">예정된 회의</div> <div class="stat-text">예정된 회의</div>
</div> </div>
<div class="stat-box stat-todo"> <div class="stat-box stat-todo">
<div class="stat-icon"></div> <div class="stat-icon">📝</div>
<div class="stat-number" id="stat-todos">0</div> <div class="stat-number" id="stat-drafts">0</div>
<div class="stat-text">나의 Todo</div> <div class="stat-text">작성중 회의록</div>
</div> </div>
</div> </div>
@ -583,16 +580,7 @@
</div> </div>
</section> </section>
<!-- 나의 Todo --> <!-- MVP 스코프 축소: "나의 Todo" 섹션 제거 -->
<section>
<div class="section-header">
<h2 class="section-title">나의 Todo</h2>
<a href="09-Todo관리.html" class="section-link">전체 보기 →</a>
</div>
<div class="todo-list" id="my-todos">
<!-- 동적 생성 -->
</div>
</section>
<!-- 나의 회의록 --> <!-- 나의 회의록 -->
<section> <section>
@ -607,7 +595,7 @@
</main> </main>
<!-- 하단 네비게이션 (모바일) --> <!-- 하단 네비게이션 (모바일) - MVP 스코프 축소: Todo 관리 메뉴 제거 -->
<nav class="bottom-nav"> <nav class="bottom-nav">
<a href="02-대시보드.html" class="nav-item active"> <a href="02-대시보드.html" class="nav-item active">
<img src="img/home.png" alt="홈" style="width: 45px;"> <img src="img/home.png" alt="홈" style="width: 45px;">
@ -615,9 +603,6 @@
<a href="12-회의록목록조회.html" class="nav-item"> <a href="12-회의록목록조회.html" class="nav-item">
<img src="img/edit.png" alt="회의록" style="width: 45px;"> <img src="img/edit.png" alt="회의록" style="width: 45px;">
</a> </a>
<a href="09-Todo관리.html" class="nav-item">
<img src="img/list.png" alt="Todo" style="width: 45px;">
</a>
</nav> </nav>
<!-- FAB 오버레이 --> <!-- FAB 오버레이 -->
@ -745,104 +730,9 @@
} }
/** /**
* 내 Todo 렌더링 (09-Todo관리.html과 동일한 정렬 기준) * MVP 스코프 축소: renderMyTodos() 함수 제거됨
* 대시보드에서 Todo 위젯이 제거되어 더 이상 사용되지 않음
*/ */
function renderMyTodos() {
const container = $('#my-todos');
const myTodos = SAMPLE_TODOS
.filter(todo => todo.assignee.id === currentUser.id)
.sort((a, b) => {
// 09-Todo관리.html과 동일한 정렬: 완료되지 않은 것 우선, 마감일 순
if (a.status === 'completed' && b.status !== 'completed') return 1;
if (a.status !== 'completed' && b.status === 'completed') return -1;
return new Date(a.dueDate) - new Date(b.dueDate);
})
.slice(0, 3); // 상위 3개만 표시
if (myTodos.length === 0) {
container.innerHTML = '<div class="empty-state"><div class="empty-icon"></div><p>할당된 Todo가 없습니다</p></div>';
return;
}
container.innerHTML = myTodos.map(todo => {
const dday = calculateDday(todo.dueDate);
const isCompleted = todo.status === 'completed';
const isOverdue = dday < 0 && !isCompleted;
// D-day 배지
let ddayBadge = '';
let ddayClass = '';
if (isCompleted) {
ddayBadge = '완료';
ddayClass = 'badge-complete';
} else if (isOverdue) {
ddayBadge = `D+${Math.abs(dday)} (지연)`;
ddayClass = 'badge-overdue';
} else if (dday === 0) {
ddayBadge = 'D-DAY';
ddayClass = 'badge-warning';
} else if (dday <= 3) {
ddayBadge = `D-${dday}`;
ddayClass = 'badge-warning';
} else if (dday <= 7) {
ddayBadge = `D-${dday}`;
ddayClass = 'badge-primary';
} else {
ddayBadge = `D-${dday}`;
ddayClass = 'badge-secondary';
}
// 우선순위 배지
const priorityText = todo.priority === 'high' ? '높음' : todo.priority === 'medium' ? '보통' : '낮음';
const priorityClass = `badge-${todo.priority}`;
return `
<div class="todo-card ${isCompleted ? 'completed' : ''}" data-todo-id="${todo.id}" data-meeting-id="${todo.meetingId}">
<div class="todo-top">
<div class="todo-checkbox-wrapper">
<input type="checkbox" class="todo-checkbox" id="check-${todo.id}"
${isCompleted ? 'checked' : ''}
onchange="toggleTodoComplete('${todo.id}', this.checked)">
</div>
<div class="todo-content-wrapper">
<div class="todo-badges">
<span class="badge ${ddayClass}">${ddayBadge}</span>
<span class="badge ${priorityClass}">${priorityText}</span>
</div>
<div class="todo-title">${todo.title}</div>
<div class="todo-meta-row">
<a class="todo-meeting-link" onclick="navigateTo('10-회의록상세조회.html'); event.stopPropagation();">
🔗 ${todo.meetingTitle}
</a>
<span>${formatDate(todo.dueDate)}</span>
</div>
</div>
${!isCompleted ? `
<div class="todo-actions">
<button class="icon-btn" onclick="editTodo('${todo.id}')" title="편집">✏️</button>
</div>
` : ''}
</div>
</div>
`;
}).join('');
// Todo 카드 클릭 시 해당 회의록 상세로 이동 (체크박스와 버튼 제외)
$$('.todo-card').forEach(card => {
card.addEventListener('click', (e) => {
// 체크박스나 버튼 클릭은 무시
if (e.target.classList.contains('todo-checkbox') ||
e.target.classList.contains('icon-btn') ||
e.target.closest('.icon-btn')) {
return;
}
const meetingId = card.dataset.meetingId;
const todoId = card.dataset.todoId;
navigateTo(`10-회의록상세조회.html?meetingId=${meetingId}&todoId=${todoId}`);
});
});
}
/** /**
* 나의 회의록 렌더링 (참여자 또는 생성자로 등록된 회의록, 최신순 정렬) * 나의 회의록 렌더링 (참여자 또는 생성자로 등록된 회의록, 최신순 정렬)
@ -887,31 +777,33 @@
} }
/** /**
* 통계 업데이트 * 통계 업데이트 (UFR-USER-020)
*/ */
function updateStats() { function updateStats() {
// 예정된 회의 개수 (예정 + 진행중) // 예정된 회의 개수 (예정 + 진행중)
const scheduled = SAMPLE_MEETINGS.filter(m => m.status === 'scheduled' || m.status === 'ongoing').length; const scheduled = SAMPLE_MEETINGS.filter(m => m.status === 'scheduled' || m.status === 'ongoing').length;
// 나의 Todo 개수 (전체) // 작성중 회의록 개수 (내가 참석한 회의 중 '작성중' 상태)
const myTodos = SAMPLE_TODOS.filter(t => t.assignee.id === currentUser.id).length; const drafts = SAMPLE_MINUTES.filter(m =>
m.status === 'draft' &&
m.participants.some(p => p.id === currentUser.id)
).length;
$('#stat-scheduled').textContent = scheduled; $('#stat-scheduled').textContent = scheduled;
$('#stat-todos').textContent = myTodos; $('#stat-drafts').textContent = drafts;
} }
/** /**
* 초기화 * 초기화 - MVP 스코프 축소: renderMyTodos() 제거
*/ */
function init() { function init() {
renderSidebarUser(); renderSidebarUser();
renderHeader(); renderHeader();
updateStats(); updateStats();
renderRecentMeetings(); renderRecentMeetings();
renderMyTodos();
renderMyMinutes(); renderMyMinutes();
console.log('대시보드 초기화 완료'); console.log('대시보드 초기화 완료 (MVP 스코프 축소)');
} }
/** /**
@ -1002,48 +894,11 @@
} }
/** /**
* Todo 완료 토글 * MVP 스코프 축소: Todo 관련 함수 제거됨
* @param {string} todoId - Todo ID * - toggleTodoComplete()
* @param {boolean} isChecked - 체크박스 상태 * - editTodo()
* 대시보드에서 Todo 위젯이 제거되어 더 이상 사용되지 않음
*/ */
function toggleTodoComplete(todoId, isChecked) {
if (isChecked) {
// 완료 처리
if (confirm('완료 처리하시겠습니까?')) {
const todo = SAMPLE_TODOS.find(t => t.id === todoId);
if (todo) {
todo.status = 'completed';
showToast('Todo가 완료되었습니다', 'success');
updateStats();
renderMyTodos();
}
} else {
event.target.checked = false;
}
} else {
// 미완료로 되돌리기
if (confirm('미완료로 변경하시겠습니까?')) {
const todo = SAMPLE_TODOS.find(t => t.id === todoId);
if (todo) {
todo.status = 'incomplete';
showToast('미완료로 변경되었습니다', 'info');
updateStats();
renderMyTodos();
}
} else {
event.target.checked = true;
}
}
}
/**
* Todo 편집 (간이 버전 - 09-Todo관리.html로 이동)
* @param {string} todoId - Todo ID
*/
function editTodo(todoId) {
// Todo 관리 화면으로 이동하여 편집
navigateTo(`09-Todo관리.html?todoId=${todoId}`);
}
init(); init();
</script> </script>

View File

@ -351,7 +351,7 @@
white-space: nowrap; white-space: nowrap;
} }
/* AI 제안 탭 */ /* AI 기반 메모 탭 - MVP 스코프 축소 v1.5.1 */
.memo-input-section { .memo-input-section {
background: var(--gray-50); background: var(--gray-50);
border-radius: var(--radius-md); border-radius: var(--radius-md);
@ -398,7 +398,7 @@
margin-bottom: var(--space-sm); margin-bottom: var(--space-sm);
} }
/* AI 제안 카드 */ /* AI 주요 내용 카드 */
.ai-suggestion-card { .ai-suggestion-card {
background: #FAFAFA; background: #FAFAFA;
border: 1px dashed #D0D0D0; border: 1px dashed #D0D0D0;
@ -668,7 +668,7 @@
참석자 참석자
</button> </button>
<button class="tab-button" onclick="switchTab('ai-suggestions')"> <button class="tab-button" onclick="switchTab('ai-suggestions')">
AI 제안 AI 메모
</button> </button>
<button class="tab-button" onclick="switchTab('terms')"> <button class="tab-button" onclick="switchTab('terms')">
용어사전 용어사전
@ -732,7 +732,7 @@
</div> </div>
</div> </div>
<!-- AI 제안 탭 --> <!-- AI 기반 메모 탭 (MVP 스코프 축소 v1.5.1) -->
<div class="tab-content" id="tab-ai-suggestions"> <div class="tab-content" id="tab-ai-suggestions">
<div class="memo-input-section"> <div class="memo-input-section">
<label class="memo-input-label">📝 회의 메모</label> <label class="memo-input-label">📝 회의 메모</label>
@ -1053,7 +1053,7 @@
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
} }
// AI 제안을 메모에 추가 // AI가 감지한 주요 내용을 메모에 추가 (MVP 스코프 축소 v1.5.1)
function addToMemo(suggestionText, cardElement) { function addToMemo(suggestionText, cardElement) {
const memoTextarea = document.getElementById('meetingMemo'); const memoTextarea = document.getElementById('meetingMemo');
const currentMemo = memoTextarea.value; const currentMemo = memoTextarea.value;
@ -1062,7 +1062,7 @@
const recordingTime = document.getElementById('recordingTime').textContent; const recordingTime = document.getElementById('recordingTime').textContent;
const timePrefix = '[' + recordingTime.substring(0, 5) + '] '; // HH:MM만 추출 const timePrefix = '[' + recordingTime.substring(0, 5) + '] '; // HH:MM만 추출
// 시간 정보 + 제안 내용 // 시간 정보 + 주요 내용
const memoWithTime = timePrefix + suggestionText; const memoWithTime = timePrefix + suggestionText;
if (currentMemo) { if (currentMemo) {
@ -1071,7 +1071,7 @@
memoTextarea.value = memoWithTime; memoTextarea.value = memoWithTime;
} }
// AI 제안 카드 삭제 // AI 주요 내용 카드 삭제 (선택 후 제거)
if (cardElement) { if (cardElement) {
cardElement.remove(); cardElement.remove();
} }

View File

@ -1042,148 +1042,62 @@
</div> </div>
</div> </div>
<!-- Todo 진행상황 --> <!-- Todo 단순 조회 (MVP 스코프 축소 v1.5.1) -->
<div class="card mb-lg"> <div class="card mb-lg">
<h3 class="card-title">📋 Todo 진행상황</h3> <h3 class="card-title">📋 Todo 진행상황</h3>
<p style="font-size: var(--font-small); color: var(--gray-600); margin-bottom: var(--space-md);">
Todo 항목은 조회만 가능합니다. 제목, 담당자, 마감일 정보만 표시됩니다.
</p>
<!-- 전체 진행률 --> <!-- Todo 단순 조회 리스트 (제목 + 담당자 + 마감일만 표시) -->
<div style="margin-bottom: var(--space-lg);"> <div style="display: flex; flex-direction: column; gap: var(--space-sm);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-xs);"> <div style="padding: var(--space-md); background: var(--gray-50); border-radius: var(--radius-md); border: 1px solid var(--gray-200);">
<span style="font-size: var(--font-body); font-weight: var(--font-weight-medium); color: var(--gray-900);">전체 진행률</span> <div style="font-weight: var(--font-weight-medium); color: var(--gray-900); margin-bottom: var(--space-xs);">
<span style="font-size: var(--font-body); font-weight: var(--font-weight-bold); color: var(--primary);">40%</span> 데이터베이스 스키마 설계
</div>
<div style="width: 100%; height: 8px; background: var(--gray-200); border: 1px solid var(--gray-300); border-radius: 4px; overflow: hidden;">
<div style="width: 40%; height: 100%; background: var(--primary); transition: width 0.3s ease;"></div>
</div>
<div style="font-size: var(--font-caption); color: var(--gray-600); margin-top: var(--space-xs);">
2 / 5 완료
</div>
</div>
<div class="todo-filters">
<button class="filter-btn active" data-filter="all" onclick="filterTodos('all')">
전체 (<span id="filterAllCount">5</span>)
</button>
<button class="filter-btn" data-filter="overdue" onclick="filterTodos('overdue')">
지연 (<span id="filterOverdueCount">1</span>)
</button>
<button class="filter-btn" data-filter="urgent" onclick="filterTodos('urgent')">
마감 임박 (<span id="filterUrgentCount">2</span>)
</button>
<button class="filter-btn" data-filter="completed" onclick="filterTodos('completed')">
완료 (<span id="filterCompletedCount">2</span>)
</button>
</div>
<!-- Todo 카드 리스트 -->
<div class="todo-card">
<div class="todo-top">
<div class="todo-checkbox-wrapper">
<input type="checkbox" class="todo-checkbox" id="check-todo-002"
onchange="toggleTodoComplete('todo-002', this.checked)">
</div> </div>
<div class="todo-content-wrapper"> <div style="font-size: var(--font-small); color: var(--gray-600);">
<div class="todo-badges"> <span>👤 이준호</span>
<span class="badge badge-overdue">D+1 (지연)</span> <span style="margin-left: var(--space-md);">📅 2025-10-20</span>
<span class="badge badge-high">높음</span>
</div>
<div class="todo-title">데이터베이스 스키마 설계</div>
<div class="todo-meta-row">
<span>담당자: 이준호</span>
<span>2025-10-20 마감</span>
</div>
</div>
<div class="todo-actions">
<button class="icon-btn" onclick="editTodo('todo-002')" title="편집">✏️</button>
</div> </div>
</div> </div>
</div>
<div class="todo-card"> <div style="padding: var(--space-md); background: var(--gray-50); border-radius: var(--radius-md); border: 1px solid var(--gray-200);">
<div class="todo-top"> <div style="font-weight: var(--font-weight-medium); color: var(--gray-900); margin-bottom: var(--space-xs);">
<div class="todo-checkbox-wrapper"> API 명세서 작성
<input type="checkbox" class="todo-checkbox" id="check-todo-001"
onchange="toggleTodoComplete('todo-001', this.checked)">
</div> </div>
<div class="todo-content-wrapper"> <div style="font-size: var(--font-small); color: var(--gray-600);">
<div class="todo-badges"> <span>👤 이준호</span>
<span class="badge badge-warning">D-2</span> <span style="margin-left: var(--space-md);">📅 2025-10-23</span>
<span class="badge badge-high">높음</span>
</div>
<div class="todo-title">API 명세서 작성</div>
<div class="todo-meta-row">
<span>담당자: 이준호</span>
<span>2025-10-23 마감</span>
</div>
</div>
<div class="todo-actions">
<button class="icon-btn" onclick="editTodo('todo-001')" title="편집">✏️</button>
</div> </div>
</div> </div>
</div>
<div class="todo-card"> <div style="padding: var(--space-md); background: var(--gray-50); border-radius: var(--radius-md); border: 1px solid var(--gray-200);">
<div class="todo-top"> <div style="font-weight: var(--font-weight-medium); color: var(--gray-900); margin-bottom: var(--space-xs);">
<div class="todo-checkbox-wrapper"> 예산 편성안 검토
<input type="checkbox" class="todo-checkbox" id="check-todo-005"
onchange="toggleTodoComplete('todo-005', this.checked)">
</div> </div>
<div class="todo-content-wrapper"> <div style="font-size: var(--font-small); color: var(--gray-600);">
<div class="todo-badges"> <span>👤 김민준</span>
<span class="badge badge-warning">D-1</span> <span style="margin-left: var(--space-md);">📅 2025-10-22</span>
<span class="badge badge-high">높음</span>
</div>
<div class="todo-title">예산 편성안 검토</div>
<div class="todo-meta-row">
<span>담당자: 김민준</span>
<span>2025-10-22 마감</span>
</div>
</div>
<div class="todo-actions">
<button class="icon-btn" onclick="editTodo('todo-005')" title="편집">✏️</button>
</div> </div>
</div> </div>
</div>
<div class="todo-card"> <div style="padding: var(--space-md); background: var(--gray-50); border-radius: var(--radius-md); border: 1px solid var(--gray-200);">
<div class="todo-top"> <div style="font-weight: var(--font-weight-medium); color: var(--gray-900); margin-bottom: var(--space-xs);">
<div class="todo-checkbox-wrapper"> UI 프로토타입 디자인
<input type="checkbox" class="todo-checkbox" id="check-todo-003"
onchange="toggleTodoComplete('todo-003', this.checked)">
</div> </div>
<div class="todo-content-wrapper"> <div style="font-size: var(--font-small); color: var(--gray-600);">
<div class="todo-badges"> <span>👤 최유진</span>
<span class="badge badge-primary">D-7</span> <span style="margin-left: var(--space-md);">📅 2025-10-28</span>
<span class="badge badge-medium">보통</span>
</div>
<div class="todo-title">UI 프로토타입 디자인</div>
<div class="todo-meta-row">
<span>담당자: 최유진</span>
<span>2025-10-28 마감</span>
</div>
</div>
<div class="todo-actions">
<button class="icon-btn" onclick="editTodo('todo-003')" title="편집">✏️</button>
</div> </div>
</div> </div>
</div>
<div class="todo-card completed"> <div style="padding: var(--space-md); background: var(--gray-50); border-radius: var(--radius-md); border: 1px solid var(--gray-200);">
<div class="todo-top"> <div style="font-weight: var(--font-weight-medium); color: var(--gray-900); margin-bottom: var(--space-xs);">
<div class="todo-checkbox-wrapper"> 사용자 피드백 분석
<input type="checkbox" class="todo-checkbox" id="check-todo-004" checked
onchange="toggleTodoComplete('todo-004', this.checked)">
</div> </div>
<div class="todo-content-wrapper"> <div style="font-size: var(--font-small); color: var(--gray-600);">
<div class="todo-badges"> <span>👤 김민준</span>
<span class="badge badge-complete">완료</span> <span style="margin-left: var(--space-md);">📅 2025-10-19</span>
<span class="badge badge-medium">보통</span>
</div>
<div class="todo-title">사용자 피드백 분석</div>
<div class="todo-meta-row">
<span>담당자: 김민준</span>
<span>2025-10-19 마감</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -1460,24 +1374,17 @@
} }
/** /**
* Todo 필터링 (09-Todo관리와 동일) * MVP 스코프 축소 v1.5.1: Todo 필터링/편집 함수 제거됨
* Todo는 단순 조회만 가능하므로 더 이상 사용되지 않음
*/ */
/*
function filterTodos(filter) { function filterTodos(filter) {
currentFilter = filter; // 제거됨: Todo 필터링 기능
// 탭 활성화
document.querySelectorAll('.filter-btn').forEach(btn => {
btn.classList.remove('active');
});
document.querySelector(`.filter-btn[data-filter="${filter}"]`).classList.add('active');
renderTodoList();
} }
*/
/** /*
* Todo 편집 모달 열기
* @param {string} todoId - 편집할 Todo ID
*/
function editTodo(todoId) { function editTodo(todoId) {
const todo = meetingTodos.find(t => t.id === todoId); const todo = meetingTodos.find(t => t.id === todoId);
if (!todo) return; if (!todo) return;
@ -1610,39 +1517,13 @@
* @param {string} todoId - Todo ID * @param {string} todoId - Todo ID
* @param {boolean} isChecked - 체크박스 상태 * @param {boolean} isChecked - 체크박스 상태
*/ */
/*
function toggleTodoComplete(todoId, isChecked) { function toggleTodoComplete(todoId, isChecked) {
if (isChecked) { // 제거됨: Todo 완료 토글 기능
// 완료 처리
if (confirm('완료 처리하시겠습니까?')) {
const todo = meetingTodos.find(t => t.id === todoId);
if (todo) {
todo.status = 'completed';
showToast('Todo가 완료되었습니다', 'success');
updateTodoProgress();
renderTodoList();
}
} else {
event.target.checked = false;
}
} else {
// 미완료로 되돌리기
if (confirm('미완료로 변경하시겠습니까?')) {
const todo = meetingTodos.find(t => t.id === todoId);
if (todo) {
todo.status = 'incomplete';
showToast('미완료로 변경되었습니다', 'info');
updateTodoProgress();
renderTodoList();
}
} else {
event.target.checked = true;
}
}
} }
*/
/** /*
* Todo 진행률 업데이트
*/
function updateTodoProgress() { function updateTodoProgress() {
const total = meetingTodos.length; const total = meetingTodos.length;
const completed = meetingTodos.filter(t => t.status === 'completed').length; const completed = meetingTodos.filter(t => t.status === 'completed').length;

View File

@ -6,6 +6,17 @@
<title>회의록 수정 - 회의록 서비스</title> <title>회의록 수정 - 회의록 서비스</title>
<link rel="stylesheet" href="common.css"> <link rel="stylesheet" href="common.css">
<style> <style>
/*
MVP 스코프 축소 v1.5.2 적용됨:
- ❌ 실시간 협업 표시 ("편집 중" 표시 제거)
- ❌ Todo 편집 기능 제거 (단순 조회만 가능)
- ❌ 검증률 표시 및 최종 확정 버튼 제거
- ✅ 안건별 검증 완료 체크박스 사용
- ✅ Last Write Wins (LWW) 정책 적용
- ✅ AI 요약 기능 통합: "AI 상세 요약" → "AI 요약"으로 명칭 변경
- ✅ AI 재생성 버튼: 텍스트 편집 영역 내용 기반으로 한줄 요약 재생성
*/
/* 페이지별 커스텀 스타일만 유지 */ /* 페이지별 커스텀 스타일만 유지 */
/* 공통 스타일(헤더, 메인콘텐츠, 안건, AI요약, 관련회의록, 액션바)은 common.css 사용 */ /* 공통 스타일(헤더, 메인콘텐츠, 안건, AI요약, 관련회의록, 액션바)은 common.css 사용 */
@ -101,32 +112,8 @@
gap: var(--space-xs); gap: var(--space-xs);
} }
/* AI 한줄 요약 (읽기 전용, UFR-AI-036) */ /* AI 요약 편집 영역 (UFR-AI-036) */
.ai-summary-oneline { /* 헤더, textarea, footer 스타일은 common.css 사용 */
background: var(--gray-50);
border-left: 4px solid var(--primary);
border-radius: var(--radius-md);
padding: var(--space-sm) var(--space-md);
margin-bottom: var(--space-md);
display: flex;
align-items: center;
gap: var(--space-sm);
}
.ai-summary-oneline .lock-icon {
font-size: 18px;
color: var(--gray-500);
flex-shrink: 0;
}
.ai-summary-oneline .summary-text {
font-size: var(--font-small);
color: var(--gray-700);
font-weight: var(--font-weight-medium);
flex: 1;
min-width: 0;
}
/* AI 요약 편집 Footer (common.css에 없는 부분) */ /* AI 요약 편집 Footer (common.css에 없는 부분) */
.ai-summary-footer { .ai-summary-footer {
display: flex; display: flex;
@ -245,6 +232,19 @@
gap: var(--space-sm); gap: var(--space-sm);
} }
/* 회의 생성자 전용 UI 표시 제어 */
.creator-only {
display: flex; /* 기본: 회의 생성자 환경 */
}
.agenda-verification:not([data-is-creator="true"]) .creator-only {
display: none; /* 참석자 환경에서는 숨김 */
}
.agenda-verification:not(.verified) .creator-only {
display: none; /* 검증 안 된 경우 버튼 숨김 */
}
/* 읽기 전용 표시 */ /* 읽기 전용 표시 */
.readonly-badge { .readonly-badge {
display: inline-flex; display: inline-flex;
@ -395,23 +395,17 @@
</div> </div>
</div> </div>
<!-- AI 한줄 요약 (읽기 전용, UFR-AI-036) --> <!-- AI 요약 편집 (UFR-AI-036) -->
<div class="ai-summary-oneline">
<span class="lock-icon">🔒</span>
<span class="summary-text">타겟 고객을 20-30대로 설정, UI/UX 개선 집중</span>
</div>
<!-- AI 상세 요약 편집 -->
<div class="ai-summary-edit"> <div class="ai-summary-edit">
<div class="ai-summary-header"> <div class="ai-summary-header">
<span class="ai-summary-label">💡 AI 상세 요약</span> <span class="ai-summary-label">💡 AI 요약</span>
<button class="btn-secondary btn-sm" onclick="regenerateSummary(1)">AI 재생성</button> <button class="btn-primary btn-sm" onclick="regenerateSummary(1)">AI 재생성</button>
</div> </div>
<textarea <textarea
class="ai-summary-textarea" class="ai-summary-textarea"
placeholder="AI 요약을 입력하거나 수정하세요" placeholder="AI 요약을 입력하거나 수정하세요"
readonly readonly
>신제품은 AI 기반 회의록 자동화 서비스로 결정. 타겟은 중소기업 및 스타트업이며, 주요 기능은 음성인식, AI 요약, Todo 추출입니다. 경쟁사 대비 차별점은 실시간 검증 및 협업 기능입니다.</textarea> >타겟 고객을 20-30대로 설정, UI/UX 개선 집중</textarea>
<div class="ai-summary-footer"> <div class="ai-summary-footer">
<span class="ai-summary-time">마지막 수정: 1시간 전</span> <span class="ai-summary-time">마지막 수정: 1시간 전</span>
</div> </div>
@ -466,16 +460,18 @@
</div> </div>
</div> </div>
<!-- 안건별 검증 (회의 생성자 권한) --> <!-- 안건별 검증 (UFR-COLLAB-030) -->
<div class="agenda-verification verified" id="verify-agenda-1"> <!-- 참석자: 체크박스만 표시 (검증완료 시 읽기 전용) -->
<!-- 생성자: 검증완료 시 "잠금 해제" 버튼 표시 -->
<div class="agenda-verification verified" id="verify-agenda-1" data-is-creator="true">
<input type="checkbox" class="checkbox" id="verify-1" checked disabled> <input type="checkbox" class="checkbox" id="verify-1" checked disabled>
<div class="verification-label"> <div class="verification-label">
<label for="verify-1"> <label for="verify-1">
<span class="font-medium">검증 완료</span> <span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금됨 · 회의 생성자만 수정 가능)</span>
</label> </label>
</div> </div>
<div class="verification-actions"> <!-- 회의 생성자만 보이는 잠금 해제 버튼 (검증완료 시에만 표시) -->
<div class="verification-actions creator-only">
<button class="btn btn-secondary btn-sm" onclick="unlockAgendaVerification(1)">🔓 잠금 해제</button> <button class="btn btn-secondary btn-sm" onclick="unlockAgendaVerification(1)">🔓 잠금 해제</button>
</div> </div>
</div> </div>
@ -492,23 +488,17 @@
</div> </div>
</div> </div>
<!-- AI 한줄 요약 (읽기 전용, UFR-AI-036) --> <!-- AI 요약 편집 (UFR-AI-036) -->
<div class="ai-summary-oneline">
<span class="lock-icon">🔒</span>
<span class="summary-text">개발 기간 3개월, 백엔드 2명/프론트 2명/AI 1명 투입</span>
</div>
<!-- AI 상세 요약 편집 -->
<div class="ai-summary-edit"> <div class="ai-summary-edit">
<div class="ai-summary-header"> <div class="ai-summary-header">
<span class="ai-summary-label">💡 AI 상세 요약</span> <span class="ai-summary-label">💡 AI 요약</span>
<button class="btn-secondary btn-sm" onclick="regenerateSummary(2)">AI 재생성</button> <button class="btn-primary btn-sm" onclick="regenerateSummary(2)">AI 재생성</button>
</div> </div>
<textarea <textarea
class="ai-summary-textarea" class="ai-summary-textarea"
placeholder="AI 요약을 입력하거나 수정하세요" placeholder="AI 요약을 입력하거나 수정하세요"
readonly readonly
>개발 기간은 3개월로 설정. 백엔드 2명, 프론트 2명, AI 엔지니어 1명 투입. 주간 스프린트로 진행하며, 2주마다 베타 테스트 실시.</textarea> >개발 기간 3개월, 백엔드 2명/프론트 2명/AI 1명 투입</textarea>
<div class="ai-summary-footer"> <div class="ai-summary-footer">
<span class="ai-summary-time">생성: 2025-10-25 16:32</span> <span class="ai-summary-time">생성: 2025-10-25 16:32</span>
</div> </div>
@ -547,16 +537,18 @@
</div> </div>
</div> </div>
<!-- 안건별 검증 (회의 생성자 권한) --> <!-- 안건별 검증 (UFR-COLLAB-030) -->
<div class="agenda-verification verified" id="verify-agenda-2"> <!-- 참석자: 체크박스만 표시 (검증완료 시 읽기 전용) -->
<!-- 생성자: 검증완료 시 "잠금 해제" 버튼 표시 -->
<div class="agenda-verification verified" id="verify-agenda-2" data-is-creator="true">
<input type="checkbox" class="checkbox" id="verify-2" checked disabled> <input type="checkbox" class="checkbox" id="verify-2" checked disabled>
<div class="verification-label"> <div class="verification-label">
<label for="verify-2"> <label for="verify-2">
<span class="font-medium">검증 완료</span> <span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금됨 · 회의 생성자만 수정 가능)</span>
</label> </label>
</div> </div>
<div class="verification-actions"> <!-- 회의 생성자만 보이는 잠금 해제 버튼 (검증완료 시에만 표시) -->
<div class="verification-actions creator-only">
<button class="btn btn-secondary btn-sm" onclick="unlockAgendaVerification(2)">🔓 잠금 해제</button> <button class="btn btn-secondary btn-sm" onclick="unlockAgendaVerification(2)">🔓 잠금 해제</button>
</div> </div>
</div> </div>
@ -573,23 +565,17 @@
</div> </div>
</div> </div>
<!-- AI 한줄 요약 (읽기 전용, UFR-AI-036) --> <!-- AI 요약 편집 (UFR-AI-036) -->
<div class="ai-summary-oneline">
<span class="lock-icon">🔒</span>
<span class="summary-text">프리 런칭 캠페인, LinkedIn 및 스타트업 커뮤니티 집중</span>
</div>
<!-- AI 상세 요약 편집 -->
<div class="ai-summary-edit"> <div class="ai-summary-edit">
<div class="ai-summary-header"> <div class="ai-summary-header">
<span class="ai-summary-label">💡 AI 상세 요약</span> <span class="ai-summary-label">💡 AI 요약</span>
<button class="btn-secondary btn-sm" onclick="regenerateSummary(3)">AI 재생성</button> <button class="btn-primary btn-sm" onclick="regenerateSummary(3)">AI 재생성</button>
</div> </div>
<textarea <textarea
class="ai-summary-textarea" class="ai-summary-textarea"
placeholder="AI 요약을 입력하거나 수정하세요" placeholder="AI 요약을 입력하거나 수정하세요"
readonly readonly
>베타 출시 전 프리 런칭 캠페인 진행. 주요 채널은 LinkedIn 및 스타트업 커뮤니티. 초기 100팀 무료 제공 후 유료 전환 유도.</textarea> >프리 런칭 캠페인, LinkedIn 및 스타트업 커뮤니티 집중</textarea>
<div class="ai-summary-footer"> <div class="ai-summary-footer">
<span class="ai-summary-time">생성: 2025-10-25 16:35</span> <span class="ai-summary-time">생성: 2025-10-25 16:35</span>
</div> </div>
@ -624,15 +610,15 @@
</div> </div>
<!-- 안건별 검증 (회의 생성자 권한) --> <!-- 안건별 검증 (회의 생성자 권한) -->
<div class="agenda-verification verified" id="verify-agenda-3"> <div class="agenda-verification verified" id="verify-agenda-3" data-is-creator="true">
<input type="checkbox" class="checkbox" id="verify-3" checked disabled> <input type="checkbox" class="checkbox" id="verify-3" checked disabled>
<div class="verification-label"> <div class="verification-label">
<label for="verify-3"> <label for="verify-3">
<span class="font-medium">검증 완료</span> <span class="font-medium">검증 완료</span>
<span class="text-caption text-muted"> (잠금됨 · 회의 생성자만 수정 가능)</span>
</label> </label>
</div> </div>
<div class="verification-actions"> <!-- 회의 생성자만 보이는 잠금 해제 버튼 (검증완료 시에만 표시) -->
<div class="verification-actions creator-only">
<button class="btn btn-secondary btn-sm" onclick="unlockAgendaVerification(3)">🔓 잠금 해제</button> <button class="btn btn-secondary btn-sm" onclick="unlockAgendaVerification(3)">🔓 잠금 해제</button>
</div> </div>
</div> </div>
@ -743,12 +729,13 @@
}, 1000); }, 1000);
} }
// AI 요약 재생성 // AI 한줄 요약 재생성 (텍스트 편집 영역 내용 기반, UFR-AI-036)
function regenerateSummary(agendaId) { function regenerateSummary(agendaId) {
showToast('AI 요약을 생성 중입니다...', 'info'); showToast('AI 요약을 생성 중입니다...', 'info');
setTimeout(() => { setTimeout(() => {
showToast('AI 요약이 생성되었습니다', 'success'); showToast('재생성되었습니다', 'success');
// 재생성된 한줄 요약은 회의록 상세조회 화면의 대시보드 및 회의록 탭에 즉시 반영됨
markAsUnsaved(); markAsUnsaved();
}, 2000); }, 2000);
} }

View File

@ -1,5 +1,14 @@
# 회의록 서비스 스타일 가이드 # 회의록 서비스 스타일 가이드
## 문서 정보
- **작성일**: 2025-10-21
- **최종 수정일**: 2025-10-27
- **작성자**: 강지수 (Product Designer), 이미준 (서비스 기획자), 도그냥 (서비스 기획자)
- **버전**: 1.3.1
- **설계 철학**: Mobile First Design
---
## 1. 디자인 철학 ## 1. 디자인 철학
### 핵심 원칙 ### 핵심 원칙
@ -368,8 +377,10 @@
- 02-대시보드: 최근 회의 카드, 내 회의록 카드 - 02-대시보드: 최근 회의 카드, 내 회의록 카드
- 10-회의록상세조회: 회의록 정보 섹션 - 10-회의록상세조회: 회의록 정보 섹션
### D-day 배지 ### D-day 배지 (참고용)
Todo 마감일 표시를 위한 D-day 배지 스타일입니다. **⚠️ MVP 스코프 축소 (v1.3.1)**: D-day 배지는 09-Todo관리 화면에서만 사용됩니다. 10-회의록상세조회 및 11-회의록수정 화면에서는 Todo 단순 조회만 제공하므로 D-day 배지가 표시되지 않습니다.
Todo 마감일 표시를 위한 D-day 배지 스타일입니다 (09-Todo관리 화면 전용).
```css ```css
/* D-Day (오늘 마감) */ /* D-Day (오늘 마감) */
@ -1277,7 +1288,7 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
- 참석자 관리 (추가/삭제) - 참석자 관리 (추가/삭제)
- 회의록 최종 확정 - 회의록 최종 확정
- 검증 완료된 안건 잠금 해제 - 검증 완료된 안건 잠금 해제
- 모든 Todo 수정 (담당자 변경 포함) - ~~모든 Todo 수정 (담당자 변경 포함)~~ **MVP 스코프 축소 (v1.3.1)**: Todo 편집 기능 제거
- **사용 예시**: - **사용 예시**:
- "회의 생성자 전용 기능" - "회의 생성자 전용 기능"
- "회의 생성자만 회의를 종료할 수 있습니다" - "회의 생성자만 회의를 종료할 수 있습니다"
@ -1288,11 +1299,11 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
- 회의록 조회 - 회의록 조회
- 안건 편집 (검증 완료 전) - 안건 편집 (검증 완료 전)
- 안건 검증 - 안건 검증
- 본인의 Todo 수정 (담당자 변경 불가) - ~~본인의 Todo 수정 (담당자 변경 불가)~~ **MVP 스코프 축소 (v1.3.1)**: Todo 편집 기능 제거, 단순 조회만 가능
- 회의록 목록 조회 (본인이 참석한 회의만) - 회의록 목록 조회 (본인이 참석한 회의만)
- **사용 예시**: - **사용 예시**:
- "모든 참석자가 편집할 수 있습니다" - "모든 참석자가 편집할 수 있습니다"
- "참석자는 본인의 Todo만 수정 가능합니다" - ~~"참석자는 본인의 Todo만 수정 가능합니다"~~ **변경 (v1.3.1)**: "Todo는 조회만 가능합니다"
### 사용하지 않는 용어 ### 사용하지 않는 용어
- ❌ "회의록 작성자" - 명확하지 않으므로 사용 금지 - ❌ "회의록 작성자" - 명확하지 않으므로 사용 금지
@ -1304,6 +1315,8 @@ Todo 마감일 표시를 위한 D-day 배지 스타일입니다.
| 버전 | 날짜 | 작성자 | 변경 내용 | | 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------| |------|------|--------|----------|
| 1.3.1 | 2025-10-27 | 강지수 | MVP 스코프 축소 v2.4.0 반영 (Todo 관련 섹션 수정)<br>- **D-day 배지 섹션**: 참고용으로 변경, 09-Todo관리 화면에서만 사용됨을 명시<br> - 10-회의록상세조회 및 11-회의록수정 화면에서는 Todo 단순 조회만 제공<br>- **사용자 역할 용어**: 권한 설명 업데이트<br> - 회의 생성자: "모든 Todo 수정" 권한 제거됨 (취소선 표시)<br> - 회의 참석자: "본인의 Todo 수정" 권한 제거됨 (취소선 표시)<br> - Todo는 조회만 가능하도록 변경<br>- **일관성 유지**: UI/UX 설계서 v1.5.1과 동기화 |
| 1.3.0 | 2025-10-24 | 이미준 | 사용자 역할 용어 통일 (유저스토리 v2.1.2 반영)<br>- **용어 정의 섹션 추가**: "회의 생성자"와 "회의 참석자" 용어 명확히 정의<br> - 회의 생성자: 회의 예약을 생성한 사용자, 회의 시작/종료/최종 확정 권한<br> - 회의 참석자: 회의에 참석하는 모든 사용자 (생성자 포함), 회의록 편집/조회 권한<br>- **사용하지 않는 용어 명시**: "회의록 작성자", "작성자" 용어 사용 금지<br>- **권한 상세 설명**: 생성자 전용 기능, 참석자 공통 기능 구체화<br>- **일관성 달성**: 유저스토리, 화면설계서, 스타일 가이드 간 용어 완전 통일 |
| 1.0 | 2025-10-21 | 최유진 | 최초 작성 - reference/sampleimg 샘플 이미지 기반 스타일 가이드 작성 | | 1.0 | 2025-10-21 | 최유진 | 최초 작성 - reference/sampleimg 샘플 이미지 기반 스타일 가이드 작성 |
| 1.0.1 | 2025-10-21 | 이미준 | 네비게이션 간소화 및 인터랙션 개선<br>- 설정 메뉴를 프로필 메뉴로 통합 (사이드바, 하단 네비게이션)<br>- 로그아웃 및 개인 설정 기능은 프로필 영역에서 접근<br>- Todo 항목 클릭 시 회의록 상세 화면으로 이동하는 인터랙션 추가<br>- 네비게이션 메뉴 항목: 대시보드, 회의 목록, Todo 관리, 프로필 (4개 항목) | | 1.0.1 | 2025-10-21 | 이미준 | 네비게이션 간소화 및 인터랙션 개선<br>- 설정 메뉴를 프로필 메뉴로 통합 (사이드바, 하단 네비게이션)<br>- 로그아웃 및 개인 설정 기능은 프로필 영역에서 접근<br>- Todo 항목 클릭 시 회의록 상세 화면으로 이동하는 인터랙션 추가<br>- 네비게이션 메뉴 항목: 대시보드, 회의 목록, Todo 관리, 프로필 (4개 항목) |
| 1.1 | 2025-10-21 | 이미준 | 반응형 네비게이션 및 2열 레이아웃 패턴 추가<br>- **반응형 네비게이션 전략**: Mobile (하단 네비게이션), Desktop (왼쪽 사이드바 240px)<br>- **사이드바 네비게이션 (Desktop)**: 로고 영역, 메뉴 항목 (대시보드/회의 목록/Todo 관리), 사용자 정보 영역<br>- **하단 네비게이션 (Mobile)**: 홈/회의록/Todo/프로필 (4개 메뉴)<br>- **2열 레이아웃 패턴**: 회의 진행 화면용 (왼쪽 65% 에디터, 오른쪽 35% 탭 패널)<br>- **탭 네비게이션 사용 예시**: 회의록 상세 (2개 탭), 회의 진행 (4개 탭) | | 1.1 | 2025-10-21 | 이미준 | 반응형 네비게이션 및 2열 레이아웃 패턴 추가<br>- **반응형 네비게이션 전략**: Mobile (하단 네비게이션), Desktop (왼쪽 사이드바 240px)<br>- **사이드바 네비게이션 (Desktop)**: 로고 영역, 메뉴 항목 (대시보드/회의 목록/Todo 관리), 사용자 정보 영역<br>- **하단 네비게이션 (Mobile)**: 홈/회의록/Todo/프로필 (4개 메뉴)<br>- **2열 레이아웃 패턴**: 회의 진행 화면용 (왼쪽 65% 에디터, 오른쪽 35% 탭 패널)<br>- **탭 네비게이션 사용 예시**: 회의록 상세 (2개 탭), 회의 진행 (4개 탭) |

View File

@ -2,9 +2,9 @@
## 문서 정보 ## 문서 정보
- **작성일**: 2025-10-21 - **작성일**: 2025-10-21
- **최종 수정일**: 2025-10-25 - **최종 수정일**: 2025-10-27
- **작성자**: 이미준 (서비스 기획자) - **작성자**: 이미준 (서비스 기획자)
- **버전**: 1.4.20 - **버전**: 1.5.2
- **설계 철학**: Mobile First Design - **설계 철학**: Mobile First Design
--- ---
@ -207,20 +207,25 @@ graph TD
### 02-대시보드 ### 02-대시보드
#### 개요 #### 개요
- **목적**: 주요 기능 접근 허브, 최근 활동 및 Todo 요약 제공 - **목적**: 주요 기능 접근 허브, 최근 활동 요약 제공
- **관련 유저스토리**: 여러 유저스토리의 진입점, UFR-MEET-030 (회의록 조회), UFR-TODO-010 (Todo 조회) - **관련 유저스토리**: UFR-USER-020 (대시보드 조회)
- **비즈니스 중요도**: 필수 - **비즈니스 중요도**: 필수
- **접근 경로**: 로그인 후 메인 화면 - **접근 경로**: 로그인 후 메인 화면
#### 주요 기능 #### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 빠른 회의 시작 및 예약 1. 빠른 회의 시작 및 예약
2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings) 2. **예정된/진행중 회의 목록** (upcoming & ongoing meetings)
- 예정된 회의 (아직 시작 전) - 예정된 회의 (아직 시작 전)
- 진행중 회의 (참여 가능한 회의) - 진행중 회의 (참여 가능한 회의)
3. **내 Todo 우선순위별 표시** (지연중 → 진행중 → 미진행 → 완료, 최대 5개) 3. **통계 정보 표시** (예정된 회의, 작성중 회의록)
4. **내 회의록** (참여자/생성자로 등록된 최근 3개, 상태 포함) 4. **내 회의록** (참여자/생성자로 등록된 최근 4개, 상태 포함)
5. 전역 검색 5. 전역 검색
**변경사항 (v1.5.0)**:
- ❌ 제거: "내 Todo" 섹션 및 Todo 관리 메뉴
- ✅ 추가: "작성중 회의록" 통계 카드
- ✅ 변경: 네비게이션 간소화 (대시보드, 회의록만 유지)
#### UI 구성요소 #### UI 구성요소
**Mobile (320px~768px)** **Mobile (320px~768px)**
@ -231,14 +236,15 @@ graph TD
- 예정된 회의가 없을 경우: "예정된 회의가 없습니다" - 예정된 회의가 없을 경우: "예정된 회의가 없습니다"
- **메인 콘텐츠** (스크롤, padding-bottom: 80px, background: gray-50) - **메인 콘텐츠** (스크롤, padding-bottom: 80px, background: gray-50)
- **통계 카드 컴팩트 배치** (단일 카드) - **개선안 A 적용 (v1.5)** - **통계 카드** (2열 그리드) - **v1.5.0 변경**
- 제목: "📊 오늘의 현황" (H5, Semibold) - "📅 예정된 회의" 카드
- 수평 배치 (flex, space-around): - 값: 전체 예정 + 진행 중 회의 개수
- "📅 예정 {N}" (Icon + Label + Value) - 클릭 액션: 없음 (정보 표시만)
- "✅진행 {N}" (Icon + Label + Value) - "📝 작성중 회의록" 카드
- "📈 완료 {N}%" (Icon + Label + Value) - 값: 내가 참석한 회의 중 '작성중' 상태인 회의록 개수
- 높이: ~80px (기존 대비 70% 감소) - 클릭 액션: 없음 (정보 표시만)
- 반응형: 태블릿 이상에서 justify-content: flex-start, gap 증가 - 높이: ~80px
- 반응형: 태블릿 이상에서 간격 증가
- **최근 회의** 섹션 - **최근 회의** 섹션
- 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크 - 헤더: "예정된 회의" (H4) + "전체 보기 →" 링크
@ -270,26 +276,9 @@ graph TD
- 타이머 표시: "10분 후 참여 가능" (시작 시간까지 남은 시간) - 타이머 표시: "10분 후 참여 가능" (시작 시간까지 남은 시간)
- 빈 상태: "예정된 회의가 없습니다" - 빈 상태: "예정된 회의가 없습니다"
- **내 Todo** 카드 (개선) - **내 회의록** 카드 - **v1.5.0 변경 (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가 없습니다"
- **내 회의록** 카드 (개선)
- 헤더: "내 회의록" (H4) + "전체 보기 →" 링크 (회의록 목록 화면으로 이동) - 헤더: "내 회의록" (H4) + "전체 보기 →" 링크 (회의록 목록 화면으로 이동)
- **최근 회의록 리스트** (최대 3개): - **최근 회의록 리스트** (최대 4개, 2x2 그리드):
- 필터: 내가 참여자 또는 생성자로 등록된 회의록 - 필터: 내가 참여자 또는 생성자로 등록된 회의록
- 정렬: 최근 생성 순 (createdAt 기준) - 정렬: 최근 생성 순 (createdAt 기준)
- 각 항목: - 각 항목:
@ -297,14 +286,16 @@ graph TD
- 회의 일시 (날짜 + 시간) - 회의 일시 (날짜 + 시간)
- 참석자 수 - 참석자 수
- **상태 배지**: - **상태 배지**:
- "작성중" (draft, 노란색 배지) - "작성중" (draft, 주황색 배지)
- "확정완료" (confirmed, 초록색 배지) - "확정완료" (confirmed, 초록색 배지)
- 최종 수정 시간 (상대 시간: "1시간 전", "어제" 등) - 검증완료율 표시 (작성중인 경우만)
- 클릭 시: 회의록 상세 화면으로 이동 - 클릭 시: 회의록 상세 화면으로 이동
- 빈 상태: "작성한 회의록이 없습니다. 첫 회의를 시작해보세요!" - 빈 상태: "참여한 회의록이 없습니다"
**Mobile (320px~768px)** **Mobile (320px~768px)** - **v1.5.0 네비게이션 간소화**
- **하단 네비게이션**: [Mobile 하단 네비게이션](#mobile-하단-네비게이션-320px768px) 참조 (홈 활성) - **하단 네비게이션**: 2개 메뉴만 표시
- 홈 (대시보드) - 활성 상태
- 회의록 (회의록 목록)
**Tablet/Desktop (768px+)** **Tablet/Desktop (768px+)**
- **좌측 사이드바**: [Desktop 좌측 사이드바](#desktop-좌측-사이드바-768px) 참조 (대시보드 활성) - **좌측 사이드바**: [Desktop 좌측 사이드바](#desktop-좌측-사이드바-768px) 참조 (대시보드 활성)
@ -314,22 +305,17 @@ graph TD
- "안녕하세요, {사용자명}님!" (H2) - "안녕하세요, {사용자명}님!" (H2)
- "오늘의 일정을 확인하세요" (부제) - "오늘의 일정을 확인하세요" (부제)
- **통계 카드 그리드** (3개, auto-fit) - **통계 카드 그리드** (2개) - **v1.5.0 변경**
- 예정된 회의 (📅) - 예정된 회의 (📅)
- 진행 중 Todo (✅) - 작성중 회의록 (📝)
- Todo 완료율 (📈)
- **최근 회의 그리드** (2-3컬럼) - **최근 회의 그리드** (2-3컬럼)
- 회의 카드들 (진행중 우선) - 회의 카드들 (진행중 우선)
- 참여하기/수정/보기 버튼 - 참여하기/수정/보기 버튼
- **할당된 Todo 리스트**
- 화이트 카드 배경
- 각 Todo 항목 구분선
- **내 회의록 리스트** - **내 회의록 리스트**
- 화이트 카드 배경 - 화이트 카드 배경
- 전체보기 → 11-회의록목록조회.html - 전체보기 → 12-회의록목록조회.html
- **하단 네비게이션**: 숨김 (데스크톱에서는 사이드바 사용) - **하단 네비게이션**: 숨김 (데스크톱에서는 사이드바 사용)
@ -628,22 +614,27 @@ graph TD
#### 개요 #### 개요
- **목적**: 실시간 회의 진행 및 AI 기반 회의록 자동 작성 - **목적**: 실시간 회의 진행 및 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 개선): - **권한** (MVP 개선):
- **회의 생성자 전용**: 회의 종료, 녹음 제어 (일시정지/재개/종료) - **회의 생성자 전용**: 회의 종료, 녹음 제어 (일시정지/재개/종료)
- **모든 참석자**: 회의 참여, AI 주요 내용 체크, 용어 확인, 관련 회의록 확인, 중도 퇴장 - **모든 참석자**: 회의 참여, AI 기반 메모 작성, 용어 확인, 관련 회의록 확인, 중도 퇴장
#### 주요 기능 #### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 음성 녹음 및 실시간 텍스트 변환 (STT) 1. 음성 녹음 및 실시간 텍스트 변환 (STT)
2. AI 자동 회의록 작성 (구조화) 2. AI 자동 회의록 작성 (구조화)
3. **AI 기반 주요 메모 항목 실시간 제안** (UFR-MEET-030) 3. **AI 기반 메모 작성** (UFR-PART-020): AI가 실시간으로 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
4. 전문용어 자동 감지 및 맥락 기반 설명 4. 전문용어 자동 감지 및 맥락 기반 설명
5. **참고자료 자동 연결** (이전 회의록, 관련 회의록) 5. **참고자료 자동 연결** (이전 회의록, 관련 회의록)
6. 참석자 관리 및 초대 기능 6. 참석자 관리 및 초대 기능
7. 회의 진행 시간 표시 7. 회의 진행 시간 표시
**변경사항 (v1.5.0)**:
- ✅ 변경: "AI 제안" 탭 → "AI 기반 메모" 탭으로 기능 변경
- ✅ 추가: 개인 메모 입력 및 저장 기능 (각 참석자별 개별 저장)
- ✅ 정책: 메모는 회의 종료 전까지만 표시/편집 가능, 다른 참석자 메모는 볼 수 없음
#### UI 구성요소 #### UI 구성요소
**전체 레이아웃** **전체 레이아웃**
@ -654,7 +645,7 @@ graph TD
- **메인 콘텐츠 영역: 정보 패널** (탭 구조) - **메인 콘텐츠 영역: 정보 패널** (탭 구조)
- **탭 네비게이션** (4개 탭) - **탭 네비게이션** (4개 탭)
- 참석자 (3명) - 참석자 (3명)
- AI 제안 - AI 기반 메모
- 용어 사전 - 용어 사전
- 관련 자료 (32건) - 관련 자료 (32건)
@ -676,17 +667,69 @@ graph TD
- flex layout, 하단 구분선 (마지막 제외) - flex layout, 하단 구분선 (마지막 제외)
- 상태 표시 제거됨 (발언 중/온라인 등 표시 안 함) - 상태 표시 제거됨 (발언 중/온라인 등 표시 안 함)
- **AI 제안 탭** - **AI 기반 메모 탭** (UFR-PART-020)
- 제목: "AI 제안" - 제목: "AI 기반 메모"
- **카드 디자인** (통일된 스타일):
- 배경: 연한 회색 (#FAFAFA) - **메모 입력 영역** (상단):
- 테두리: 회색 점선 (1px dashed #D0D0D0) - **메모 입력 텍스트박스**:
- 테두리 둥글기: 8px - placeholder: "메모를 입력하세요..."
- 내부 패딩: 16px - 다중 행 입력 지원 (textarea)
- 카드 간 여백: 16px - 배경: 화이트 (#FFFFFF)
- 헤더 폰트: 16px Bold, 민트 그린 (#4DD5A7) - 테두리: 회색 실선 (1px solid #E5E7EB)
- 본문 폰트: 14px, gray-700 - 테두리 둥글기: 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 +835,26 @@ graph TD
- 상태 표시 없음 (발언 중/온라인 등 제거) - 상태 표시 없음 (발언 중/온라인 등 제거)
- 참석자 수 동적 업데이트 (초대 성공 시) - 참석자 수 동적 업데이트 (초대 성공 시)
- **AI 제안 탭**: AI가 생성한 주요 메모 항목 제안 (UFR-MEET-030) - **AI 기반 메모 탭** (UFR-PART-020): AI가 감지한 주요 내용을 참석자가 선택하여 개인 메모로 저장
- **실시간 주요 메모 추천**: - **메모 작성 및 저장**:
- 메모 입력창에 자유롭게 메모 작성 가능
- "저장" 버튼 클릭 시 개인 메모로 저장 (각 참석자별 개별 저장)
- 저장 성공 시 "{n}개의 메모가 저장되었습니다" 성공 토스트
- 저장 실패 시 "메모 저장에 실패했습니다" 오류 토스트
- **AI가 감지한 주요 내용**:
- 음성→텍스트 변환 후 AI가 실시간으로 회의 내용 분석 - 음성→텍스트 변환 후 AI가 실시간으로 회의 내용 분석
- **중요한 내용으로 판단된 경우에만** 주요 메모 항목 제안 - **중요한 내용으로 판단된 경우에만** 주요 내용 항목 표시
- 논의항목/결정사항 등의 구분 없이 중요 내용을 주요 메모로 제안 - 각 항목: "[시간] 주요 내용 텍스트" 형식 (예: "[15:32] 예산 책정 관련 결정")
- 추천 빈도는 중요 내용 발생에 따라 가변적 (고정 간격 아님) - 실시간 업데이트: 새로운 항목은 하단에 추가
- 각 제안 항목에 "주요 메모에 추가" 버튼 제공 - 항목 클릭 시:
- 클릭 시 해당 안건의 주요 메모에 자동 저장 1. 메모 입력창에 "[시간] 내용" 형식으로 자동 추가
- 실시간 업데이트: 새로운 제안은 상단에 표시 2. 기존 메모가 있으면 줄바꿈 후 추가
3. 입력된 메모는 수정 가능 (자동/수동 구분 표시)
4. 저장 버튼 활성화
- **정책**:
- 메모는 회의 종료 전까지만 표시/편집 가능
- 각 참석자의 메모는 다른 참석자에게 보이지 않음
- 회의 종료 시 AI가 모든 참석자의 메모를 참조하여 회의록 생성
- **용어 사전 탭**: 회의에서 언급된 전문용어 설명 - **용어 사전 탭**: 회의에서 언급된 전문용어 설명
- **용어 검색 기능**: - **용어 검색 기능**:
@ -840,24 +894,25 @@ graph TD
- 참석자 초대 이메일 - 참석자 초대 이메일
- **출력**: - **출력**:
- 실시간 텍스트 변환 결과 (STT) - 실시간 텍스트 변환 결과 (STT)
- **AI 제안 목록** (주요 메모 항목 제안) - **AI가 감지한 주요 내용 목록** (시간 + 내용)
- **개인 메모** (각 참석자별 개별 저장)
- **전문용어 및 설명** (용어 사전) - **전문용어 및 설명** (용어 사전)
- **관련 회의록 목록** (32건, 관련도 포함) - **관련 회의록 목록** (32건, 관련도 포함)
- 참석자 목록 - 참석자 목록
- **연동**: - **연동**:
- STT 서비스 (UFR-AI-010) - STT 서비스 (UFR-AI-010)
- AI 서비스 (주요 메모 제안 생성, UFR-AI-040) - AI 서비스 (주요 내용 감지, UFR-AI-040)
- RAG 서비스 (관련 회의록 검색, 전문용어 자동 감지) - RAG 서비스 (관련 회의록 검색, 전문용어 자동 감지)
- Collaboration 서비스 (실시간 동기화) - PARTICIPANT 서비스 (메모 저장, UFR-PART-020)
#### 에러 처리 #### 에러 처리
- **마이크 권한 거부**: "마이크 권한이 필요합니다" 토스트 + 설정 안내 링크 - **마이크 권한 거부**: "마이크 권한이 필요합니다" 토스트 + 설정 안내 링크
- **STT 실패**: "음성 인식에 실패했습니다" 토스트 + 재시도 안내 - **STT 실패**: "음성 인식에 실패했습니다" 토스트 + 재시도 안내
- **AI 제안 생성 실패**: "AI 제안을 불러올 수 없습니다" 토스트 - **AI 주요 내용 감지 실패**: "AI 주요 내용 감지에 실패했습니다" 토스트 (회의 계속 진행 가능)
- **메모 저장 실패**: "메모 저장에 실패했습니다" 토스트 + 재시도 버튼
- **용어 사전 로드 실패**: "용어 사전을 불러올 수 없습니다" 메시지 표시 - **용어 사전 로드 실패**: "용어 사전을 불러올 수 없습니다" 메시지 표시
- **관련 자료 검색 실패**: "관련 회의록을 찾을 수 없습니다" 메시지 표시 - **관련 자료 검색 실패**: "관련 회의록을 찾을 수 없습니다" 메시지 표시
- **참석자 초대 실패**: "초대 링크 전송에 실패했습니다" 토스트 + 재시도 버튼 - **참석자 초대 실패**: "초대 링크 전송에 실패했습니다" 토스트 + 재시도 버튼
- **동기화 실패**: "네트워크 연결을 확인해주세요" 토스트
- **회의 종료 실패**: "회의 종료 중 오류가 발생했습니다" 토스트 + 재시도 버튼 - **회의 종료 실패**: "회의 종료 중 오류가 발생했습니다" 토스트 + 재시도 버튼
--- ---
@ -1157,27 +1212,34 @@ graph TD
#### 개요 #### 개요
- **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인 - **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인
- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040 - **관련 유저스토리**: UFR-MEET-047, UFR-AI-040, UFR-MEET-048
- **비즈니스 중요도**: 중간 - **비즈니스 중요도**: 중간
- **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크 - **접근 경로**: 대시보드 → "내 회의록" 항목 클릭
- **권한**: 모든 회의 참석자 (조회 전용) - **권한**: 모든 회의 참석자 (조회 전용)
#### 주요 기능 #### 주요 기능 (MVP 스코프 축소 v1.5.0)
1. 회의 기본 정보 표시 1. 회의 기본 정보 표시
2. **안건별 AI 요약 표시** (안건 최상단) 2. **안건별 AI 요약 표시** (안건 최상단)
3. 안건별 상세 내용 표시 3. 안건별 상세 내용 표시
4. **참고자료 표시** (안건 하단) 4. **참고자료 표시** (안건 하단)
5. Todo 항목 및 진행 상황 표시 5. **Todo 단순 조회** (UFR-MEET-047): 제목, 담당자만 표시 (D-day, 우선순위 라벨 제거)
6. 첨부파일 다운로드 6. 첨부파일 다운로드
7. 회의록 수정/공유 액션 7. 회의록 수정/공유 액션
**변경사항 (v1.5.0)**:
- ❌ 제거: Todo 관리 화면 연동 링크 (화면 자체가 제거됨)
- ❌ 제거: Todo D-day 라벨, 우선순위 배지 표시
- ✅ 변경: Todo는 단순 조회만 가능 (제목 + 담당자 + 마감일만 표시)
- ✅ 변경: "수정" 버튼을 회의 제목 우측으로 이동
#### UI 구성요소 #### UI 구성요소
**Mobile (320px~768px)** **Mobile (320px~768px)**
- **헤더** - **헤더**
- 뒤로가기 버튼 - 뒤로가기 버튼
- 회의 제목 - 회의 제목
- 메뉴 버튼 (수정, 삭제) - "수정" 버튼 (회의 제목 우측, 아이콘 또는 텍스트 버튼)
- 메뉴 버튼 (삭제, 공유 등)
- **기본 정보 카드** - **기본 정보 카드**
- 회의 일시 - 회의 일시
@ -1221,14 +1283,12 @@ graph TD
- 결정사항 카드 리스트 - 결정사항 카드 리스트
- 각 카드: 결정 내용 + 결정자 + 시간 + 배경 설명 - 각 카드: 결정 내용 + 결정자 + 시간 + 배경 설명
- **Todo 진행상황 섹션** (📋) - **Todo 진행상황 섹션** (📋) - MVP 스코프 축소
- **전체 진행률 표시**: 상단에 원형 진행 바 (완료 Todo 개수 / 전체 Todo 개수) - **단순 조회만 제공** (UFR-MEET-047)
- 진행률 퍼센트 중앙 표시 (예: "60%") - Todo 리스트:
- 색상: Primary 색상 (#4DD5A7) - 각 Todo: 제목 + 담당자 + 마감일만 표시
- 크기: 80px (Desktop), 60px (Mobile) - ❌ 제거: D-day 라벨, 우선순위 배지, 진행률 바, 상태별 필터
- 상태별 필터 탭 (전체/시작 전/진행 중/완료) - ❌ 제거: Todo 관리 화면 연동 (클릭 액션 없음)
- 담당자별 그룹화
- 각 Todo: 제목 + 마감일 + 우선순위 배지 (개별 진행률 바 제거)
- **참고자료 섹션** (📚) - **참고자료 섹션** (📚)
- 참고자료 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지) - 참고자료 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
@ -1237,21 +1297,20 @@ graph TD
- 관련도 점수 배지 (92%, 88% 등) - 관련도 점수 배지 (92%, 88% 등)
- 2-3줄 요약 - 2-3줄 요약
- **Todo 섹션** (강조) - **Todo 섹션** (단순 조회) - MVP 스코프 축소
- Todo 항목 리스트: - Todo 항목 리스트:
- 체크박스 (완료/미완료) - Todo 내용 (제목)
- Todo 내용
- 담당자 이름 - 담당자 이름
- 마감일 - 마감일
- 우선순위 배지 - ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨
- **첨부파일 섹션** - **첨부파일 섹션**
- 파일 아이콘 + 파일명 - 파일 아이콘 + 파일명
- 다운로드 버튼 - 다운로드 버튼
- **하단 액션 바** (Fixed) - **하단 액션 바** (Fixed) - MVP 스코프 축소
- "수정" 버튼 (권한 있는 경우만)
- "공유" 버튼 - "공유" 버튼
- ❌ 제거: "수정" 버튼 (헤더로 이동)
**Tablet/Desktop (768px+)** **Tablet/Desktop (768px+)**
- **상단**: 탭 네비게이션 - **상단**: 탭 네비게이션
@ -1279,25 +1338,24 @@ graph TD
- 관련도 색상 코딩: 90%+ (초록), 70-89% (노랑), 70% 미만 (회색) - 관련도 색상 코딩: 90%+ (초록), 70-89% (노랑), 70% 미만 (회색)
- "더보기" 클릭 → 전체 참고자료 목록 모달 - "더보기" 클릭 → 전체 참고자료 목록 모달
3. **대시보드 탭 인터랙션** 3. **대시보드 탭 인터랙션** - MVP 스코프 축소
- **핵심내용 섹션**: - **핵심내용 섹션**:
- 키워드 태그 클릭 → 해당 키워드 관련 안건으로 스크롤 - 키워드 태그 클릭 → 해당 키워드 관련 안건으로 스크롤
- 통계 항목 클릭 → 상세 정보 툴팁 표시 - 통계 항목 클릭 → 상세 정보 툴팁 표시
- **결정사항 섹션**: - **결정사항 섹션**:
- 결정사항 카드 클릭 → 회의록 탭의 해당 안건으로 이동 - 결정사항 카드 클릭 → 회의록 탭의 해당 안건으로 이동
- 배경 설명 접기/펼치기 - 배경 설명 접기/펼치기
- **Todo 진행상황**: - **Todo 진행상황** (단순 조회만):
- 필터 탭 클릭 → 해당 상태의 Todo만 표시 - ❌ 제거: 필터 탭, 진행률 바, Todo 관리 화면 연동
- Todo 카드 클릭 → Todo관리 화면으로 이동 - Todo는 읽기 전용으로만 표시 (클릭 액션 없음)
- 진행률 바: 실시간 업데이트
- **참고자료 섹션**: - **참고자료 섹션**:
- 탭 전환 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지) - 탭 전환 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
- 참고자료 카드 클릭 → 해당 문서로 이동 - 참고자료 카드 클릭 → 해당 문서로 이동
- 관련도 점수: 배지로 표시 (92%, 88% 등) - 관련도 점수: 배지로 표시 (92%, 88% 등)
4. **Todo 인터랙션** 4. **Todo 인터랙션** - MVP 스코프 축소
- Todo 체크박스: 완료 처리 (권한 있는 경우) - ❌ 제거: Todo 체크박스, Todo 관리 화면 연동
- Todo 클릭: Todo관리 화면으로 이동 - Todo는 단순 조회만 가능 (클릭 액션 없음)
5. **첨부파일 다운로드** 5. **첨부파일 다운로드**
- 파일명 클릭: 다운로드 시작 - 파일명 클릭: 다운로드 시작
@ -1342,32 +1400,41 @@ graph TD
#### 개요 #### 개요
- **목적**: 지난 회의록 조회 및 수정 - **목적**: 지난 회의록 조회 및 수정
- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, **UFR-TODO-040 (Todo 수정)** - **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-020
- **비즈니스 중요도**: 중간 - **비즈니스 중요도**: 중간
- **접근 경로**: 10-회의록상세조회 → 하단 액션 바 "수정" 버튼 클릭 - **접근 경로**: 10-회의록상세조회 → 하단 액션 바 "수정" 버튼 클릭
- **권한 제어**: - **권한 제어**:
- **검증완료 전**: 모든 참석자가 수정 가능 - **검증완료 전**: 모든 참석자가 수정 가능
- **검증완료 후**: 회의 생성자만 수정 가능 (참석자는 "수정" 버튼 비활성화) - **검증완료 후**: 회의 생성자만 수정 가능 (참석자는 "수정" 버튼 비활성화)
#### 주요 기능 #### 주요 기능 (MVP 스코프 축소 v1.5.2)
1. 회의 기본 정보 표시 및 수정 1. 회의 기본 정보 표시 및 수정
- 회의 제목: 수정 가능 - 회의 제목: 수정 가능
- 회의 일시/장소: 읽기 전용 (회의 예약 화면에서만 변경 가능) - 회의 일시/장소: 읽기 전용 (회의 예약 화면에서만 변경 가능)
- 참석자 관리: 회의 생성자만 추가/삭제 가능 - 참석자 관리: 회의 생성자만 추가/삭제 가능
2. **회의록 내용 수정 (안건별)** - 용어 변경: 섹션 → 안건 2. **회의록 내용 수정 (안건별)** - 용어 변경: 섹션 → 안건
3. **AI 한줄 요약 표시 (안건별, UFR-AI-036)** - 신규 3. **AI 요약 표시 및 재생성 (안건별, UFR-AI-036)**
- 편집 불가능한 AI 한줄 요약 (30자 이내) - AI 한줄 요약 표시 (30자 이내, 읽기 전용)
- 각 안건 최상단에 표시 - 텍스트 편집 영역에서 안건 내용 수정 가능
4. **AI 상세 요약 수정 (안건별)** - 기존 AI 요약 기능 - "AI 재생성" 버튼: 텍스트 편집 영역 내용 기반으로 한줄 요약만 재생성 (2-5초 처리)
5. **참고자료 편집** (추가/제거) - 재생성된 한줄 요약은 회의록 상세조회 화면의 대시보드 및 회의록 탭에 즉시 반영
6. **Todo 수정 (UFR-TODO-040)** - 회의 생성자만 4. **참고자료 편집** (추가/제거)
7. **안건별 검증 (UFR-COLLAB-030)** - 신규 5. **Todo 단순 조회** (제목 + 담당자 + 마감일만 표시)
- 안건별 검증 완료 체크박스 6. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)**
- 회의 생성자: 잠금 해제 후 수정 가능 - 회의 생성자: 검증 완료 체크박스 활성화, 잠금 해제 후 수정 가능
- 참석자: 읽기 전용 - 참석자: 검증완료 안건은 읽기 전용
8. 자동 저장 (30초 간격) 7. 자동 저장 (30초 간격)
9. 수정 이력 관리 8. 수정 이력 관리
10. 상태 변경 (검증완료 → 작성중으로 자동 변경) 9. 상태 변경 (검증완료 → 작성중으로 자동 변경)
**변경사항 (v1.5.2)**:
- ✅ 명칭 변경: "AI 상세 요약" → "AI 요약"
- ✅ 기능 통합: AI 재생성 버튼 클릭 시 텍스트 편집 영역 내용 기반으로 한줄 요약 생성 (UFR-AI-036)
- ❌ 제거: AI 상세 요약 및 한줄 요약 분리 표시 (한줄 요약만 표시)
- ❌ 제거: 실시간 협업 표시 ("편집 중" 표시 제거)
- ❌ 제거: Todo 편집 기능 (체크박스, 담당자/마감일/우선순위 변경, 추가/삭제)
- ❌ 제거: 검증률 표시 및 최종 확정 버튼
- ✅ 정책: Last Write Wins (마지막 저장 우선) 적용
#### UI 구성요소 #### UI 구성요소
@ -1389,45 +1456,35 @@ graph TD
- "참석자 추가" 버튼 (이메일 입력 + 초대) - "참석자 추가" 버튼 (이메일 입력 + 초대)
- 회의록 상태 배지 (자동 관리) - 회의록 상태 배지 (자동 관리)
- **편집 화면** - **편집 화면** (MVP 스코프 축소)
- **안건별 편집 영역** (용어 변경: 섹션 → 안건) - **안건별 편집 영역** (용어 변경: 섹션 → 안건)
- 각 안건: - 각 안건:
- **안건 헤더** - **안건 헤더**
- 안건 제목 (H4, Bold) - 안건 제목 (H4, Bold)
- 검증 상태 배지 (검증완료/미검증) - 검증 상태 배지 (검증완료/미검증)
- 편집 중 표시 (동시 편집 시) - ❌ 제거: "편집 중" 표시 (실시간 협업 기능 제거)
- 다른 사용자 아바타 + 이름 - **AI 요약** (읽기 전용, UFR-AI-036)
- 예: "김민준님 편집 중" (아이콘 + 텍스트) - 💡 "AI 요약" 레이블
- **AI 한줄 요약** (편집 불가, UFR-AI-036) - 신규 - AI 한줄 요약 표시 (30자 이내)
- 🔒 아이콘 + 30자 이내 한줄 요약 - 읽기 전용 영역 (회색 배경, 민트 그린 좌측 액센트 라인)
- 읽기 전용 (회색 배경, 민트 그린 좌측 액센트 라인)
- 호버 시: "이 내용은 편집할 수 없습니다" 툴팁 - 호버 시: "이 내용은 편집할 수 없습니다" 툴팁
- **AI 상세 요약 편집 영역** - **텍스트 편집 영역**
- 💡 "AI 상세 요약" 레이블 (명칭 변경) - 안건 내용 편집 필드 (textarea)
- 요약 텍스트 편집 필드 (textarea) - 논의 주제, 발언자별 의견, 결정 사항, 보류 사항 등 자유 작성
- "AI 재생성" 버튼 (요약 다시 생성) - "AI 재생성" 버튼: 텍스트 편집 영역 내용 기반으로 AI 요약의 한줄 요약 재생성
- 마지막 수정 시간 표시 - 마지막 수정 시간 표시
- 편집 가능한 텍스트 영역
- 논의 주제
- 발언자별 의견
- 결정 사항
- 보류 사항
- **참고자료 편집 영역** - **참고자료 편집 영역**
- 기존 참고자료 목록 (제거 버튼 포함) - 기존 참고자료 목록 (제거 버튼 포함)
- "참고자료 추가" 버튼 - "참고자료 추가" 버튼
- 회의록 검색 및 선택 UI - 회의록 검색 및 선택 UI
- **Todo 섹션 편집 영역** (회의 생성자만) - **Todo 섹션 단순 조회** (편집 불가)
- Todo 목록 표시 - Todo 목록 표시 (읽기 전용)
- 각 Todo 항목: - 각 Todo 항목:
- 체크박스 (완료 상태)
- Todo 제목 - Todo 제목
- 담당자 (변경 가능) - 담당자
- 마감일 (변경 가능) - 마감일
- 우선순위 (변경 가능) - ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨, 편집/삭제 버튼
- "편집" 버튼 (인라인 편집 활성화) - **안건별 검증 영역** (UFR-COLLAB-020)
- "삭제" 버튼
- "Todo 추가" 버튼
- **안건별 검증 영역** (UFR-COLLAB-030) - 신규
- **회의 생성자 화면**: - **회의 생성자 화면**:
- 검증 완료 체크박스 (활성화) - 검증 완료 체크박스 (활성화)
- "잠금 해제" 버튼 (검증완료 안건만 표시) - "잠금 해제" 버튼 (검증완료 안건만 표시)
@ -1456,38 +1513,36 @@ graph TD
- 자동 저장: 30초 간격, 인디케이터 표시 - 자동 저장: 30초 간격, 인디케이터 표시
- 수동 저장: "저장" 버튼 클릭 - 수동 저장: "저장" 버튼 클릭
3. **AI 한줄 요약 확인 (UFR-AI-036)** - 신규 3. **AI 한줄 요약 확인 (UFR-AI-036)** - MVP 스코프 축소
- **읽기 전용 표시**: - **읽기 전용 표시**:
- 🔒 아이콘으로 편집 불가 명시 - 🔒 아이콘으로 편집 불가 명시
- 회색 배경 + 민트 그린 좌측 액센트 라인 - 회색 배경 + 민트 그린 좌측 액센트 라인
- **호버 인터랙션**: - **호버 인터랙션**:
- 툴팁 표시: "이 내용은 편집할 수 없습니다" - 툴팁 표시: "이 내용은 편집할 수 없습니다. 회의 종료 시 1회만 생성됩니다."
- **위치**: 각 안건 최상단 (안건 제목 바로 아래) - **위치**: 각 안건 최상단 (안건 제목 바로 아래)
- ❌ 제거: "AI 재생성" 버튼 (한줄 요약은 회의 종료 시 1회만 생성)
4. **AI 상세 요약 편집** 4. **AI 상세 요약 편집** - MVP 스코프 축소
- 요약 텍스트 필드 클릭: 직접 수정 가능 - 요약 텍스트 필드 클릭: 직접 수정 가능
- "AI 재생성" 버튼 클릭: - "AI 재생성" 버튼 클릭:
- 현재 안건 내용 기반으로 상세 요약 재생성 - 현재 안건 내용 기반으로 **상세 요약만** 재생성 (한줄 요약 제외)
- 로딩 인디케이터 표시 - 로딩 인디케이터 표시
- 생성 완료 시 자동 업데이트 - 생성 완료 시 자동 업데이트
- 자동 저장 (30초 간격) - 자동 저장 (30초 간격)
5. **안건별 검증 (UFR-COLLAB-030)** - 신규 5. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)** - MVP 스코프 축소
- **회의 생성자 권한**: - **회의 생성자 권한**:
- 검증 완료 체크박스 클릭: - 검증 완료 체크박스 클릭:
- 체크: 안건 검증 완료 처리 (배지 "검증완료"로 변경) - 체크: 안건 검증 완료 처리 (배지 "검증완료"로 변경)
- 언체크: 미검증 상태로 변경 - 언체크: 미검증 상태로 변경
- "잠금 해제" 버튼 클릭 (검증완료 안건만 표시): - "잠금 해제" 버튼 클릭 (검증완료 안건만 표시):
- 확인 다이얼로그: "이 안건의 잠금을 해제하시겠습니까?" - 확인 다이얼로그: "이 안건의 잠금을 해제하시겠습니까?"
- 확인 시: 안건 편집 가능 상태로 변경 - 확인 시: 안건 검증 완료 체크 해제 → 편집 가능 상태로 변경
- **참석자 화면**: - **참석자 화면**:
- 검증완료 안건: 🔒 "읽기 전용" 배지 표시 - 검증완료 안건: 🔒 "읽기 전용" 배지 표시
- 안내 텍스트: "(잠금됨 · 회의 생성자만 수정 가능)" - 안내 텍스트: "(잠금됨 · 회의 생성자만 수정 가능)"
- 모든 입력 필드 비활성화 (disabled) - 모든 입력 필드 비활성화 (disabled)
- **검증률 계산 및 표시**: - ❌ 제거: 검증률 계산 및 표시, "최종 확정" 버튼
- 검증률 = 검증 완료된 안건 수 / 전체 안건 수
- 헤더에 검증률 표시 (예: "검증률: 70% (7/10)")
- 모든 안건 검증 완료 시 "최종 확정" 버튼 활성화
6. **참고자료 편집** 6. **참고자료 편집**
- "참고자료 추가" 버튼 클릭: - "참고자료 추가" 버튼 클릭:
@ -1497,98 +1552,72 @@ graph TD
- 제거 버튼 (X): 참고자료 목록에서 제거 - 제거 버튼 (X): 참고자료 목록에서 제거
- 순서 변경: 드래그하여 순서 조정 (선택) - 순서 변경: 드래그하여 순서 조정 (선택)
7. **Todo 섹션 편집 (UFR-TODO-040)** (회의 생성자만) 7. **Todo 섹션 단순 조회** - MVP 스코프 축소
- **권한 제어**: - ❌ 제거: Todo 편집/추가/삭제 기능 전체 제거
- 회의 생성자만 Todo 섹션 편집 가능 - Todo는 읽기 전용으로만 표시 (제목 + 담당자 + 마감일)
- 일반 참석자는 조회만 가능 (편집 버튼 숨김) - 모든 사용자 (생성자 포함)에게 조회만 가능
- **편집 버튼 클릭**:
- 인라인 편집 모드 활성화
- **수정 가능 항목** (회의 생성자 권한):
- ✏️ Todo 제목
- 👤 담당자 (드롭다운 선택, 참석자 목록)
- 📅 마감일 (날짜 선택기)
- 🎯 우선순위 (high/medium/low)
- "저장" 버튼: 수정 완료
- "취소" 버튼: 편집 모드 취소
- **수정 완료 시**:
- "Todo가 수정되었습니다" 토스트 메시지
- 회의록 자동 저장
- 담당자 변경 시: 이전/새 담당자에게 알림 발송
- 마감일 변경 시: 캘린더 자동 업데이트
- **Todo 추가**:
- "Todo 추가" 버튼 클릭
- Todo 정보 입력 모달 (제목, 담당자, 마감일, 우선순위)
- 저장 시 Todo 목록에 추가
- **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 편집 가능 - 참석자 B가 안건 2 편집 가능
- 양쪽 모두 정상 저장 및 동기화 - 양쪽 모두 정상 저장
- **동일 안건 내 다른 필드 편집**: 자동 병합 - **동일 안건 검증 완료 체크로 충돌 방지**:
- 참석자 A가 안건 1의 "상세 요약" 편집 - 검증완료된 안건: 편집 불가 (회의 생성자만 잠금 해제 가능)
- 참석자 B가 안건 1의 "관련회의록" 편집 - 미검증 안건: Last Write Wins (마지막 저장 우선)
- 양쪽 변경 사항 자동 병합
- **동일 필드 동시 수정**: Last Write Wins - **동일 필드 동시 수정**: Last Write Wins
- 마지막에 저장된 변경 사항이 적용 - 마지막에 저장된 변경 사항이 적용
- 덮어쓰기 경고: "다른 사용자가 이미 수정했습니다. 최신 내용을 확인하세요" - 별도 경고 없이 덮어쓰기
- 선택 옵션: 최신 내용 확인 / 내 변경 사항 유지
- **편집 중 표시**: - ❌ 제거: 실시간 "편집 중" 표시
- 다른 사용자가 편집 중인 안건 표시 - ❌ 제거: 충돌 경고 모달 및 선택 옵션
- 편집자 아바타 + 이름 실시간 표시
- 예: "김민준님이 이 안건을 편집 중입니다" + 아바타
- 편집 시작 시 해당 안건에 브로드캐스트
- 편집 종료 시 표시 제거
- **충돌 경고 모달**: #### 데이터 요구사항 (MVP 스코프 축소)
- 제목: "동시 수정 감지"
- 메시지: "다른 사용자가 이미 이 내용을 수정했습니다"
- 옵션 버튼:
- "최신 내용 보기" (Primary): 다른 사용자 변경사항 로드
- "내 변경사항 유지" (Secondary): 현재 내용 유지 (덮어쓰기)
#### 데이터 요구사항
- **입력**: - **입력**:
- 회의록 ID (조회) - 회의록 ID (조회)
- 수정 내용 (안건 ID, 내용) - 용어 변경: 섹션 → 안건 - 수정 내용 (안건 ID, 내용) - 용어 변경: 섹션 → 안건
- **AI 한줄 요약** (읽기 전용, 입력 불가) - 신규 - **AI 한줄 요약** (읽기 전용, 입력 불가)
- **AI 상세 요약 수정** (안건 ID, 요약 내용) - **AI 상세 요약 수정** (안건 ID, 요약 내용)
- **참고자료 변경** (추가/제거할 회의록 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 요약 재생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요" - **AI 요약 재생성 실패**: "요약 생성에 실패했습니다. 수동으로 작성해주세요"
- **참고자료 검색 실패**: "회의록을 검색할 수 없습니다" - **참고자료 검색 실패**: "회의록을 검색할 수 없습니다"
- **충돌 발생**: - **검증완료 안건 저장 시도**:
- 안건 기반 충돌 방지로 최소화 - 저장 결과 알림: "N개 안건이 저장되었습니다. M개 안건은 검증완료 상태로 저장되지 않았습니다"
- 동일 필드 동시 수정 시: "다른 사용자가 이미 수정했습니다" 경고 모달 - 저장 불가 안건 목록 표시
- 선택 옵션: 최신 내용 확인 / 내 변경사항 유지
- 병합 실패 시: "병합 중 오류가 발생했습니다" 에러 메시지
- **삭제 실패**: "회의록 삭제에 실패했습니다" - **삭제 실패**: "회의록 삭제에 실패했습니다"
- ❌ 제거: 충돌 경고 모달 (Last Write Wins 적용으로 인해)
--- ---
@ -2068,7 +2097,6 @@ graph TD
| 버전 | 날짜 | 작성자 | 변경 내용 | | 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|----------| |------|------|--------|----------|
| 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.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 |
| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가<br>- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가<br>- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가<br>- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가<br>- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) | | 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가<br>- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가<br>- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가<br>- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가<br>- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) |
| 1.1.1 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반)<br>- 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드)<br>- 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션<br>- 참고자료 관련도 점수 표시 (백분율 + 색상 코딩)<br>- 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)<br>- 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) | | 1.1.1 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반)<br>- 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드)<br>- 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션<br>- 참고자료 관련도 점수 표시 (백분율 + 색상 코딩)<br>- 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)<br>- 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) |
@ -2102,7 +2130,9 @@ graph TD
|| 1.4.17 | 2025-10-24 | 강지수 | 07-회의종료 화면 STT 한계 반영 (유저스토리 v2.1.2)<br>- **STT 화자 식별 불가 반영**: STT는 화자를 식별할 수 없으므로 화자 관련 기능 제거<br> - 발언 통계 섹션 삭제<br> - 안건별 "발언자별 의견" 섹션 삭제<br>- **통계 영역 디자인 개선**: 정보성 디자인으로 명확화<br> - 배경색: var(--white) → var(--gray-50)<br> - 숫자 색상: var(--primary) → var(--gray-900)<br> - 라벨 색상: var(--gray-500) → var(--gray-600)<br> - 정보 표시 전용으로 시각적 구분 명확화<br>- **안건 섹션 구분 개선**:<br> - 안건 간 하단 보더 추가 (1px solid var(--gray-200))<br> - 섹션 제목에 primary 색상 세로 바 추가 (::before pseudo-element)<br> - 콘텐츠 영역 좌측 패딩 추가로 계층 구조 명확화<br>- **연관 문서 업데이트**:<br> - 유저스토리 UFR-MEET-040: "발언 횟수 (화자별)" 항목 제거<br> - UI/UX 설계서 07-회의종료: 발언 통계 및 발언자별 의견 항목 제거 | || 1.4.17 | 2025-10-24 | 강지수 | 07-회의종료 화면 STT 한계 반영 (유저스토리 v2.1.2)<br>- **STT 화자 식별 불가 반영**: STT는 화자를 식별할 수 없으므로 화자 관련 기능 제거<br> - 발언 통계 섹션 삭제<br> - 안건별 "발언자별 의견" 섹션 삭제<br>- **통계 영역 디자인 개선**: 정보성 디자인으로 명확화<br> - 배경색: var(--white) → var(--gray-50)<br> - 숫자 색상: var(--primary) → var(--gray-900)<br> - 라벨 색상: var(--gray-500) → var(--gray-600)<br> - 정보 표시 전용으로 시각적 구분 명확화<br>- **안건 섹션 구분 개선**:<br> - 안건 간 하단 보더 추가 (1px solid var(--gray-200))<br> - 섹션 제목에 primary 색상 세로 바 추가 (::before pseudo-element)<br> - 콘텐츠 영역 좌측 패딩 추가로 계층 구조 명확화<br>- **연관 문서 업데이트**:<br> - 유저스토리 UFR-MEET-040: "발언 횟수 (화자별)" 항목 제거<br> - UI/UX 설계서 07-회의종료: 발언 통계 및 발언자별 의견 항목 제거 |
| 1.4.18 | 2025-10-24 | 강지수 | 05-회의진행 실시간 주요 메모 추천 기능 명확화 (유저스토리 v2.1.1)<br>- **AI 제안 탭 기능 상세화**: 실시간 주요 메모 추천 기능 명시 추가<br> - UFR-MEET-030: 실시간 AI 주요 메모 추천<br> - 음성→텍스트 변환 후 AI가 실시간 분석<br> - **중요한 내용으로 판단된 경우에만** 주요 메모 항목 추천<br> - 추천 빈도는 중요 내용 발생에 따라 가변적 (3-5초 고정 간격 아님)<br> - 각 추천 항목에 "주요 메모에 추가" 버튼 제공<br> - 실시간 업데이트: 새로운 추천은 상단에 표시<br>- **프로토타입 확인**: 05-회의진행.html의 AI 제안 탭이 실시간 주요 메모 추천 기능을 포함하고 있음을 확인<br>- **참조**: design/uiux/요구사항설계검토-report-V1.2.md (실시간 주요 메모 추천 명시 부족 개선) | | 1.4.18 | 2025-10-24 | 강지수 | 05-회의진행 실시간 주요 메모 추천 기능 명확화 (유저스토리 v2.1.1)<br>- **AI 제안 탭 기능 상세화**: 실시간 주요 메모 추천 기능 명시 추가<br> - UFR-MEET-030: 실시간 AI 주요 메모 추천<br> - 음성→텍스트 변환 후 AI가 실시간 분석<br> - **중요한 내용으로 판단된 경우에만** 주요 메모 항목 추천<br> - 추천 빈도는 중요 내용 발생에 따라 가변적 (3-5초 고정 간격 아님)<br> - 각 추천 항목에 "주요 메모에 추가" 버튼 제공<br> - 실시간 업데이트: 새로운 추천은 상단에 표시<br>- **프로토타입 확인**: 05-회의진행.html의 AI 제안 탭이 실시간 주요 메모 추천 기능을 포함하고 있음을 확인<br>- **참조**: design/uiux/요구사항설계검토-report-V1.2.md (실시간 주요 메모 추천 명시 부족 개선) |
| 1.4.19 | 2025-10-24 | 강지수 | 05-회의진행 화면 설계서 프로토타입 기준 전면 수정<br>- **레이아웃 구조 변경**: "2열 구조" 표현 제거, "메인 콘텐츠 영역: 정보 패널 (탭 구조)"로 단순화<br> - 텍스트 편집 영역 관련 내용 모두 제거 (왼쪽 영역, 에디터 툴바, contentEditable 등)<br> - 현재 프로토타입은 헤더 + 탭 콘텐츠 구조만 보유<br>- **반응형 디자인 명확화**: Mobile/Desktop 모두 동일한 구조에 너비만 반응형<br> - "2열 구조를 1열로 전환", "바텀시트" 표현 제거<br> - Mobile: 전체 너비 사용, Desktop: 최대 너비 제한 없이 반응형<br>- **AI 제안 탭 기능 명확화**: 논의항목/결정사항 구분 제거<br> - "논의항목/결정사항 등의 구분 없이 중요 내용을 주요 메모로 제안" 명시<br> - AI는 단순히 중요한 내용을 주요 메모 항목으로 제안하는 역할만 수행<br>- **용어 사전 검색 기능 추가**: 검색 입력창 + 검색 버튼<br> - Enter 키 지원, 용어명과 정의 모두 검색<br> - 검색 동작 상세 설명: 일치하는 용어만 표시, 하이라이트 효과, 결과 없으면 전체 목록 표시<br>- **인터랙션 섹션 정리**: 텍스트 편집, 툴바 사용, 충돌 감지 등 편집 관련 내용 모두 제거<br> - 탭 전환, 회의 종료, 실시간 업데이트만 유지<br> - 실시간 업데이트 항목을 현재 화면에 맞게 수정 (AI 제안, 용어 사전, 관련 회의록)<br>- **데이터 요구사항 업데이트**: 사용자 편집 내용 제거, 참석자 초대 이메일 추가<br> - AI 제안을 "주요 메모 항목 제안"으로 명확히 표현<br>- **에러 처리 업데이트**: 편집 충돌 에러 제거, 용어 사전 로드 실패/참석자 초대 실패 추가<br>- **주요 기능 목록 정리**: 실시간 협업/수동 편집 제거, AI 주요 메모 제안/참석자 관리 추가<br>- **권한 항목 수정**: "회의록 편집: 모든 참석자" → "참석자 초대: 모든 참석자"<br>- **프로토타입 기준 반영**: 05-회의진행.html 실제 구현 상태 100% 반영 | | 1.4.19 | 2025-10-24 | 강지수 | 05-회의진행 화면 설계서 프로토타입 기준 전면 수정<br>- **레이아웃 구조 변경**: "2열 구조" 표현 제거, "메인 콘텐츠 영역: 정보 패널 (탭 구조)"로 단순화<br> - 텍스트 편집 영역 관련 내용 모두 제거 (왼쪽 영역, 에디터 툴바, contentEditable 등)<br> - 현재 프로토타입은 헤더 + 탭 콘텐츠 구조만 보유<br>- **반응형 디자인 명확화**: Mobile/Desktop 모두 동일한 구조에 너비만 반응형<br> - "2열 구조를 1열로 전환", "바텀시트" 표현 제거<br> - Mobile: 전체 너비 사용, Desktop: 최대 너비 제한 없이 반응형<br>- **AI 제안 탭 기능 명확화**: 논의항목/결정사항 구분 제거<br> - "논의항목/결정사항 등의 구분 없이 중요 내용을 주요 메모로 제안" 명시<br> - AI는 단순히 중요한 내용을 주요 메모 항목으로 제안하는 역할만 수행<br>- **용어 사전 검색 기능 추가**: 검색 입력창 + 검색 버튼<br> - Enter 키 지원, 용어명과 정의 모두 검색<br> - 검색 동작 상세 설명: 일치하는 용어만 표시, 하이라이트 효과, 결과 없으면 전체 목록 표시<br>- **인터랙션 섹션 정리**: 텍스트 편집, 툴바 사용, 충돌 감지 등 편집 관련 내용 모두 제거<br> - 탭 전환, 회의 종료, 실시간 업데이트만 유지<br> - 실시간 업데이트 항목을 현재 화면에 맞게 수정 (AI 제안, 용어 사전, 관련 회의록)<br>- **데이터 요구사항 업데이트**: 사용자 편집 내용 제거, 참석자 초대 이메일 추가<br> - AI 제안을 "주요 메모 항목 제안"으로 명확히 표현<br>- **에러 처리 업데이트**: 편집 충돌 에러 제거, 용어 사전 로드 실패/참석자 초대 실패 추가<br>- **주요 기능 목록 정리**: 실시간 협업/수동 편집 제거, AI 주요 메모 제안/참석자 관리 추가<br>- **권한 항목 수정**: "회의록 편집: 모든 참석자" → "참석자 초대: 모든 참석자"<br>- **프로토타입 기준 반영**: 05-회의진행.html 실제 구현 상태 100% 반영 |
| 1.4.20 | 2025-10-25 | 이미준, 강지수 | 유저스토리 v2.3.0 반영<br>- 회의 종료 화면 정책 명확화 (확인 전용, 바로 최종 확정 옵션 상세화)<br>- UFR-MEET-050: 최종 확정 2가지 시나리오 설명 추가<br>- UFR-COLLAB-020: 안건 기반 충돌 해결 메커니즘 상세 추가<br>- 실시간 협업 충돌 방지 정책 강화 |
| 1.5.2 | 2025-10-27 | 강지수 | AI 요약 기능 통합 및 단순화 (유저스토리 v2.4.1 반영)<br>- **11-회의록수정**: AI 요약 기능 통합<br> - 명칭 변경: "AI 상세 요약" → "AI 요약"<br> - AI 요약 영역: AI 한줄 요약만 표시 (30자 이내, 읽기 전용)<br> - 텍스트 편집 영역: 안건 내용 자유 작성 (논의 주제, 발언자별 의견, 결정 사항 등)<br> - "AI 재생성" 버튼: 텍스트 편집 영역 내용 기반으로 AI 요약의 한줄 요약 재생성 (2-5초 처리)<br> - 재생성된 한줄 요약은 회의록 상세조회 화면의 대시보드 및 회의록 탭에 즉시 반영<br> - AI 상세 요약 및 한줄 요약 분리 표시 제거<br>- **프로토타입 UI 개선**:<br> - AI 재생성 버튼 스타일 통일: btn-secondary → btn-primary (다른 화면과 일관성)<br> - 안건별 검증완료 UI 단순화: 참석자는 체크박스만, 회의 생성자는 검증완료 시 잠금해제 버튼 표시<br> - .creator-only CSS 클래스 추가: data-is-creator 속성 기반 표시 제어<br>- **관련 유저스토리**: UFR-AI-036 (AI 한줄요약 확인 및 재생성), UFR-MEET-055 (안건별 검증), UFR-COLLAB-030 (충돌 방지) |
| 1.5.1 | 2025-10-27 | 강지수 | MVP 스코프 축소 v2.4.0 반영 (4개 화면 수정)<br>- **02-대시보드**: Todo 위젯 및 통계 제거 (UFR-USER-020 반영)<br> - Todo 위젯 전체 제거 (나의 Todo 섹션 삭제)<br> - 통계 카드: "나의 Todo" 제거, "작성중 회의록" 유지 (2개 항목)<br> - 네비게이션: 하단 네비게이션 및 사이드바에서 Todo 관리 메뉴 제거<br> - Desktop 통계 그리드: 2개 항목만 표시<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로 인해) |
--- ---

View File

@ -1,10 +1,25 @@
# AI기반 회의록 작성 및 이력 관리 개선 서비스 - 유저스토리 (v2.4.0) # AI기반 회의록 작성 및 이력 관리 개선 서비스 - 유저스토리 (v2.4.0)
- [AI기반 회의록 작성 및 이력 관리 개선 서비스 - 유저스토리 (v2.4.0)](#ai기반-회의록-작성-및-이력-관리-개선-서비스---유저스토리-v240) ## 목차
- [차별화 전략](#차별화-전략) - [차별화 전략](#차별화-전략)
- [1. 기본 기능 (Hygiene Factors)](#1-기본-기능-hygiene-factors) - [1. 기본 기능 (Hygiene Factors)](#1-기본-기능-hygiene-factors)
- [2. 핵심 차별화 포인트 (Differentiators)](#2-핵심-차별화-포인트-differentiators) - [2. 핵심 차별화 포인트 (Differentiators)](#2-핵심-차별화-포인트-differentiators)
- [마이크로서비스 구성](#마이크로서비스-구성) - [마이크로서비스 구성](#마이크로서비스-구성)
- [유저스토리 - USER & MEETING 서비스](#유저스토리---user--meeting-서비스)
- [USER 서비스](#user-서비스)
- [MEETING 서비스](#meeting-서비스)
- [유저스토리 - AI, STT, RAG, COLLAB, NOTIFICATION 서비스](#유저스토리-v230---ai-stt-rag-collab-todo-notification-서비스)
- [AI 서비스](#ai-서비스)
- [STT 서비스](#stt-서비스)
- [RAG 서비스 (AI 서비스에 통합)](#rag-서비스-ai-서비스에-통합)
- [COLLAB 서비스 (Meeting 서비스에 통합)](#collab-서비스-meeting-서비스에-통합)
- [NOTIFICATION 서비스](#notification-서비스-신규)
- [MVP 개선 사항 (v2.3.1)](#mvp-개선-사항-v231)
- [회의 참석자 권한 및 기능 단순화](#회의-참석자-권한-및-기능-단순화)
- [회의 생성자 전용 기능](#회의-생성자-전용-기능)
- [용어 설명 기능 (MVP 단순화)](#용어-설명-기능-mvp-단순화)
- [기존 유저스토리 수정](#기존-유저스토리-수정)
- [문서 이력](#문서-이력)
--- ---
@ -44,7 +59,7 @@
- 업무 이력 통합 - 업무 이력 통합
--- ---
# 유저스토리 v2.3.0 - USER & MEETING 서비스 # 유저스토리 - USER & MEETING 서비스
## USER 서비스 ## USER 서비스
@ -135,25 +150,23 @@
2. 회의 제목 입력 (최대 100자) 2. 회의 제목 입력 (최대 100자)
3. 날짜 선택 (오늘 이후 날짜, 달력 UI) 3. 날짜 선택 (오늘 이후 날짜, 달력 UI)
4. 시작/종료 시간 선택 (15분 단위 커스텀 시간 선택기) 4. 시작/종료 시간 선택 (15분 단위 커스텀 시간 선택기)
5. (선택) 종일 회의 토글 활성화 시 시간 입력 비활성화 5. 온라인/오프라인 회의 선택 (토글)
6. 온라인/오프라인 회의 선택 (토글) 6. 장소 입력 (최대 200자)
7. 장소 입력 (최대 200자)
- 오프라인: 예) 본사 2층 대회의실 - 오프라인: 예) 본사 2층 대회의실
- 온라인: 예) Zoom, Google Meet + 회의 링크 입력 또는 자동 생성 - 온라인: 예) Zoom, Google Meet + 회의 링크 입력 또는 자동 생성
8. 참석자 추가 (현재 사용자는 기본 포함) 7. 참석자 추가 (현재 사용자는 기본 포함)
- "참석자 추가" 버튼 클릭 - "참석자 추가" 버튼 클릭
- 검색 모달에서 이름 또는 이메일로 검색 - 검색 모달에서 이름 또는 이메일로 검색
- 사용자 선택하여 추가 - 사용자 선택하여 추가
- 칩으로 표시, X 버튼으로 제거 가능 (본인 제외) - 칩으로 표시, X 버튼으로 제거 가능 (본인 제외)
9. (선택) 안건 입력 (텍스트 영역) 8. (선택) 안건 입력 (텍스트 영역)
10. "임시저장" 버튼 또는 "예약 완료" 버튼 클릭 9. "임시저장" 버튼 또는 "예약 완료" 버튼 클릭
**입력:** **입력:**
- 회의 제목: 텍스트 입력, 필수, 최대 100자, 문자 카운터 표시 - 회의 제목: 텍스트 입력, 필수, 최대 100자, 문자 카운터 표시
- 날짜: date 타입, 필수, 오늘 이후 날짜만 선택 가능, 달력 아이콘(📅) 표시 - 날짜: date 타입, 필수, 오늘 이후 날짜만 선택 가능, 달력 아이콘(📅) 표시
- 시작 시간: 커스텀 시간 선택기 (readonly), 필수, 15분 단위 (00, 15, 30, 45) - 시작 시간: 커스텀 시간 선택기 (readonly), 필수, 15분 단위 (00, 15, 30, 45)
- 종료 시간: 커스텀 시간 선택기 (readonly), 필수, 15분 단위 - 종료 시간: 커스텀 시간 선택기 (readonly), 필수, 15분 단위
- 종일 회의: 토글 스위치 (선택)
- 온라인 회의: 토글 스위치 (선택) - 온라인 회의: 토글 스위치 (선택)
- 장소: 텍스트 입력, 선택, 최대 200자, 문자 카운터 표시 - 장소: 텍스트 입력, 선택, 최대 200자, 문자 카운터 표시
- 회의 링크: URL 입력, 선택, 온라인 회의인 경우에만 표시, "자동 생성" 버튼 제공 - 회의 링크: URL 입력, 선택, 온라인 회의인 경우에만 표시, "자동 생성" 버튼 제공
@ -218,15 +231,18 @@
### UFR-MEET-020: [템플릿선택] 회의 생성자로서 | 나는, 회의록을 효율적으로 작성하기 위해 | 회의 유형에 맞는 템플릿을 선택하고 싶다. ### UFR-MEET-020: [템플릿선택] 회의 생성자로서 | 나는, 회의록을 효율적으로 작성하기 위해 | 회의 유형에 맞는 템플릿을 선택하고 싶다.
**템플릿선택 진입 경로:**
- **경로 1**: 대시보드(02-대시보드.html) → "바로시작" FAB 버튼 → 템플릿 선택(04-템플릿선택.html)
- **경로 2**: 회의예약 (03-회의예약.html) → 템플릿 선택(04-템플릿선택.html)
-
**수행절차:** **수행절차:**
1. 대시보드에서 "바로시작" FAB 버튼 클릭 1. 위 경로 중 하나를 통해 템플릿 선택 화면(04-템플릿선택.html) 진입
2. 템플릿 선택 화면(04-템플릿선택.html) 표시 2. 4가지 템플릿 중 선택 또는 "건너뛰기" 선택
3. 4가지 템플릿 중 선택 또는 "건너뛰기" 선택
- 일반 회의: 회의 개요, 논의 사항, 결정 사항, 액션 아이템 - 일반 회의: 회의 개요, 논의 사항, 결정 사항, 액션 아이템
- 스크럼 회의: 어제 한 일, 오늘 할 일, 블로커/이슈 - 스크럼 회의: 어제 한 일, 오늘 할 일, 블로커/이슈
- 킥오프 회의: 프로젝트 개요, 목표 및 범위, 역할 및 책임, 일정 및 마일스톤 - 킥오프 회의: 프로젝트 개요, 목표 및 범위, 역할 및 책임, 일정 및 마일스톤
- 주간 회의: 지난주 성과, 이번주 계획, 주요 이슈, 다음 액션 - 주간 회의: 지난주 성과, 이번주 계획, 주요 이슈, 다음 액션
4. 선택 완료 시 회의 시작 (05-회의진행.html로 이동) 3. 선택 완료 시 회의 시작 (05-회의진행.html로 이동)
**입력:** **입력:**
- 템플릿 선택: 4가지 중 1개 선택 또는 건너뛰기 - 템플릿 선택: 4가지 중 1개 선택 또는 건너뛰기
@ -242,6 +258,7 @@
**관련 유저스토리:** **관련 유저스토리:**
- UFR-USER-020: 대시보드 조회 - UFR-USER-020: 대시보드 조회
- UFR-MEET-010: 회의예약
- UFR-MEET-030: 회의시작 - UFR-MEET-030: 회의시작
--- ---
@ -260,11 +277,14 @@
5. 웨이브폼 애니메이션 표시 (녹음 상태 시각화) 5. 웨이브폼 애니메이션 표시 (녹음 상태 시각화)
6. 탭 네비게이션으로 기능 전환: 6. 탭 네비게이션으로 기능 전환:
- 참석자: 참석자 목록 및 실시간 초대 - 참석자: 참석자 목록 및 실시간 초대
- AI 제안: 실시간 AI 분석 결과 및 메모 추가 - AI 제안: 실시간 AI 분석 결과 및 개인 메모 작성
- 용어사전: 자동 추출된 용어 및 검색 - AI가 인식한 주요 내용 표시
- 관련회의록: 자동 연결된 이전 회의록 - 참석자별 개인 메모 작성 영역 (수동 저장만 지원)
7. 회의 메모 작성 (하단 고정 메모 영역) - 용어사전: 실시간 AI 자동 인식된 용어 및 검색
8. 일시정지 또는 회의 종료 버튼 클릭 - 관련회의록: 실시간 AI 자동 연결된 이전 회의록
7. 하단 고정 버튼 (역할별 차별화)
- 회의 생성자: [일시정지/녹음재개] + [회의 종료]
- 회의 참석자: [회의 나가기]
**입력:** **입력:**
- 녹음 시작/일시정지: 버튼 클릭 - 녹음 시작/일시정지: 버튼 클릭
@ -275,16 +295,22 @@
- 헤더: 회의 제목, 녹음 상태 (녹음 중/일시정지), 경과 시간 - 헤더: 회의 제목, 녹음 상태 (녹음 중/일시정지), 경과 시간
- 웨이브폼 애니메이션: 녹음 상태 시각화 - 웨이브폼 애니메이션: 녹음 상태 시각화
- 참석자 탭: 참석자 목록, 초대 버튼 - 참석자 탭: 참석자 목록, 초대 버튼
- AI 제안 탭: AI 분석 카드, "메모에 추가" 버튼 - AI 제안 탭:
- AI가 인식한 주요 내용 리스트
- 개인 메모 작성 영역 (참석자별 독립)
- 저장 버튼 (수동 저장만)
- 용어사전 탭: 자동 추출된 용어, 검색 기능 - 용어사전 탭: 자동 추출된 용어, 검색 기능
- 관련회의록 탭: 자동 연결된 이전 회의록 목록 - 관련회의록 탭: 자동 연결된 이전 회의록 목록
- 하단 고정 버튼: 일시정지, 회의 종료 - 하단 고정 버튼:
- 회의 생성자: [일시정지/녹음재개] + [회의 종료]
- 회의 참석자: [회의 나가기]
**예외처리:** **예외처리:**
- 녹음 권한 없음: "마이크 권한이 필요합니다" 에러 메시지 - 녹음 권한 없음: "마이크 권한이 필요합니다" 에러 메시지
- 네트워크 오류: "녹음 중 오류가 발생했습니다" 에러 메시지 - 네트워크 오류: "녹음 중 오류가 발생했습니다" 에러 메시지
- 일시정지 확인: "일시정지하시겠습니까?" 확인 모달 - 일시정지 확인: "일시정지하시겠습니까?" 확인 모달
- 종료 확인: "회의를 종료하시겠습니까?" 확인 모달 - 회의 종료 확인 (생성자): "회의를 종료하시겠습니까? 모든 참석자의 회의가 종료됩니다" 확인 모달
- 회의 나가기 확인 (참석자): "회의에서 나가시겠습니까? 저장하지 않은 메모는 삭제됩니다" 확인 모달
**관련 유저스토리:** **관련 유저스토리:**
- UFR-MEET-020: 템플릿선택 - UFR-MEET-020: 템플릿선택
@ -682,58 +708,42 @@
--- ---
### UFR-AI-035: [섹션AI요약] 회의 참석자로서 | 나는, 작성한 섹션 내용을 쉽게 요약하기 위해 | 버튼 클릭으로 AI가 섹션 내용을 요약해주기를 원한다. ### UFR-AI-036: [AI한줄요약] 회의 참석자로서 | 나는, 각 안건의 핵심을 빠르게 파악하기 위해 | AI가 생성한 한줄 요약을 확인하고 필요 시 재생성하고 싶다.
**수행절차:** **수행절차:**
1. 회의록 수정 화면(11-회의록수정.html)에서 안건 상세 요약 편집
2. "재생성" 버튼 클릭 **시나리오 1: 자동 생성 (회의 종료 시)**
3. AI가 해당 안건의 전체 내용 (메모, STT 텍스트) 분석 1. 회의 종료 시 AI가 각 안건별로 한줄 요약 생성
4. 2-3문장 요약 생성 (2-5초 처리) 2. 안건 관련 메모 및 STT 텍스트를 분석하여 30자 이내로 핵심 내용 압축
5. 기존 상세 요약 대체 3. 회의 종료 화면에 안건별 한줄 요약 표시 (읽기 전용)
**시나리오 2: 수동 재생성 (회의록 수정 시)**
1. 회의록 수정 화면(11-회의록수정.html)에서 안건별 "AI 요약" 영역 확인
2. 텍스트 편집 영역에서 안건 내용 수정
3. "AI 재생성" 버튼 클릭
4. AI가 수정된 텍스트 편집 영역 내용을 분석하여 한줄 요약 생성 (2-5초 처리)
5. "AI 요약" 영역에 새로운 한줄 요약 표시
6. "재생성되었습니다" 토스트 메시지 표시 6. "재생성되었습니다" 토스트 메시지 표시
7. 재생성된 한줄 요약은 회의록 상세조회 화면의 대시보드 및 회의록 탭에 즉시 반영
**입력:** **입력:**
- 안건 제목 - 자동 생성: 안건 관련 메모 및 STT 텍스트
- 안건 관련 메모 및 STT 텍스트 - 재생성: 텍스트 편집 영역의 안건 내용
- 재생성 버튼 클릭 이벤트 - 재생성 버튼 클릭 이벤트
**출력/결과:** **출력/결과:**
- 로딩 상태: "재생성 중..." 표시 - AI 한줄 요약 (30자 이내)
- 재생성 완료: 새로운 AI 상세 요약 (2-3문장) - 회의 종료 화면: 안건별 한줄 요약 (읽기 전용)
- 토스트 메시지: "재생성되었습니다" - 회의록 수정 화면: "AI 요약" 영역에 한줄 요약 표시 및 재생성 기능
- 자동 저장 트리거 - 회의록 상세조회 화면: 대시보드 및 회의록 탭에 한줄 요약 표시
- 재생성 시: "재생성 중..." 로딩 → 한줄 요약 업데이트 → "재생성되었습니다" 토스트
**예외처리:**
- AI 재생성 실패: "재생성 중 오류가 발생했습니다" 에러 메시지
- 네트워크 오류: 재시도 로직 또는 기존 요약 유지
- 타임아웃: "재생성 시간이 초과되었습니다. 다시 시도해주세요" 안내
**관련 유저스토리:**
- UFR-MEET-055: 회의록수정
- UFR-AI-010: 회의록자동작성
---
### UFR-AI-036: [AI한줄요약] 회의 참석자로서 | 나는, 각 안건의 핵심을 빠르게 파악하기 위해 | AI가 생성한 편집 불가능한 한줄 요약을 확인하고 싶다.
**수행절차:**
1. 회의 종료 시 AI가 각 안건별로 한줄 요약 생성
2. 30자 이내로 핵심 내용 압축
3. 회의 종료 화면 및 회의록 수정 화면에 표시
4. 읽기 전용 필드로 표시 (편집 불가)
5. 회의록 상세 조회 시 안건별로 한줄 요약 표시
**입력:**
- 안건의 AI 상세 요약
- 안건 관련 메모 및 STT 텍스트
**출력/결과:**
- AI 한줄 요약 (30자 이내, 읽기 전용)
- 회의 종료 화면, 회의록 수정 화면, 회의록 상세 조회 화면에 표시
**예외처리:** **예외처리:**
- 한줄 요약 생성 실패: 안건 제목 사용 또는 "요약 없음" 표시 - 한줄 요약 생성 실패: 안건 제목 사용 또는 "요약 없음" 표시
- 30자 초과: 자동 트림 처리 - 30자 초과: 자동 트림 처리
- AI 재생성 실패: "재생성 중 오류가 발생했습니다" 에러 메시지
- 네트워크 오류: 재시도 로직 또는 기존 요약 유지
- 타임아웃: "재생성 시간이 초과되었습니다. 다시 시도해주세요" 안내
**관련 유저스토리:** **관련 유저스토리:**
- UFR-AI-010: 회의록자동작성 - UFR-AI-010: 회의록자동작성
@ -1395,7 +1405,7 @@
| 버전 | 날짜 | 작성자 | 변경 내용 | | 버전 | 날짜 | 작성자 | 변경 내용 |
|------|------|--------|-----------| |------|------|--------|-----------|
| v2.4.0 | 2025-10-27 | 팀 전체 | • MVP 스코프 축소: Todo 관리 기능 제거<br>• UFR-USER-020 수정: 대시보드에서 "나의 Todo" 제거, "작성중 회의록" 추가<br>• UFR-PART-020 변경: AI주요내용체크 → AI기반메모작성 (메모 입력창 + AI 추천)<br>• UFR-AI-010 개선: 회의록 생성 시 참석자 메모 참조<br>• UFR-MEET-055 개선: 회의록 수정 시 실시간 협업 제거, 검증완료 체크로 보호<br>• TODO 서비스 전체 제거 (UFR-TODO-010/030/040)<br>• NOTIFICATION 서비스: Todo 관련 알림 제거<br>• 네비게이션 간소화: Todo 관리 메뉴 제거 (대시보드, 회의록만 유지) | | v2.4.0 | 2025-10-27 | 팀 전체 | • MVP 스코프 축소: Todo 관리 기능 제거<br>AI 요약 기능 통합 및 단순화<br>UFR-USER-020 수정: 대시보드에서 "나의 Todo" 제거, "작성중 회의록" 추가<br>• UFR-PART-020 변경: AI주요내용체크 → AI기반메모작성 (메모 입력창 + AI 추천)<br>• UFR-AI-010 개선: 회의록 생성 시 참석자 메모 참조<br>• UFR-MEET-055 개선: 회의록 수정 시 실시간 협업 제거, 검증완료 체크로 보호<br>&nbsp;&nbsp;- 프로토타입 UI 개선: 안건별 검증완료 UI 단순화 (참석자: 체크박스만, 생성자: 검증완료 시 잠금해제 버튼)<br>• TODO 서비스 전체 제거 (UFR-TODO-010/030/040)<br>• NOTIFICATION 서비스: Todo 관련 알림 제거<br>• 네비게이션 간소화: Todo 관리 메뉴 제거 (대시보드, 회의록만 유지)<br>• UFR-MEET-030 개선: AI 제안 탭 내 개인 메모 작성 기능 명확화 (수동 저장만), 하단 고정 버튼 역할별 차별화 (생성자: 일시정지/재개+종료, 참석자: 나가기)<br>• UFR-AI-035 삭제: 섹션AI요약 제거 (중복 기능)<br>• UFR-AI-036 개선: AI 한줄요약 확인 및 재생성 기능 통합<br>&nbsp;&nbsp;- 회의 종료 시: 자동 생성 (읽기 전용)<br>&nbsp;&nbsp;- 회의록 수정 시: 텍스트 편집 영역 내용 기반 재생성 기능 추가<br>&nbsp;&nbsp;- "AI 상세요약" → "AI 요약"으로 명칭 변경<br>&nbsp;&nbsp;- 회의록 상세조회 화면의 대시보드 및 회의록 탭에 한줄요약 표시<br>&nbsp;&nbsp;- 프로토타입 UI 개선: AI 재생성 버튼 스타일 통일 (btn-secondary → btn-primary)<br>• UFR-COLLAB-030 개선: 안건 기반 충돌 방지 메커니즘 (검증완료 체크로 보호)|
| v2.3.1 | 2025-10-27 | 팀 전체 | • MVP 개선: 회의 참석자 권한 단순화<br>• 신규 유저스토리: UFR-PART-010/020/030 (참석자 공통), UFR-HOST-010/020 (생성자 전용)<br>• 신규 유저스토리: UFR-TERM-010/020/030 (용어 기능 MVP 단순화)<br>• UFR-MEET-040 수정: 회의 종료 권한 생성자 전용으로 명확화<br>• UFR-MEET-030 개선: 회의 진입 경로 2가지 명시 (바로시작, 참여하기)<br>• UFR-AI-040 개선: 관련 회의록 유사 내용 요약 추가 (최대 3개, 퍼센트 표시, 3-5문장 요약)<br>• 메모 기능 단순화: 체크박스 방식으로 변경<br>• 용어 설명 단순화: JSON 용어 사전 방식 도입 | | v2.3.1 | 2025-10-27 | 팀 전체 | • MVP 개선: 회의 참석자 권한 단순화<br>• 신규 유저스토리: UFR-PART-010/020/030 (참석자 공통), UFR-HOST-010/020 (생성자 전용)<br>• 신규 유저스토리: UFR-TERM-010/020/030 (용어 기능 MVP 단순화)<br>• UFR-MEET-040 수정: 회의 종료 권한 생성자 전용으로 명확화<br>• UFR-MEET-030 개선: 회의 진입 경로 2가지 명시 (바로시작, 참여하기)<br>• UFR-AI-040 개선: 관련 회의록 유사 내용 요약 추가 (최대 3개, 퍼센트 표시, 3-5문장 요약)<br>• 메모 기능 단순화: 체크박스 방식으로 변경<br>• 용어 설명 단순화: JSON 용어 사전 방식 도입 |
| v2.3.0 | 2025-10-24 | 이미준 | • 프로토타입 분석을 통한 유저스토리 전면 재정비<br>• 신규 유저스토리 추가: UFR-MEET-015 (참석자 실시간 초대), UFR-NOTI-010 (알림 발송)<br>• 알림 아키텍처 폴링 방식으로 통일 (실시간 발송 → 주기적 폴링)<br>• 10개 프로토타입 화면 반영 완료<br>• 마이크로서비스 구성 재정의 (User, Meeting, STT, AI, Notification)<br>• 기존 24개 유저스토리 ID 승계 및 정리 | | v2.3.0 | 2025-10-24 | 이미준 | • 프로토타입 분석을 통한 유저스토리 전면 재정비<br>• 신규 유저스토리 추가: UFR-MEET-015 (참석자 실시간 초대), UFR-NOTI-010 (알림 발송)<br>• 알림 아키텍처 폴링 방식으로 통일 (실시간 발송 → 주기적 폴링)<br>• 10개 프로토타입 화면 반영 완료<br>• 마이크로서비스 구성 재정의 (User, Meeting, STT, AI, Notification)<br>• 기존 24개 유저스토리 ID 승계 및 정리 |
| v2.2.0 | 2025-10-23 | 이미준 | 이전 버전 | | v2.2.0 | 2025-10-23 | 이미준 | 이전 버전 |