From c38cc792d51cc6440fce3a3c86ce93a7ac1b204a Mon Sep 17 00:00:00 2001 From: yabo0812 Date: Tue, 28 Oct 2025 18:37:25 +0900 Subject: [PATCH 1/4] =?UTF-8?q?=EC=8B=A4=EC=8B=9C=EA=B0=84=20=ED=98=91?= =?UTF-8?q?=EC=97=85=20=EA=B8=B0=EB=8A=A5=20=EC=9C=A0=EC=A0=80=EC=8A=A4?= =?UTF-8?q?=ED=86=A0=EB=A6=AC=20=EC=A0=95=EB=A6=AC=20(v2.4.3)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit • UFR-COLLAB-010 (회의록수정동기화) 삭제 - WebSocket 기반 실시간 동기화 기능 미구현 - MVP 스코프에서 제외됨 • UFR-COLLAB-020 (충돌해결) 삭제 - 안건 기반 충돌 방지는 UFR-COLLAB-030과 UFR-MEET-055에 통합 - Last Write Wins 정책은 UFR-MEET-055에 명시 • UFR-MEET-055 예외처리 개선 - 동시 편집 정책에 충돌 처리 상세 설명 추가 - Last Write Wins 정책 명시 • 마이크로서비스 구성 수정 - 실시간 협업 제거 - 안건별 검증완료 및 잠금 처리로 변경 - Notification 서비스 추가 • UI/UX 설계서 동기화 - 모든 UFR-COLLAB-010/020 참조를 UFR-COLLAB-030으로 변경 - 05-회의진행, 11-회의록수정 화면 관련 유저스토리 업데이트 - 화면 맵핑 테이블 수정 • 문서 버전: v2.4.2 → v2.4.3 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- design/uiux/uiux.md | 76 ++++++--------------- design/userstory.md | 161 ++++++++++++++++---------------------------- 2 files changed, 77 insertions(+), 160 deletions(-) diff --git a/design/uiux/uiux.md b/design/uiux/uiux.md index c84c59f..f75b98a 100644 --- a/design/uiux/uiux.md +++ b/design/uiux/uiux.md @@ -4,7 +4,7 @@ - **작성일**: 2025-10-21 - **최종 수정일**: 2025-10-28 - **작성자**: 이미준 (서비스 기획자) -- **버전**: 1.5.5 +- **버전**: 1.5.6 - **설계 철학**: Mobile First Design --- @@ -92,7 +92,7 @@ - UFR-AI-030 (프롬프팅 기반 회의록 개선) - **UFR-AI-040 (관련 회의록 자동 연결)** ← 신규 반영 - **RAG 서비스**: UFR-RAG-010, UFR-RAG-020 (맥락 기반 용어 설명) -- **Collaboration 서비스**: UFR-COLLAB-010 ~ UFR-COLLAB-020 (실시간 협업) +- **Collaboration 서비스**: UFR-COLLAB-030 (안건별 검증완료 및 잠금 처리) - **Todo 서비스**: UFR-TODO-010, UFR-TODO-030 (Todo 관리) ### 주요 추가 기능 (v1.1) @@ -119,7 +119,7 @@ | 02 | 대시보드 | UFR-USER-020 | 필수 | 메인 랜딩 페이지 | O | X | | | 03 | 회의예약 | UFR-MEET-010 | 높음 | 회의 생성 | X | O | | | 04 | 템플릿선택 | UFR-MEET-020 | 중간 | 회의록 템플릿 선택 | X | O | | -| 05 | 회의진행 | UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-COLLAB-010 | 높음 | 실시간 회의 진행 및 회의록 작성 | X | X | | +| 05 | 회의진행 | UFR-MEET-030, UFR-STT-010/020, UFR-AI-010 | 높음 | 실시간 회의 진행 및 회의록 작성 | X | X | | | 07 | 회의종료 | UFR-MEET-040, UFR-MEET-050 | 높음 | 회의 통계 및 최종 확정 | X | X | | | 09 | Todo관리 | UFR-TODO-010, UFR-TODO-030 | 높음 | Todo 목록 및 진행 관리 | O | X | | | 10 | 회의록상세조회 | UFR-MEET-047 | 중간 | 회의록 상세 보기 | X | O | | @@ -306,7 +306,7 @@ graph TD - 장소 정보 - 상태 버튼 (표시용): - 진행중: "참여하기" 버튼 - - 예정: "수정하기" 버튼 + - 예정: 버튼 없음 (카드 클릭으로 처리) - 완료: "보기" 버튼 - 빈 상태: "예정된 회의가 없습니다" @@ -365,22 +365,15 @@ graph TD - 애니메이션: "진행중" 배지 깜빡임 효과 (1초 간격) - **예정된 회의 - 생성자 (내가 생성한 회의)**: - - "수정" 버튼 클릭 → 회의 예약 수정 화면으로 이동 + - 회의 카드 클릭 → 회의예약 화면(수정 모드)으로 이동 - 회의 제목, 일시, 참석자, 안건 등 수정 가능 - 저장 시 참석자에게 변경 알림 발송 - - 회의 항목 클릭 → 회의 상세 정보 표시 - 크라운 아이콘 표시 (생성자 구분) - **예정된 회의 - 초대받은 참석자**: - - **시작 10분 이내** (현재 시간 >= 회의 시작 시간 - 10분): - - "참여하기" 버튼 활성화 (Primary) - - 버튼 클릭 → 회의 진행 화면으로 이동 - - 실시간 타이머 표시: "5분 후 시작", "곧 시작" 등 - - **시작 10분 초과** (현재 시간 < 회의 시작 시간 - 10분): - - "참여하기" 버튼 비활성화 또는 숨김 - - 타이머 표시: "25분 후 참여 가능" (회색 텍스트) - - 회의 항목 클릭 → 회의 상세 정보만 표시 (참여 불가 안내) - - 타이머 자동 갱신 (1분 간격) + - 회의 카드 클릭 → 시스템 알럿 표시 + - 메시지: "아직 회의 시간이 되지 않아 참여하실 수 없습니다" + - 다음 버전에서 회의 상세 조회 기능으로 개선 예정 - **공통**: - 회의 항목 호버: 카드 그림자 증가 @@ -648,7 +641,7 @@ graph TD #### 개요 - **목적**: 실시간 회의 진행 및 AI 기반 회의록 자동 작성 -- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-COLLAB-010, UFR-RAG-010/020, UFR-PART-020, UFR-HOST-010/020, UFR-TERM-010/020 +- **관련 유저스토리**: UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-AI-040, UFR-RAG-010/020, UFR-PART-020, UFR-HOST-010/020, UFR-TERM-010/020 - **비즈니스 중요도**: 높음 (핵심 화면) - **접근 경로**: 대시보드 → "참여하기" 버튼 (페이지 전환) - **권한** (MVP 개선): @@ -1434,7 +1427,7 @@ graph TD #### 개요 - **목적**: 지난 회의록 조회 및 수정 -- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-020 +- **관련 유저스토리**: UFR-MEET-055, UFR-AI-040, UFR-COLLAB-030 - **비즈니스 중요도**: 중간 - **접근 경로**: 10-회의록상세조회 → 하단 액션 바 "수정" 버튼 클릭 - **권한 제어**: @@ -1454,7 +1447,7 @@ graph TD - 재생성된 한줄 요약은 회의록 상세조회 화면의 대시보드 및 회의록 탭에 즉시 반영 4. **참고자료 편집** (추가/제거) 5. **Todo 단순 조회** (제목 + 담당자 + 마감일만 표시) -6. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)** +6. **안건별 검증 완료 체크박스 (UFR-COLLAB-030)** - 회의 생성자: 검증 완료 체크박스 활성화, 잠금 해제 후 수정 가능 - 참석자: 검증완료 안건은 읽기 전용 7. 자동 저장 (30초 간격) @@ -1518,7 +1511,7 @@ graph TD - 담당자 - 마감일 - ❌ 제거: 체크박스, 우선순위 배지, D-day 라벨, 편집/삭제 버튼 - - **안건별 검증 영역** (UFR-COLLAB-020) + - **안건별 검증 영역** (UFR-COLLAB-030) - **회의 생성자 화면**: - 검증 완료 체크박스 (활성화) - "잠금 해제" 버튼 (검증완료 안건만 표시) @@ -1564,7 +1557,7 @@ graph TD - 생성 완료 시 자동 업데이트 - 자동 저장 (30초 간격) -5. **안건별 검증 완료 체크박스 (UFR-COLLAB-020)** - MVP 스코프 축소 +5. **안건별 검증 완료 체크박스 (UFR-COLLAB-030)** - MVP 스코프 축소 - **회의 생성자 권한**: - 검증 완료 체크박스 클릭: - 체크: 안건 검증 완료 처리 (배지 "검증완료"로 변경) @@ -1607,7 +1600,7 @@ graph TD - 미검증 안건만 자동 저장 - 검증완료 안건은 자동 저장 스킵 -10. **안건 기반 충돌 해결 (UFR-COLLAB-020)** - MVP 스코프 축소 +10. **안건 기반 충돌 방지 (UFR-COLLAB-030)** - MVP 스코프 축소 - **안건 기반 충돌 방지 메커니즘**: - **다른 안건 동시 편집**: 충돌 없음 - 참석자 A가 안건 1 편집 @@ -1640,7 +1633,7 @@ graph TD - **AI 상세 요약 재생성 결과** (한줄 요약 제외) - 수정 이력 (누가, 언제, 무엇을) - ❌ 제거: 검증률 출력 -- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), PARTICIPANT 서비스 (UFR-COLLAB-020) +- **연동**: Meeting 서비스, AI 서비스 (UFR-AI-010, UFR-AI-036, UFR-AI-040), COLLAB 서비스 (UFR-COLLAB-030) #### 에러 처리 (MVP 스코프 축소) - **권한 없음**: "본인이 작성한 회의록만 수정할 수 있습니다" @@ -2146,45 +2139,16 @@ graph TD | 버전 | 날짜 | 작성자 | 변경 내용 | |------|------|--------|----------| | 1.0 | 2025-10-21 | 이미준 | 최초 작성 - 11개 화면 설계 완료 | -| 1.1 | 2025-10-21 | 이미준 | AI 요약 및 참고자료 기능 추가
- 05-회의진행: AI 회의 내용 요약 자동 생성 및 참고자료 자동 연결 추가
- 10-회의록상세조회: 섹션별 AI 요약 표시 및 참고자료 영역 추가
- 11-회의록수정: AI 요약 수정 및 참고자료 편집 기능 추가
- 관련 유저스토리: UFR-AI-040 (관련 회의록 자동 연결) | -| 1.1.1 | 2025-10-21 | 이미준 | 회의록 상세 화면 구조 개선 (프로토타입 기반)
- 10-회의록상세조회: 탭 기반 네비게이션 추가 (회의록/대시보드)
- 대시보드 탭 추가: 핵심내용, 결정사항, Todo 진행상황, 참고자료 섹션
- 참고자료 관련도 점수 표시 (백분율 + 색상 코딩)
- 참고자료 카테고리 탭 (관련 회의록/프로젝트 문서/이슈 트래커/위키 페이지)
- 참조: design-gappa/uiux/prototype 파일 (11-회의록대시보드.html, 05-회의진행.html) | -| 1.1.2 | 2025-10-21 | 이미준 | 대시보드 및 회의록 목록 화면 개선 (사용자 피드백 반영)
- 02-대시보드: 예정된 회의 카드 추가, Todo 우선순위 정렬 개선 (지연→진행→미진행→완료, 최대 5개), 내 회의록 상태 배지 추가
- 11-회의록목록조회: 신규 화면 추가 (필터링/정렬/검색 기능)
- 필터: 참여 유형(참석한/생성한), 상태(전체/작성중/확정완료)
- 정렬: 최신 회의순/최신 업데이트순/제목 가나다순
- 검색: 제목/참석자/키워드 통합 검색
- 통계 정보 표시 (전체/작성중/확정완료 개수)
- 참조: design/uiux/prototype_fix 및 design-gappa/uiux/prototype 파일 | -| 1.2 | 2025-10-21 | 이미준 | 대시보드 진행중 회의 표시 기능 추가
- 02-대시보드: 예정된 회의 카드에 진행중 회의 포함
- 진행중 회의 우선 표시 (최상단)
- "진행중" 배지 (빨강/주황, 깜빡임 애니메이션)
- "참여하기" 버튼으로 즉시 회의 참여 가능
- 정렬: 진행중 회의 → 예정된 회의 (일시 순)
- 데이터 요구사항: 회의 상태 (ongoing) 추가, 진행중 회의 필터 조건 정의
- 에러 처리: 진행중 회의 참여 실패 시나리오 추가 (종료됨/권한없음/네트워크오류) | -| 1.2.1 | 2025-10-21 | 이미준 | 대시보드 예정된 회의 역할 기반 접근 제어 추가
- 02-대시보드: 예정된 회의에 생성자/참석자별 차별화된 권한 적용
- **생성자 권한**: 회의 수정 가능 (크라운 아이콘 표시, "수정" 버튼)
- **참석자 권한**: 시작 10분 전부터 참여 가능 ("참여하기" 버튼 조건부 활성화)
- 실시간 타이머 표시 (참여 가능 시간 카운트다운, 1분 간격 갱신)
- UI 구성요소: 역할 표시 (크라운 아이콘), 액션 버튼 (역할 및 시간 기반 조건부 렌더링)
- 인터랙션: 생성자 수정 플로우, 참석자 시간 기반 참여 플로우, 타이머 자동 갱신
- 데이터 요구사항: 생성자 ID, 사용자 역할 (creator\|attendee), 참여 가능 시간 계산
- 에러 처리: 시간 제한 접근, 권한 제한 수정 시도, 회의 수정 실패 시나리오 추가 | -| 1.2.2 | 2025-10-21 | 최유진 | 회의진행 화면 개선 및 스타일 가이드 작성
- 05-회의진행: 사용성 개선
- **참고자료 링크**: 새 탭(target="_blank")으로 열기 기능 추가 (녹음 중 페이지 이탈 방지)
- **참석자 추가 초대**: 회의 진행 중 참석자 추가 초대 기능 추가
- 초대 모달: 이메일 입력, 조직 내 사용자 검색, 권한 선택 (편집 가능/읽기 전용)
- 실시간 참석자 목록 업데이트 및 알림 발송 (이메일/앱 푸시)
- 권한 제어: 생성자는 모든 참석자 초대 가능, 일반 참석자는 회의 설정에 따라 결정
- design/uiux/style-guide.md: 신규 작성 (reference/sampleimg 샘플 이미지 기반)
- 민트 그린(#4DD5A7) 프라이머리 컬러 적용
- Mobile First 디자인 시스템 정의
- 15개 섹션: 컬러, 타이포그래피, 간격, 카드, 버튼, 배지, 아이콘, 네비게이션, 폼, 모달, 애니메이션, 접근성, 반응형 등 | -| 1.2.3 | 2025-10-21 | 이미준 | 네비게이션 간소화 및 Todo 상세 이동 개선
- **설정 메뉴 제거**: 모든 화면에서 설정 메뉴 제거 (사이드바, 하단 네비게이션, 메뉴 모달)
- 로그아웃 기능은 프로필 영역으로 통합
- 네비게이션 단순화로 사용자 혼란 최소화
- **02-대시보드 Todo 인터랙션 개선**:
- Todo 항목 클릭 시 해당 Todo가 포함된 회의록 상세 화면으로 이동
- URL 파라미터로 회의록 ID와 Todo ID 전달
- 회의록 상세 화면에서 해당 Todo 섹션으로 자동 스크롤
- 프로토타입 파일 수정: 02-대시보드.html, 09-Todo관리.html, 05-회의진행.html, 05-회의진행-old.html, 05-회의진행 - 복사본.html | -| 1.3 | 2025-10-21 | 이미준 | 프로토타입 반응형 네비게이션 및 회의진행 화면 전면 개편
- **02-대시보드**: 반응형 네비게이션 구조 적용
- Mobile: 하단 네비게이션 (홈/회의록/Todo, 프로필 메뉴 제거)
- Desktop: 왼쪽 사이드바 (240px, 로고/메뉴/사용자 정보)
- 통계 카드 추가 (예정된 회의/진행 중 Todo/완료율)
- 모든 네비게이션 링크 정확한 화면으로 연결
- **05-회의진행**: 2열 구조로 전면 재설계
- 왼쪽 영역 (60-70%): 텍스트 에디터 (툴바 + contentEditable)
- 오른쪽 영역 (30-40%): 탭 패널 (참석자/AI 제안/용어 사전/관련 자료)
- AI 제안: 적용하기 버튼으로 왼쪽 영역에 자동 삽입
- 관련 자료: 새 탭으로 열기 (target="_blank"), 녹음 중 페이지 이탈 방지
- **10-회의록상세조회**: 타임라인 탭 제거
- 탭 구조 단순화: 회의록/대시보드 (2개 탭만 유지)
- 타임라인 관련 UI 및 인터랙션 모두 제거
- 참조: reference/sampleimg 샘플 이미지 기반 디자인 | -| 1.3.1 | 2025-10-21 | 도그냥 | 회의진행 화면 AI 제안 탭 기능 상세화 및 디자인 통일성 개선
- **05-회의진행**: AI 제안 탭 3가지 제안 유형 추가 및 상세 인터랙션 정의
- **논의사항 제안**: "논의사항에 적용" 버튼 클릭 시 논의사항 섹션(section-1)에 내용 자동 추가, 자동 탭 전환, 성공 토스트 표시
- **결정사항 제안**: "결정사항에 적용" 버튼 클릭 시 결정사항 섹션(section-2)에 내용 자동 추가, 자동 탭 전환, 성공 토스트 표시
- **액션아이템 제안**: "3개 Todo 생성" 버튼 클릭 시 액션아이템 섹션(section-3)에 중복 체크 후 추가, 자동 탭 전환, 성공 토스트 표시
- 중복 체크 로직: Set 자료구조로 기존 Todo 제목과 비교, 중복 제외한 항목만 추가
- **AI 제안 카드 디자인 통일성 개선**:
- 배경: #FAFAFA (연한 회색) - 용어사전/관련회의록 탭과 동일
- 테두리: 1px dashed #D0D0D0 (회색 점선) - 통일된 스타일
- 헤더: 16px Bold, 민트 그린 (#4DD5A7) - 일관된 타이틀 스타일
- 본문: 14px, gray-700 - 가독성 중심
- 프로토타입 파일 수정: design/uiux/prototype/05-회의진행.html | -| 1.3.2 | 2025-10-21 | 도그냥 | 회의진행 화면 참석자 탭 개선 및 UI 일관성 강화
- **05-회의진행**: 참석자 탭 참석자 추가 기능 및 UI 정리
- **참석자 추가 폼 추가**: 이메일 입력 필드(form-control) + "초대" 버튼(btn btn-primary btn-sm)
- 이메일 유효성 검증: 정규식으로 형식 체크
- 빈 값 체크: "이메일 주소를 입력해주세요" 경고 토스트
- 잘못된 형식: "올바른 이메일 형식이 아닙니다" 오류 토스트
- 성공: "{email}에게 초대 링크가 전송되었습니다" 토스트 + 입력창 초기화
- **참석자 상태 표시 제거**: 발언 중/온라인 등 상태 아이콘 및 텍스트 모두 제거
- **참석자 수 동적 업데이트**: 4명으로 업데이트 (최유진 추가)
- **참고자료 영역 제거**: 회의개요 탭의 참고자료 섹션 삭제 (우측 관련회의록 탭으로 통합)
- **버튼 스타일 통일**: 모든 버튼에 .btn 기본 클래스 추가
- 편집 버튼 (4개 섹션): btn btn-ghost btn-sm
- AI 제안 적용 버튼 (3개): btn btn-primary btn-sm
- 수정 버튼 (3개): btn btn-ghost btn-sm
- 하단 일시정지/종료 버튼: btn btn-ghost, btn btn-error
- **검색창 스타일 통일**: 용어사전 검색창을 .input → .form-control 클래스로 변경
- 프로토타입 파일 수정: design/uiux/prototype/05-회의진행.html | -| 1.3.3 | 2025-10-21 | 도그냥 | UI/UX 설계 문서 최적화 및 중복 제거
- **공통 UI 컴포넌트 섹션 신규 작성**: 반복 사용되는 UI 컴포넌트를 공통 섹션으로 분리
- **Mobile 하단 네비게이션**: 위치, 배경, 그림자, 3개 항목 (홈/회의록/Todo) 상세 스펙 정의
- **Desktop 좌측 사이드바**: 로고 영역, 메뉴 리스트, 사용자 정보 영역 상세 스펙 정의
- **상단 헤더**: Mobile/Desktop별 제목, 액션 버튼 배치 가이드
- **공통 에러 메시지 표준 섹션 신규 작성**: 반복 사용되는 에러 메시지를 표준화
- **네트워크 오류**: 자동 재시도 3회 (exponential backoff), 토스트 메시지, 재시도 버튼
- **데이터 로딩 실패**: 스켈레톤 UI 30초, 타임아웃 처리, 재시도 버튼
- **권한 오류**: 401/403 에러 처리, 명확한 안내 메시지
- **인증 오류**: 토큰 만료 자동 갱신, 로그인 리다이렉트
- **입력 검증 오류**: 실시간 인라인 검증, 포커스 이동
- **서버 오류**: 500 에러 에러 ID 제공, 고객센터 안내
- **중복 내용 참조 링크 교체**: 8개 화면에서 반복된 네비게이션/에러 메시지 설명을 공통 섹션 참조로 변경
- 01-로그인, 02-대시보드, 12-회의록목록조회 등
- 예상 파일 크기 감소: 1,500~2,200자 (약 8~10%)
- **목차 업데이트**: 공통 UI 컴포넌트, 공통 에러 메시지 표준 섹션 추가 | -| 1.4 | 2025-10-22 | 이미준 | 프로토타입 기반 네비게이션 사양 업데이트
- **Mobile 하단 네비게이션**: 4개 메뉴 항목으로 복원 (홈/회의록/Todo/프로필)
- 프로필 메뉴 추가: 👤 아이콘, 사용자 정보 및 설정 접근
- 프로토타입 구현 기준 반영 (12-회의록목록조회.html 등)
- **일관성 개선**: 프로토타입과 UI/UX 설계서 간 네비게이션 사양 통일
- **스타일 가이드 동기화**: design/uiux/style-guide.md v1.2와 정합성 확보 | -| 1.4.1 | 2025-10-23 | 강지수 | 대시보드 모바일 UI/UX 개선 (360px 최적화)
- **헤더 개선안 A 적용**: 간결한 인사 + 실질적 정보
- "안녕하세요 👋" (H3, Bold)
- "오늘 {N}건의 회의가 예정되어 있어요" (동적 업데이트)
- 2줄 구조 제거로 세로 공간 절약
- **통계 카드 개선안 A 적용**: 컴팩트 수평 배치
- 단일 카드 "📊 오늘의 현황" (H5, Semibold)
- 수평 배치: "📅 예정 {N}", "✅ 진행 {N}", "📈 완료 {N}%"
- 높이 ~80px (기존 대비 70% 감소)
- 반응형: 태블릿 이상에서 justify-content: flex-start
- **프로토타입 파일**: design/uiux/prototype/02-대시보드-개선.html 신규 생성
- **모바일 우선 반응형 설계**: 웹/태블릿 화면에서도 자연스러운 레이아웃 유지
- **참조**: design/uiux/ref_img/레이아웃 이상.png (개선 요구사항 이미지) | -| 1.4.2 | 2025-10-23 | 강지수 | 회의록 공유 기능 전면 제거
- **제거 배경**: 회의 참가자가 아니면 대상자 선정 불가능, 기능 중복 및 논리적 모순 해결
- **유저스토리**: UFR-MEET-060 (회의록공유) 제거
- **UI/UX 설계서**:
- 08-회의록공유 화면 전체 제거
- 02-대시보드: "공유받은 회의록" 섹션 제거
- 09-회의록상세조회: 공유 버튼 제거 (메뉴: 수정/삭제만 유지)
- 11-회의록목록조회: 카테고리 필터 수정 (전체/참석한 회의/생성한 회의)
- Desktop 사이드바: "공유받은 회의록" 메뉴 제거
- **화면 번호 재정렬**: 08-Todo관리, 09-회의록상세조회, 10-회의록수정, 11-회의록목록조회
- **프로토타입 파일**: 08-회의록공유.html 삭제 예정
- **검토 문서**: design/uiux/crosscheck-report.md (상세 검토 의견 및 수정 계획) | -| 1.4.3 | 2025-10-23 | 강지수 | 유저스토리-설계서-프로토타입 일관성 개선 (요구사항설계검토-report.md 반영)
- **화면번호 프로토타입 파일명 기준 통일**:
- 프로토타입 화면 목록 테이블 화면번호 수정
- 09: Todo관리 (09-Todo관리.html) - 변경 없음
- 10: 회의록상세조회 (10-회의록상세조회.html) - 변경 없음
- 11: 회의록수정 (11-회의록수정.html) - 09→11 변경
- 12: 회의록목록조회 (12-회의록목록조회.html) - 11→12 변경
- 설계서 본문 섹션 제목 화면번호 수정
- ### 09-Todo관리 (08→09 변경)
- ### 10-회의록상세조회 (변경 없음)
- ### 11-회의록수정 (10→11 변경)
- ### 12-회의록목록조회 (11→12 변경)
- **유저스토리 화면정보 추가 및 수정**:
- UFR-MEET-046 (회의록목록조회): 화면번호 "12-회의록목록조회" 추가, 카테고리 필터에서 "공유받은 회의" 제거
- UFR-MEET-047 (회의록상세조회): 화면번호 "10-회의록상세조회" 추가, 관련 유저스토리 ID 수정 (UFR-MEET-045 → UFR-MEET-047)
- **설계서 유저스토리 매핑 정확성 개선**:
- 10-회의록상세조회: UFR-MEET-045 → UFR-MEET-047 수정
- 12-회의록목록조회: UFR-MEET-030, UFR-MEET-045 → UFR-MEET-046 수정
- **일관성 달성**: 유저스토리, UI/UX 설계서, 프로토타입 간 완전한 화면번호 및 파일명 일치
- **검토 문서**: design/uiux/요구사항설계검토-report.md (상세 검토 의견 및 개선 계획) | -| 1.4.4 | 2025-10-23 | 강지수, 도그냥 | Todo 수정 기능 추가 (UFR-TODO-040)
- **유저스토리**: UFR-TODO-040 (Todo수정) 신규 추가
- 회의록 확정 전/후 Todo 수정 기능
- 권한별 수정 범위: 담당자(본인 Todo만), 회의 생성자(모든 Todo)
- 수정 항목: 제목, 담당자, 마감일, 우선순위
- **09-Todo관리**: Todo 수정 기능 추가
- "편집" 버튼 추가 (완료되지 않은 본인 Todo만 표시)
- Todo 편집 모달: 제목, 마감일, 우선순위 수정 (담당자 변경 불가)
- 수정 완료 시 회의록에 실시간 반영, 마감일 변경 시 캘린더 자동 업데이트
- 권한 제어: 본인에게 할당된 Todo만 편집 버튼 표시
- **11-회의록수정**: Todo 섹션 편집 기능 추가 (회의 생성자만)
- Todo 목록 표시 및 인라인 편집 (제목, 담당자, 마감일, 우선순위)
- Todo 추가/삭제 기능
- 담당자 변경 시 이전/새 담당자에게 알림 발송
- **프로토타입**: design/uiux/prototype/09-Todo관리.html 수정 (편집 모달 및 기능 구현) | -| 1.4.4 | 2025-10-23 | 강지수 | Mobile 하단 네비게이션 프로토타입 구현 기준 반영
- **Mobile 하단 네비게이션**: 4개 메뉴 → 3개 메뉴로 수정 (홈/회의록/Todo)
- 프로필 메뉴 제거 (Desktop 사이드바의 사용자 정보 영역으로 통합)
- 프로토타입 실제 구현 상태 반영 (02-대시보드.html, 09-Todo관리.html, 12-회의록목록조회.html)
- 사용 화면 번호 업데이트: 08→09, 11→12
- **참고 사항**: 프로필 메뉴가 필요한 경우 프로토타입에 추가 구현 필요
- **설계서-프로토타입 일관성**: 네비게이션 구조 완전 통일 달성 | -| 1.4.5 | 2025-10-23 | 강지수 | 로그아웃 기능 추가 (Desktop 사이드바 + Mobile 헤더)
- **Desktop 좌측 사이드바**: 하단에 사용자 정보 영역 추가
- 사용자 정보 (아바타 + 이름 + 이메일)
- 로그아웃 버튼 (btn-ghost btn-sm)
- **Mobile 상단 헤더**: 우측에 프로필 아이콘 버튼 추가 (👤)
- 클릭 시 드롭다운 메뉴 표시 (사용자 정보 + 로그아웃 버튼)
- 드롭다운 위치: 우측 상단 기준 아래로 펼침
- 오버레이 배경으로 UX 개선
- **프로토타입 파일**: 02-대시보드.html, 09-Todo관리.html, 12-회의록목록조회.html
- **JavaScript 함수**: toggleProfileMenu(), logout() 추가
- **반응형 처리**: Desktop에서는 드롭다운 숨김, Mobile에서는 사이드바 사용자 영역 숨김
- **설계서-프로토타입 일관성**: 로그아웃 기능 완전 통일 | -| 1.4.6 | 2025-10-23 | 강지수 | 검증완료 섹션 잠금해제 정책 단순화
- **정책 변경**: 검증완료 섹션은 회의 생성자만 잠금 해제 후 수정 가능 (참석자는 수정 불가)
- **제거**: 참석자용 잠금해제 요청 기능 완전 제거 (공수 절감)
- **11-회의록수정**: 검증완료 섹션에 "🔒 읽기 전용" 배지 표시 (참석자 화면)
- 잠금해제요청 버튼 제거
- unlockSection() 함수 제거
- 읽기 전용 안내 텍스트 추가: "(잠금됨 · 회의 생성자만 수정 가능)"
- **06-검증완료**: 회의 생성자용 잠금해제 버튼 유지 (변경 없음)
- **인터랙션**: "3. 섹션 잠금 해제" → "3. 검증완료 섹션 (권한별 차등 표시)"로 수정
- **유저스토리**: UFR-MEET-055, UFR-COLLAB-030 권한 제어 명확화 | -| 1.4.7 | 2025-10-23 | 강지수, 도그냥 | Todo 및 회의록 관련 UI/UX 재정의
- **09-Todo관리**: "Todo수정" → "Todo관리" 기능 확장
- 통계 블록: 전체(미완료), 마감임박(3일 이내), 지연(기한 경과)
- 필터 탭 개수 표시: 전체(개수), 지연(개수), 마감임박(개수), 완료(개수)
- 편집 모달: 제목, 담당자, 마감일, 우선순위 수정
- 체크박스 확인 모달: 완료/미완료 전환 시 확인
- 프로토타입: 09-Todo관리.html (통계, 필터, 모달 구현)
- **10-회의록상세조회**: 탭 순서 및 기본 노출 변경
- 탭 순서: 대시보드 → 회의록 (기존: 회의록 → 대시보드)
- 기본 활성 탭: 대시보드 (Desktop/Mobile 공통)
- 프로토타입: 10-회의록상세조회.html (탭 순서 변경, active 클래스 이동)
- **11-회의록수정**: 진입 경로 및 권한 제어 명확화
- 진입 경로: 10-회의록상세조회 → "수정" 버튼 클릭
- 권한 제어: 검증완료 전(모든 참석자), 검증완료 후(회의 생성자만)
- 회의 일시/장소: 읽기 전용 표시 추가 "(읽기 전용)"
- UI 구성: 회의록 리스트 제거, 직접 편집 화면으로 시작
- 프로토타입: 11-회의록수정.html (권한 코멘트 추가, readonly 표시) | -| 1.4.8 | 2025-10-23 | 강지수 | Todo 관리 화면 UI/UX 개선 (컴팩트 디자인 및 시각적 계층 차별화)
- **09-Todo관리**: 통계 블록 및 Todo 카드 디자인 전면 개선
- **통계 블록**: 정보 표시 전용 디자인으로 변경
- 그라데이션 제거 → 모던한 단색 배경 + 좌측 4px 액센트 라인
- 상태별 연한 단색 배경 (블루 #F8FBFF / 오렌지 #FFFBF5 / 레드 #FFF8F8)
- 호버 효과 추가: 살짝 떠오르는 애니메이션 (translateY -2px)
- 미묘한 그림자로 깊이감 표현 (0 1px 3px rgba(0,0,0,0.05))
- 모바일에서도 3개 블록 한 줄 유지 (grid-template-columns: repeat(3, 1fr))
- 큰 숫자 + 작은 레이블로 정보 계층 명확화
- **Todo 카드**: 컴팩트 레이아웃으로 재설계
- 레이아웃: [체크박스] [배지] [배지] [✏️] / [제목] / [🔗 링크] [마감일]
- 편집 버튼: 우측 상단 절대 위치, ✏️ 이모지 아이콘 사용 (32×32px)
- 담당자 정보 제거 (간결한 디자인)
- 얇은 테두리 + 얇은 그림자로 인터랙티브 의도 명확화
- **Todo 편집 모달**: 모바일 전체화면 모드로 변경
- 모바일: 전체화면 (100vh), 헤더/바디/푸터 flexbox 구조
- 바디 영역만 스크롤 가능 (overflow-y: auto, -webkit-overflow-scrolling: touch)
- 데스크톱: 중앙 모달 (max-width: 600px, max-height: 90vh)
- 버튼 크기 확대 (40px) 및 가로 균등 배치 (flex: 1)
- **시각적 차별화**: 정보 블록 vs 인터랙티브 블록
- 통계 블록: 정보 표시 + 부드러운 호버 효과
- Todo 카드: 인터랙티브 (호버 시 테두리/그림자 변경)
- **프로토타입**: design/uiux/prototype/09-Todo관리.html 전면 개선 | -| 1.4.9 | 2025-10-23 | 강지수 | 회의록 상세조회 화면 Todo 진행상황 섹션 정책 추가
- **10-회의록상세조회**: Todo 진행상황 섹션에 전체 진행률 표시 추가
- **전체 진행률**: 원형 진행 바로 완료 Todo / 전체 Todo 비율 표시
- 진행률 퍼센트 중앙 표시 (예: "60%")
- 색상: Primary 색상 (#4DD5A7)
- 크기: 80px (Desktop), 60px (Mobile)
- **개별 Todo 진행률 바 제거**: Todo는 완료/미완료 상태만 존재하므로 개별 진행률 표시 불필요
- Todo 카드 구성: 제목 + 마감일 + 우선순위 배지만 표시
- **이유**: 회의록에 포함된 Todo의 전체 완료 상황을 한눈에 파악하기 위함 | -| 1.4.10 | 2025-10-23 | 강지수 | 대시보드 카드 디자인 통일 및 Todo 카드 스타일 공통화
- **02-대시보드**: 모든 카드 레이아웃 일관성 개선 (배지 우선 배치)
- **나의 Todo 카드**: 담당자 정보 제거 → 회의록 링크로 변경
- 메타 정보: 🔗 회의 제목 + 마감일 (담당자 정보 제거, 나의 Todo이므로 불필요)
- 09-Todo관리.html과 동일한 구조 적용
- **나의 회의록 카드**: 배지 + 제목 + 👑 레이아웃 통일
- 1줄: [상태배지] 제목 👑
- 2줄: 📅 날짜/시간 👥 인원수 완료율%
- **최근 회의 카드**: 배지 + 제목👑 + 메타정보 3줄 구조
- 1줄: [상태배지] 제목👑
- 2줄: 📅 날짜/시간 👥 인원수
- 3줄: 📍 장소
- **공통 스타일 관리**: Todo 카드 스타일 common.css로 이동
- common.css 1767-1890 라인에 Todo 카드 공통 스타일 추가
- 02-대시보드.html, 09-Todo관리.html에서 중복 스타일 제거 (~240줄 절감)
- 페이지별 전용 스타일만 개별 파일에 유지
- **샘플 데이터 개선**: common.js 샘플 데이터 정책 명확화
- SAMPLE_TODOS: status는 not_started/completed만 사용, progress 항목 제거
- SAMPLE_MINUTES: lastUpdated를 날짜 형식으로 변경, participantCount 의미 주석 추가, draft 상태 최소 1개 보장
- **유지보수성 향상**: 모든 화면에서 동일한 Todo 카드 디자인, 중앙 관리로 일관성 보장
- **프로토타입**: 02-대시보드.html, 09-Todo관리.html, common.css, common.js 수정 | -| 1.4.11 | 2025-10-23 | 강지수 | 회의 진행 화면 액션아이템 탭 UI/UX 개선
- **05-회의진행**: 액션아이템 섹션 사용성 개선
- **"편집" 버튼 제거**: 전체 영역 편집 버튼 삭제, "추가" 버튼으로 변경
- **Todo 카드별 편집 버튼 추가**: 10-회의록상세조회 화면과 동일한 구조
- 각 Todo 카드 우측에 ✏️ 편집 버튼 배치
- common.css의 .todo-card 스타일 재사용으로 일관성 유지
- **Todo 편집 모달 구현**: 추가/편집 공통 모달
- 모달 제목: "Todo 추가" 또는 "Todo 편집" (동적 변경)
- 입력 필드: Todo 제목(필수), 담당자 선택(필수), 마감일(필수), 우선순위(필수)
- 유효성 검사: 각 필드별 필수 검증
- 모바일: 전체화면 모달 (100vh), 데스크톱: 중앙 모달 (600px)
- **인터랙션 정의**:
- "추가" 버튼: 빈 모달 표시, 모든 필드 초기화
- "편집" 버튼: 기존 Todo 데이터 로드 및 모달 표시
- "저장" 버튼: 유효성 검사 후 저장, 성공 토스트 표시
- **JavaScript 함수 추가**: addTodoItem(), editTodoItem(todoId), saveTodoItem()
- **프로토타입**: design/uiux/prototype/05-회의진행.html 수정 (~100줄 추가)
- **스타일 가이드**: design/uiux/style-guide.md v1.2.1 (변경 이력 추가)
- **일관성**: 10-회의록상세조회, 09-Todo관리 화면과 Todo 카드 편집 방식 통일 | -| 1.4.12 | 2025-10-23 | 강지수 | 05-회의진행 화면 Todo 카드 스타일 10-회의록상세조회와 완전 통일
- **Todo 카드 HTML 구조 통일**:
- 기존: inline-flex 기반 간소화 구조
- 변경: `.todo-card` > `.todo-top` > (`.todo-checkbox-wrapper` + `.todo-content-wrapper` + `.todo-actions`) 구조
- 10-회의록상세조회.html과 100% 동일한 HTML 구조 적용
- **CSS 스타일 추가**: 페이지 하단 `