Merge branch 'main' of https://github.com/hwanny1128/HGZero

.claude/settings.local.json

@@ -0,0 +1,11 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git pull:*)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

design/uiux/prototype/02-대시보드.html

@@ -34,24 +34,10 @@
       }
     }
 
-    /* 통계 카드 */
+    /* 통계 카드 - common.css의 공통 스타일 사용 */
-    .stats-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-      gap: var(--space-md);
-      margin-bottom: var(--space-xl);
-    }
-
-    .stat-card {
-      background: var(--white);
-      border-radius: var(--radius-lg);
-      padding: var(--space-lg);
-      box-shadow: var(--shadow-sm);
-    }
-
     .stat-icon {
-      font-size: 32px;
+      font-size: 24px;
-      margin-bottom: var(--space-sm);
+      margin-bottom: var(--space-xs);
     }
 
     .stat-label {
@@ -98,7 +84,7 @@
       margin-bottom: var(--space-xl);
     }
 
-    @media (min-width: 768px) {
+    @media (min-width: 640px) {
       .meeting-grid {
         grid-template-columns: repeat(2, 1fr);
       }
@@ -110,6 +96,12 @@
       }
     }
 
+    @media (min-width: 1440px) {
+      .meeting-grid {
+        grid-template-columns: repeat(4, 1fr);
+      }
+    }
+
     .meeting-card {
       background: var(--white);
       border-radius: var(--radius-lg);

design/uiux/prototype/09-Todo관리.html

@@ -7,42 +7,16 @@
   <link rel="stylesheet" href="common.css">
   <style>
     /* 페이지 특화 스타일 */
-    .page-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding-bottom: var(--space-md);
-      margin-bottom: var(--space-lg);
-    }
 
-    .page-title {
+    /* 통계 영역 - 모바일 최적화 */
-      font-size: var(--font-h2);
-      font-weight: var(--font-weight-bold);
-      color: var(--gray-900);
-    }
-
-    /* 통계 카드 */
     .stats-overview {
-      display: grid;
+      margin-bottom: var(--space-md);
-      grid-template-columns: 1fr 1fr;
-      gap: var(--space-md);
-      margin-bottom: var(--space-lg);
-    }
-
-    /* 데스크톱: 통계를 4개 컬럼으로 */
-    @media (min-width: 768px) {
-      .stats-overview {
-        grid-template-columns: repeat(4, 1fr);
-        gap: var(--space-lg);
-      }
     }
 
+    /* 통계 카드 - 모바일에서 컴팩트하게 */
     .stat-box {
-      background: var(--white);
+      min-height: 80px;
-      padding: var(--space-md);
+      padding: var(--space-sm);
-      border-radius: var(--radius-lg);
-      box-shadow: var(--shadow-md);
-      text-align: center;
     }
 
     .stat-box.highlight {
@@ -51,23 +25,64 @@
     }
 
     .stat-number {
-      font-size: var(--font-h1);
+      font-size: var(--font-h2);
       font-weight: var(--font-weight-bold);
       color: var(--primary);
+      margin-bottom: 2px;
+    }
+
+    .stat-text {
+      font-size: var(--font-caption);
+      color: var(--gray-700);
+    }
+
+    /* 원형 진행 바 - 모바일에서 축소 */
+    .circular-progress {
+      width: 60px;
+      height: 60px;
+      margin: 0 auto 4px;
+      position: relative;
+    }
+
+    .circular-progress svg {
+      width: 60px;
+      height: 60px;
+    }
+
+    .circular-progress-text {
+      font-size: var(--font-body);
+    }
+
+    /* 데스크톱에서 통계 카드 크기 복원 */
+    @media (min-width: 768px) {
+      .stat-box {
+        min-height: 100px;
+        padding: var(--space-md);
+      }
+
+      .stat-number {
+        font-size: var(--font-h1);
         margin-bottom: var(--space-xs);
       }
 
       .stat-text {
         font-size: var(--font-small);
-      color: var(--gray-700);
       }
 
-    /* 원형 진행 바 */
       .circular-progress {
         width: 80px;
         height: 80px;
-      margin: 0 auto var(--space-sm);
+        margin-bottom: var(--space-sm);
-      position: relative;
+      }
+
+      .circular-progress svg {
+        width: 80px;
+        height: 80px;
+      }
+
+      .circular-progress-text {
+        font-size: var(--font-h3);
+      }
     }
 
     .circular-progress svg {
@@ -76,7 +91,7 @@
 
     .circular-progress circle {
       fill: none;
-      stroke-width: 8;
+      stroke-width: 6;
     }
 
     .circular-progress .bg-circle {
@@ -94,11 +109,17 @@
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-      font-size: var(--font-h3);
       font-weight: var(--font-weight-bold);
       color: var(--primary);
     }
 
+    /* 데스크톱에서 stroke-width 복원 */
+    @media (min-width: 768px) {
+      .circular-progress circle {
+        stroke-width: 8;
+      }
+    }
+
     /* 필터 탭 */
     .filter-tabs {
       display: flex;
@@ -336,13 +357,8 @@
     </div>
   </header>
 
-  <div class="page">
+  <!-- 메인 콘텐츠 -->
-    <div class="container main-content">
+  <main class="main-content">
-      <!-- 페이지 헤더 -->
-      <div class="page-header">
-        <h1 class="page-title">내 Todo</h1>
-      </div>
-
       <!-- 통계 개요 -->
       <div class="stats-overview">
         <div class="stat-box">
@@ -351,7 +367,7 @@
         </div>
         <div class="stat-box highlight">
           <div class="circular-progress">
-            <svg width="80" height="80">
+            <svg viewBox="0 0 80 80">
               <circle class="bg-circle" cx="40" cy="40" r="36"></circle>
               <circle class="progress-circle" cx="40" cy="40" r="36"
                       stroke-dasharray="226" stroke-dashoffset="226" id="progressCircle"></circle>
@@ -388,7 +404,7 @@
 
       <!-- Todo 리스트 -->
       <div id="todoListContainer"></div>
-    </div>
+  </main>
 
   <!-- 하단 네비게이션 -->
   <nav class="bottom-nav">
@@ -402,7 +418,6 @@
         <img src="img/list.png" alt="Todo" style="width: 45px;">
       </a>
     </nav>
-  </div>
 
   <!-- Todo 추가 모달 -->
   <div class="modal-overlay" id="addTodoModal">

design/uiux/prototype/12-회의록목록조회.html

@@ -22,13 +22,19 @@
 
     .filter-grid {
       display: grid;
-      grid-template-columns: repeat(2, 1fr);
+      grid-template-columns: 1fr 1fr;
       gap: var(--space-md);
       margin-bottom: var(--space-md);
     }
 
-    /* 데스크톱: 필터 그리드를 4개 컬럼으로 */
+    /* 반응형: 필터 그리드 */
-    @media (min-width: 768px) {
+    @media (min-width: 640px) {
+      .filter-grid {
+        grid-template-columns: repeat(3, 1fr);
+      }
+    }
+
+    @media (min-width: 1024px) {
       .filter-grid {
         grid-template-columns: repeat(4, 1fr);
       }
@@ -120,38 +126,37 @@
       box-shadow: 0 0 0 3px rgba(77, 213, 167, 0.1);
     }
 
-    /* 통계 정보 */
+    /* 통계 정보 - 컴팩트하게 */
     .stats-section {
       background: var(--white);
       border-radius: var(--radius-lg);
-      box-shadow: var(--shadow-md);
+      box-shadow: var(--shadow-sm);
       padding: var(--space-md);
       margin-bottom: var(--space-lg);
     }
 
-    .stats-grid {
+    /* common.css의 stats-grid 스타일 활용 */
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: var(--space-md);
-    }
-
     .stat-item {
       text-align: center;
-      padding: var(--space-sm);
+      padding: var(--space-md);
-      background: var(--gray-100);
+      background: var(--gray-50);
       border-radius: var(--radius-md);
+      min-height: 80px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
     }
 
     .stat-value {
       font-size: var(--font-h2);
       font-weight: var(--font-weight-bold);
-      color: var(--gray-900);
+      color: var(--primary);
       margin-bottom: var(--space-xs);
     }
 
     .stat-label {
       font-size: var(--font-small);
-      color: var(--gray-500);
+      color: var(--gray-600);
     }
 
     /* 회의록 목록 */
@@ -161,12 +166,12 @@
       gap: var(--space-md);
     }
 
-    /* 데스크톱: 그리드 레이아웃 */
+    /* 반응형: 그리드 레이아웃 */
-    @media (min-width: 768px) {
+    @media (min-width: 640px) {
       .meeting-list {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-        gap: var(--space-lg);
+        gap: var(--space-md);
       }
     }
 
@@ -176,6 +181,12 @@
       }
     }
 
+    @media (min-width: 1440px) {
+      .meeting-list {
+        grid-template-columns: repeat(4, 1fr);
+      }
+    }
+
     .meeting-item {
       background: var(--white);
       border-radius: var(--radius-lg);

design/uiux/prototype/common.css

@@ -1616,19 +1616,74 @@ input[type="date"]::-webkit-calendar-picker-indicator {
   padding: var(--space-md);
   padding-bottom: 80px;
   background: var(--gray-50);
+  width: 100%;
+  max-width: 100%;
 }
 
 /* 데스크톱: 사이드바 옆으로 헤더 및 콘텐츠 배치 */
 @media (min-width: 768px) {
   .layout-sidebar-header .header {
     left: 240px; /* 사이드바 너비만큼 오른쪽으로 이동 */
-    padding: 0 var(--space-xl);
+    padding: 0 var(--space-lg);
   }
 
   .layout-sidebar-header .main-content {
     margin-left: 240px; /* 사이드바 너비만큼 왼쪽 여백 추가 */
-    padding: var(--space-xl);
+    padding: var(--space-lg);
     padding-bottom: var(--space-xl);
+    max-width: calc(100vw - 240px);
+  }
+}
+
+/* 큰 화면에서 최대 폭 제한 없이 전체 영역 활용 */
+@media (min-width: 1440px) {
+  .layout-sidebar-header .main-content {
+    padding: var(--space-xl);
+  }
+}
+
+/* 통계 카드 공통 스타일 - 컴팩트하게 */
+.stats-grid,
+.stats-overview {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: var(--space-md);
+  margin-bottom: var(--space-lg);
+}
+
+@media (min-width: 480px) {
+  .stats-grid,
+  .stats-overview {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+@media (min-width: 768px) {
+  .stats-grid,
+  .stats-overview {
+    grid-template-columns: repeat(4, 1fr);
+    gap: var(--space-lg);
+  }
+}
+
+/* 통계 카드 높이 제한 */
+.stat-card,
+.stat-box {
+  background: var(--white);
+  border-radius: var(--radius-lg);
+  padding: var(--space-md);
+  box-shadow: var(--shadow-sm);
+  min-height: 100px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+@media (min-width: 768px) {
+  .stat-card,
+  .stat-box {
+    padding: var(--space-lg);
+    min-height: 120px;
   }
 }
 

design/uiux/uiux.md

@@ -85,10 +85,10 @@
 | 05 | 회의진행 | UFR-MEET-030, UFR-STT-010/020, UFR-AI-010, UFR-COLLAB-010 | 높음 | 실시간 회의 진행 및 회의록 작성 | X | X | | 
 | 06 | 검증완료 | UFR-COLLAB-030 | 중간 | 섹션별 검증 | X | X | | 
 | 07 | 회의종료 | UFR-MEET-040, UFR-MEET-050 | 높음 | 회의 통계 및 최종 확정 | X | X | |
-| 08 | Todo관리 | UFR-TODO-010, UFR-TODO-030 | 높음 | Todo 목록 및 진행 관리 | O | X | |
+| 09 | Todo관리 | UFR-TODO-010, UFR-TODO-030 | 높음 | Todo 목록 및 진행 관리 | O | X | |
-| 09 | 회의록상세조회 | UFR-MEET-045 | 중간 | 회의록 상세 보기 | X | O | |
+| 10 | 회의록상세조회 | UFR-MEET-047 | 중간 | 회의록 상세 보기 | X | O | |
-| 10 | 회의록수정 | UFR-MEET-055 | 중간 | 지난 회의록 수정 | X | O | |
+| 11 | 회의록수정 | UFR-MEET-055 | 중간 | 지난 회의록 수정 | X | O | |
-| 11 | 회의록목록조회 | UFR-MEET-030, UFR-MEET-045 | 높음 | 회의록 목록 필터링/정렬/검색 | O | X | | 
+| 12 | 회의록목록조회 | UFR-MEET-046 | 높음 | 회의록 목록 필터링/정렬/검색 | O | X | | 
 
 ---
 
@@ -1087,7 +1087,7 @@ graph TD
 
 ---
 
-### 08-Todo관리
+### 09-Todo관리
 
 #### 개요
 - **목적**: 할당된 Todo 목록 조회 및 진행 상황 관리
@@ -1174,11 +1174,11 @@ graph TD
 
 ---
 
-### 09-회의록상세조회
+### 10-회의록상세조회
 
 #### 개요
 - **목적**: 지난 회의록의 전체 내용 및 상세 정보 확인
-- **관련 유저스토리**: UFR-MEET-045, UFR-AI-040
+- **관련 유저스토리**: UFR-MEET-047, UFR-AI-040
 - **비즈니스 중요도**: 중간
 - **접근 경로**: 대시보드 → "내 회의록" 항목 클릭 또는 Todo관리 → 회의록 링크
 
@@ -1354,7 +1354,7 @@ graph TD
 
 ---
 
-### 10-회의록수정
+### 11-회의록수정
 
 #### 개요
 - **목적**: 지난 회의록 조회 및 수정
@@ -1473,11 +1473,11 @@ graph TD
 
 ---
 
-### 11-회의록목록조회
+### 12-회의록목록조회
 
 #### 개요
 - **목적**: 회의록 목록 조회 및 필터링/정렬/검색 기능 제공
-- **관련 유저스토리**: UFR-MEET-030 (회의록 조회), UFR-MEET-045 (회의록 상세 조회)
+- **관련 유저스토리**: UFR-MEET-046 (회의록목록조회)
 - **비즈니스 중요도**: 높음
 - **접근 경로**:
   - 대시보드 → "내 회의록" 전체 보기
@@ -1664,7 +1664,7 @@ graph TD
 - **위치**: Fixed, 하단 (height: 64px)
 - **배경**: 흰색, 상단 테두리 (1px solid #E5E7EB)
 - **그림자**: 0 -2px 8px rgba(0, 0, 0, 0.08)
-- **구성**: 4개 항목 (균등 분할)
+- **구성**: 3개 항목 (균등 분할)
   - **홈** (대시보드)
     - 아이콘: 🏠 (24px)
     - 텍스트: "홈" (12px)
@@ -1676,10 +1676,8 @@ graph TD
   - **Todo** (Todo 관리)
     - 아이콘: ✅ (24px)
     - 텍스트: "Todo" (12px)
-  - **프로필** (사용자 프로필 및 설정)
+- **사용 화면**: 02-대시보드, 09-Todo관리, 12-회의록목록조회
-    - 아이콘: 👤 (24px)
+- **참고**: 프로필 메뉴는 프로토타입에서 제거됨 (Desktop 사이드바의 사용자 정보 영역으로 통합)
-    - 텍스트: "프로필" (12px)
-- **사용 화면**: 02-대시보드, 08-Todo관리, 11-회의록목록조회
 
 #### Desktop 좌측 사이드바 (768px+)
 - **위치**: Fixed, 좌측 (width: 240px)
@@ -1933,8 +1931,10 @@ graph TD
 | 1.3.2 | 2025-10-21 | 도그냥 | 회의진행 화면 참석자 탭 개선 및 UI 일관성 강화<br>- **05-회의진행**: 참석자 탭 참석자 추가 기능 및 UI 정리<br>  - **참석자 추가 폼 추가**: 이메일 입력 필드(form-control) + "초대" 버튼(btn btn-primary btn-sm)<br>    - 이메일 유효성 검증: 정규식으로 형식 체크<br>    - 빈 값 체크: "이메일 주소를 입력해주세요" 경고 토스트<br>    - 잘못된 형식: "올바른 이메일 형식이 아닙니다" 오류 토스트<br>    - 성공: "{email}에게 초대 링크가 전송되었습니다" 토스트 + 입력창 초기화<br>  - **참석자 상태 표시 제거**: 발언 중/온라인 등 상태 아이콘 및 텍스트 모두 제거<br>  - **참석자 수 동적 업데이트**: 4명으로 업데이트 (최유진 추가)<br>  - **참고자료 영역 제거**: 회의개요 탭의 참고자료 섹션 삭제 (우측 관련회의록 탭으로 통합)<br>- **버튼 스타일 통일**: 모든 버튼에 .btn 기본 클래스 추가<br>  - 편집 버튼 (4개 섹션): btn btn-ghost btn-sm<br>  - AI 제안 적용 버튼 (3개): btn btn-primary btn-sm<br>  - 수정 버튼 (3개): btn btn-ghost btn-sm<br>  - 하단 일시정지/종료 버튼: btn btn-ghost, btn btn-error<br>- **검색창 스타일 통일**: 용어사전 검색창을 .input → .form-control 클래스로 변경<br>- 프로토타입 파일 수정: design/uiux/prototype/05-회의진행.html |
 | 1.3.3 | 2025-10-21 | 도그냥 | UI/UX 설계 문서 최적화 및 중복 제거<br>- **공통 UI 컴포넌트 섹션 신규 작성**: 반복 사용되는 UI 컴포넌트를 공통 섹션으로 분리<br>  - **Mobile 하단 네비게이션**: 위치, 배경, 그림자, 3개 항목 (홈/회의록/Todo) 상세 스펙 정의<br>  - **Desktop 좌측 사이드바**: 로고 영역, 메뉴 리스트, 사용자 정보 영역 상세 스펙 정의<br>  - **상단 헤더**: Mobile/Desktop별 제목, 액션 버튼 배치 가이드<br>- **공통 에러 메시지 표준 섹션 신규 작성**: 반복 사용되는 에러 메시지를 표준화<br>  - **네트워크 오류**: 자동 재시도 3회 (exponential backoff), 토스트 메시지, 재시도 버튼<br>  - **데이터 로딩 실패**: 스켈레톤 UI 30초, 타임아웃 처리, 재시도 버튼<br>  - **권한 오류**: 401/403 에러 처리, 명확한 안내 메시지<br>  - **인증 오류**: 토큰 만료 자동 갱신, 로그인 리다이렉트<br>  - **입력 검증 오류**: 실시간 인라인 검증, 포커스 이동<br>  - **서버 오류**: 500 에러 에러 ID 제공, 고객센터 안내<br>- **중복 내용 참조 링크 교체**: 8개 화면에서 반복된 네비게이션/에러 메시지 설명을 공통 섹션 참조로 변경<br>  - 01-로그인, 02-대시보드, 12-회의록목록조회 등<br>  - 예상 파일 크기 감소: 1,500~2,200자 (약 8~10%)<br>- **목차 업데이트**: 공통 UI 컴포넌트, 공통 에러 메시지 표준 섹션 추가 |
 | 1.4 | 2025-10-22 | 이미준 | 프로토타입 기반 네비게이션 사양 업데이트<br>- **Mobile 하단 네비게이션**: 4개 메뉴 항목으로 복원 (홈/회의록/Todo/프로필)<br>  - 프로필 메뉴 추가: 👤 아이콘, 사용자 정보 및 설정 접근<br>  - 프로토타입 구현 기준 반영 (12-회의록목록조회.html 등)<br>- **일관성 개선**: 프로토타입과 UI/UX 설계서 간 네비게이션 사양 통일<br>- **스타일 가이드 동기화**: design/uiux/style-guide.md v1.2와 정합성 확보 |
-| 1.5 | 2025-10-23 | 강지수 | 대시보드 모바일 UI/UX 개선 (360px 최적화)<br>- **헤더 개선안 A 적용**: 간결한 인사 + 실질적 정보<br>  - "안녕하세요 👋" (H3, Bold)<br>  - "오늘 {N}건의 회의가 예정되어 있어요" (동적 업데이트)<br>  - 2줄 구조 제거로 세로 공간 절약<br>- **통계 카드 개선안 A 적용**: 컴팩트 수평 배치<br>  - 단일 카드 "📊 오늘의 현황" (H5, Semibold)<br>  - 수평 배치: "📅 예정 {N}", "✅ 진행 {N}", "📈 완료 {N}%"<br>  - 높이 ~80px (기존 대비 70% 감소)<br>  - 반응형: 태블릿 이상에서 justify-content: flex-start<br>- **프로토타입 파일**: design/uiux/prototype/02-대시보드-개선.html 신규 생성<br>- **모바일 우선 반응형 설계**: 웹/태블릿 화면에서도 자연스러운 레이아웃 유지<br>- **참조**: design/uiux/ref_img/레이아웃 이상.png (개선 요구사항 이미지) |
+| 1.4.1 | 2025-10-23 | 강지수 | 대시보드 모바일 UI/UX 개선 (360px 최적화)<br>- **헤더 개선안 A 적용**: 간결한 인사 + 실질적 정보<br>  - "안녕하세요 👋" (H3, Bold)<br>  - "오늘 {N}건의 회의가 예정되어 있어요" (동적 업데이트)<br>  - 2줄 구조 제거로 세로 공간 절약<br>- **통계 카드 개선안 A 적용**: 컴팩트 수평 배치<br>  - 단일 카드 "📊 오늘의 현황" (H5, Semibold)<br>  - 수평 배치: "📅 예정 {N}", "✅ 진행 {N}", "📈 완료 {N}%"<br>  - 높이 ~80px (기존 대비 70% 감소)<br>  - 반응형: 태블릿 이상에서 justify-content: flex-start<br>- **프로토타입 파일**: design/uiux/prototype/02-대시보드-개선.html 신규 생성<br>- **모바일 우선 반응형 설계**: 웹/태블릿 화면에서도 자연스러운 레이아웃 유지<br>- **참조**: design/uiux/ref_img/레이아웃 이상.png (개선 요구사항 이미지) |
-| 1.6 | 2025-10-23 | 강지수 | 회의록 공유 기능 전면 제거<br>- **제거 배경**: 회의 참가자가 아니면 대상자 선정 불가능, 기능 중복 및 논리적 모순 해결<br>- **유저스토리**: UFR-MEET-060 (회의록공유) 제거<br>- **UI/UX 설계서**:<br>  - 08-회의록공유 화면 전체 제거<br>  - 02-대시보드: "공유받은 회의록" 섹션 제거<br>  - 09-회의록상세조회: 공유 버튼 제거 (메뉴: 수정/삭제만 유지)<br>  - 11-회의록목록조회: 카테고리 필터 수정 (전체/참석한 회의/생성한 회의)<br>  - Desktop 사이드바: "공유받은 회의록" 메뉴 제거<br>- **화면 번호 재정렬**: 08-Todo관리, 09-회의록상세조회, 10-회의록수정, 11-회의록목록조회<br>- **프로토타입 파일**: 08-회의록공유.html 삭제 예정<br>- **검토 문서**: design/uiux/crosscheck-report.md (상세 검토 의견 및 수정 계획) |
+| 1.4.2 | 2025-10-23 | 강지수 | 회의록 공유 기능 전면 제거<br>- **제거 배경**: 회의 참가자가 아니면 대상자 선정 불가능, 기능 중복 및 논리적 모순 해결<br>- **유저스토리**: UFR-MEET-060 (회의록공유) 제거<br>- **UI/UX 설계서**:<br>  - 08-회의록공유 화면 전체 제거<br>  - 02-대시보드: "공유받은 회의록" 섹션 제거<br>  - 09-회의록상세조회: 공유 버튼 제거 (메뉴: 수정/삭제만 유지)<br>  - 11-회의록목록조회: 카테고리 필터 수정 (전체/참석한 회의/생성한 회의)<br>  - Desktop 사이드바: "공유받은 회의록" 메뉴 제거<br>- **화면 번호 재정렬**: 08-Todo관리, 09-회의록상세조회, 10-회의록수정, 11-회의록목록조회<br>- **프로토타입 파일**: 08-회의록공유.html 삭제 예정<br>- **검토 문서**: design/uiux/crosscheck-report.md (상세 검토 의견 및 수정 계획) |
+| 1.4.3 | 2025-10-23 | 강지수 | 유저스토리-설계서-프로토타입 일관성 개선 (요구사항설계검토-report.md 반영)<br>- **화면번호 프로토타입 파일명 기준 통일**:<br>  - 프로토타입 화면 목록 테이블 화면번호 수정<br>    - 09: Todo관리 (09-Todo관리.html) - 변경 없음<br>    - 10: 회의록상세조회 (10-회의록상세조회.html) - 변경 없음<br>    - 11: 회의록수정 (11-회의록수정.html) - 09→11 변경<br>    - 12: 회의록목록조회 (12-회의록목록조회.html) - 11→12 변경<br>  - 설계서 본문 섹션 제목 화면번호 수정<br>    - ### 09-Todo관리 (08→09 변경)<br>    - ### 10-회의록상세조회 (변경 없음)<br>    - ### 11-회의록수정 (10→11 변경)<br>    - ### 12-회의록목록조회 (11→12 변경)<br>- **유저스토리 화면정보 추가 및 수정**:<br>  - UFR-MEET-046 (회의록목록조회): 화면번호 "12-회의록목록조회" 추가, 카테고리 필터에서 "공유받은 회의" 제거<br>  - UFR-MEET-047 (회의록상세조회): 화면번호 "10-회의록상세조회" 추가, 관련 유저스토리 ID 수정 (UFR-MEET-045 → UFR-MEET-047)<br>- **설계서 유저스토리 매핑 정확성 개선**:<br>  - 10-회의록상세조회: UFR-MEET-045 → UFR-MEET-047 수정<br>  - 12-회의록목록조회: UFR-MEET-030, UFR-MEET-045 → UFR-MEET-046 수정<br>- **일관성 달성**: 유저스토리, UI/UX 설계서, 프로토타입 간 완전한 화면번호 및 파일명 일치<br>- **검토 문서**: design/uiux/요구사항설계검토-report.md (상세 검토 의견 및 개선 계획) |
+| 1.5 | 2025-10-23 | 강지수 | Mobile 하단 네비게이션 프로토타입 구현 기준 반영<br>- **Mobile 하단 네비게이션**: 4개 메뉴 → 3개 메뉴로 수정 (홈/회의록/Todo)<br>  - 프로필 메뉴 제거 (Desktop 사이드바의 사용자 정보 영역으로 통합)<br>  - 프로토타입 실제 구현 상태 반영 (02-대시보드.html, 09-Todo관리.html, 12-회의록목록조회.html)<br>  - 사용 화면 번호 업데이트: 08→09, 11→12<br>- **참고 사항**: 프로필 메뉴가 필요한 경우 프로토타입에 추가 구현 필요<br>- **설계서-프로토타입 일관성**: 네비게이션 구조 완전 통일 달성 |
 
 ---
 

design/uiux/요구사항설계검토-report.md

@@ -0,0 +1,462 @@
+# 요구사항 설계 검토 보고서
+
+**작성자**: 강지수 (Product Designer)
+**작성일**: 2025-10-23
+**검토 범위**: 유저스토리, UI/UX 설계서, 프로토타입 HTML
+**검토 목적**: 세 문서 간 일관성 및 완결성 확인, 보완 필요 사항 도출
+
+---
+
+## 📊 검토 요약
+
+### 전체 평가
+- **일관성 수준**: ⭐⭐⭐⭐☆ (4/5)
+- **완성도**: ⭐⭐⭐⭐☆ (4/5)
+- **주요 이슈**: 유저스토리와 설계서 간 일부 항목 불일치, 프로토타입 구현 누락
+
+### 주요 발견사항
+✅ **잘된 점**
+- 대시보드, 회의예약, 회의진행 등 핵심 화면은 세 문서가 잘 정렬됨
+- Mobile-first 설계 철학이 일관되게 적용됨
+- 반응형 네비게이션 구조가 명확하게 정의됨
+
+⚠️ **보완 필요**
+- 유저스토리 UFR-MEET-046/047과 프로토타입 간 매핑 불완전
+- 일부 프로토타입 파일 누락 (회의록 상세조회 등)
+- UI/UX 설계서의 화면 번호와 실제 프로토타입 파일명 불일치
+
+---
+
+## 📋 상세 검토 결과
+
+### 1. 유저스토리 vs UI/UX 설계서
+
+#### 1.1 잘 매핑된 항목 ✅
+
+| 유저스토리 ID | 화면 | 설계서 섹션 | 상태 |
+|--------------|------|------------|------|
+| UFR-USER-010 | 로그인 | 01-로그인 | ✅ 완료 |
+| AFR-USER-020 | 대시보드 | 02-대시보드 | ✅ 완료 |
+| UFR-MEET-010 | 회의예약 | 03-회의예약 | ✅ 완료 |
+| UFR-MEET-020 | 템플릿선택 | 04-템플릿선택 | ✅ 완료 |
+| UFR-MEET-030 | 회의시작 | 05-회의진행 | ✅ 완료 |
+| UFR-COLLAB-030 | 검증완료 | 06-검증완료 | ✅ 완료 |
+| UFR-MEET-040/050 | 회의종료 | 07-회의종료 | ✅ 완료 |
+| UFR-TODO-010/030 | Todo관리 | 09-Todo관리 | ✅ 완료 (화면번호 08→09) |
+| UFR-MEET-055 | 회의록수정 | 11-회의록수정 | ✅ 완료 (화면번호 10→11) |
+
+#### 1.2 불일치 또는 누락 항목 ⚠️
+
+**[이슈 1] 회의록 목록조회 화면 매핑 불완전**
+
+**유저스토리**: UFR-MEET-046 (회의록목록조회)
+```
+- 설명: 회의록 작성자로서, 작성한 회의록들을 효율적으로 관리하기 위해,
+        회의록 목록을 조회하고 필터링하고 싶다
+- 주요 기능:
+  - 상태별 필터링 (전체/작성중/확정완료)
+  - 정렬 옵션 (최신순/회의일시순/제목순)
+  - 카테고리 필터 (전체/공유받은 회의/참석한 회의/생성한 회의)
+  - 검색 기능
+```
+
+**UI/UX 설계서**: 11-회의록목록조회 (존재)
+- 화면번호 불일치: 유저스토리 작성 시점에는 없었으나, v1.6에서 추가됨
+- 카테고리 필터 변경: "공유받은 회의" 제거됨 (v1.6 회의록 공유 기능 제거)
+
+**프로토타입**: `12-회의록목록조회.html` (존재)
+- 파일명과 설계서 화면번호 불일치 (12 vs 11)
+
+**보완 방안**:
+1. 유저스토리 UFR-MEET-046에 화면번호 "11-회의록목록조회" 추가
+2. 프로토타입 파일명을 `11-회의록목록조회.html`로 변경 (또는 설계서를 12로 수정)
+3. 카테고리 필터에서 "공유받은 회의" 제거 명시
+
+---
+
+**[이슈 2] 회의록 상세조회 화면 프로토타입 누락**
+
+**유저스토리**: UFR-MEET-047 (회의록상세조회)
+```
+- 설명: 회의록 작성자로서, 지난 회의록의 상세 정보와 전체 내용을 한눈에 확인하고 싶다
+- 주요 기능:
+  - 회의 기본 정보 표시
+  - 섹션별 상세 내용 (AI 요약, 논의사항, 결정사항)
+  - 관련 회의록 섹션 (최대 3개)
+  - 수정/공유 버튼
+```
+
+**UI/UX 설계서**: 09-회의록상세조회 (존재, v1.6에서 화면번호 10→09로 변경)
+- 탭 구조: 회의록/대시보드 (2개 탭)
+- 관련 회의록 자동 표시 (UFR-AI-040 반영)
+
+**프로토타입**: `10-회의록상세조회.html` ⚠️ **발견됨**
+- 파일명과 설계서 화면번호 불일치 (10 vs 09)
+
+**보완 방안**:
+1. 프로토타입 파일명을 `09-회의록상세조회.html`로 변경 (또는 설계서를 10으로 수정)
+2. 탭 구조 (회의록/대시보드) 구현 확인
+3. 관련 회의록 섹션 UI 구현 여부 확인
+
+---
+
+**[이슈 3] 회의록수정 화면 매핑**
+
+**유저스토리**: UFR-MEET-055 (회의록수정)
+```
+- 설명: 검증이 완료되지 않았거나 수정이 필요한 지난 회의록을 수정하고 싶다
+- 주요 기능:
+  - 회의 제목 수정
+  - 섹션별 AI 요약 수정
+  - AI 재생성 버튼
+  - 참고자료 추가/삭제
+```
+
+**UI/UX 설계서**: 11-회의록수정 (v1.6에서 화면번호 10→11로 변경)
+
+**프로토타입**: `11-회의록수정.html` (존재)
+- 화면번호와 일치 ✅
+
+**보완 방안**: 없음 (정상)
+
+---
+
+### 2. UI/UX 설계서 vs 프로토타입
+
+#### 2.1 파일명과 화면번호 불일치 매트릭스
+
+| 설계서 화면 | 설계서 번호 | 프로토타입 파일 | 파일 번호 | 상태 |
+|-----------|-----------|---------------|----------|------|
+| 로그인 | 01 | 01-로그인.html | 01 | ✅ 일치 |
+| 대시보드 | 02 | 02-대시보드.html | 02 | ✅ 일치 |
+| 회의예약 | 03 | 03-회의예약.html | 03 | ✅ 일치 |
+| 템플릿선택 | 04 | 04-템플릿선택.html | 04 | ✅ 일치 |
+| 회의진행 | 05 | 05-회의진행.html | 05 | ✅ 일치 |
+| 검증완료 | 06 | 06-검증완료.html | 06 | ✅ 일치 |
+| 회의종료 | 07 | 07-회의종료.html | 07 | ✅ 일치 |
+| Todo관리 | 09 | 09-Todo관리.html | 09 | ✅ 일치 (08→09 변경) |
+| 회의록상세조회 | 09 | 10-회의록상세조회.html | 10 | ⚠️ **불일치** |
+| 회의록수정 | 11 | 11-회의록수정.html | 11 | ✅ 일치 (10→11 변경) |
+| 회의록목록조회 | 11 | 12-회의록목록조회.html | 12 | ⚠️ **불일치** |
+
+#### 2.2 설계서에 정의되었으나 프로토타입 누락 ❌
+
+- 없음 (모든 주요 화면 구현됨)
+
+#### 2.3 프로토타입에 있으나 설계서 미반영 ⚠️
+
+- `02-대시보드 copy.html`: 중복 파일, 삭제 필요
+
+---
+
+### 3. 네비게이션 일관성 검토
+
+#### 3.1 Mobile 하단 네비게이션
+
+**UI/UX 설계서 (v1.4)**: 4개 메뉴 (홈/회의록/Todo/프로필)
+
+**프로토타입 구현**:
+- ✅ `02-대시보드.html`: 3개 메뉴 (홈/회의록/Todo)
+- ✅ `09-Todo관리.html`: 3개 메뉴 (홈/회의록/Todo)
+- ✅ `12-회의록목록조회.html`: 3개 메뉴 (홈/회의록/Todo)
+
+**현황**:
+- 모든 프로토타입이 **3개 메뉴**로 통일되어 구현됨
+- 설계서에 명시된 "프로필" 메뉴는 프로토타입에 미구현
+
+**보완 방안**:
+- 설계서를 프로토타입 구현 기준(3개 메뉴)으로 업데이트 필요
+- 또는 프로필 메뉴가 필요한 경우 모든 프로토타입에 추가 구현 필요
+
+#### 3.2 Desktop 좌측 사이드바
+
+**UI/UX 설계서**: 로고 + 회의 목록/Todo 관리 + 사용자 정보
+
+**프로토타입 구현**:
+- ✅ `02-대시보드.html`: 로고 + 회의 목록/Todo 관리 (사용자 정보 없음)
+
+**보완 방안**: 사이드바 하단에 사용자 정보 영역 추가
+
+---
+
+### 4. 주요 기능별 구현 완성도
+
+#### 4.1 대시보드 (02-대시보드.html) ⭐⭐⭐⭐⭐
+
+**유저스토리 AFR-USER-020 반영도**: 95%
+
+**구현 완료**:
+- ✅ 통계 카드 (예정된 회의/진행 중 Todo/완료율)
+- ✅ 예정된/진행중 회의 목록 (진행중 우선, 최대 3개)
+- ✅ 내 Todo (우선순위 정렬, 최대 5개)
+- ✅ 내 회의록 (최근 3개, 상태 배지)
+- ✅ FAB 버튼 (회의예약/바로시작)
+- ✅ 반응형 네비게이션 (Mobile 하단 / Desktop 사이드바)
+
+**미구현**:
+- ⚠️ "공유받은 회의록" 섹션 (v1.6에서 제거됨, 유저스토리 업데이트 필요)
+
+**설계서 대비 구현률**: 100% (공유 기능 제거 반영)
+
+#### 4.2 회의예약 (03-회의예약.html) ⭐⭐⭐⭐⭐
+
+**유저스토리 UFR-MEET-010 반영도**: 100%
+
+**구현 완료**:
+- ✅ 회의 기본 정보 입력 (제목/날짜/시간)
+- ✅ 커스텀 시간 선택 팝업 (시/분 선택)
+- ✅ 종일 회의 토글
+- ✅ 온라인/오프라인 토글
+- ✅ 참석자 추가 (칩 UI, 검색 모달)
+- ✅ 안건 입력
+- ✅ 임시저장/예약완료
+
+**설계서 대비 구현률**: 100%
+
+#### 4.3 회의록목록조회 (12-회의록목록조회.html) ⭐⭐⭐⭐☆
+
+**유저스토리 UFR-MEET-046 반영도**: 90%
+
+**구현 완료**:
+- ✅ 상태별 필터 (전체/작성중/확정완료)
+- ✅ 정렬 옵션 (최신순/회의일시순/제목순)
+- ✅ 참여 유형 탭 (전체/참석한 회의/생성한 회의)
+- ✅ 검색 기능
+- ✅ 통계 표시 (전체/작성중/확정완료 개수)
+
+**설계서 대비 누락**:
+- ⚠️ 카테고리 필터 "공유받은 회의" (v1.6 제거됨, 반영 완료)
+
+**설계서 대비 구현률**: 95%
+
+#### 4.4 Todo관리 (09-Todo관리.html) ⭐⭐⭐⭐⭐
+
+**유저스토리 UFR-TODO-010/030 반영도**: 100%
+
+**구현 완료**:
+- ✅ 통계 카드 (전체/진행중/지연중/완료, 완료율 원형 차트)
+- ✅ 필터 탭 (전체/진행중/미진행/완료/지연중)
+- ✅ Todo 카드 (체크박스, 제목, 배지, 메타정보)
+- ✅ 진행률 표시 (프로그레스 바)
+- ✅ 우선순위/마감일/상태 표시
+
+**설계서 대비 구현률**: 100%
+
+---
+
+## 🔧 보완 필요 사항
+
+### 우선순위 HIGH (필수)
+
+#### 1. 파일명과 화면번호 통일 (소요: 30분)
+
+**현재 상태**:
+- 설계서: 09-회의록상세조회, 11-회의록목록조회
+- 프로토타입: 10-회의록상세조회.html, 12-회의록목록조회.html
+
+**권장 방안 A (설계서 수정)**:
+```
+09-회의록상세조회 → 10-회의록상세조회
+11-회의록목록조회 → 12-회의록목록조회
+```
+- 장점: 프로토타입 파일 변경 불필요, 기존 링크 유지
+- 단점: 화면번호 연속성 깨짐 (08→09→10→11→12)
+
+**권장 방안 B (프로토타입 파일명 수정)** ⭐ **추천**:
+```
+10-회의록상세조회.html → 09-회의록상세조회.html
+12-회의록목록조회.html → 11-회의록목록조회.html
+```
+- 장점: 화면번호 연속성 유지, 설계서와 완벽 일치
+- 단점: HTML 내부 링크 및 JavaScript 파일 경로 수정 필요
+
+**실행 계획**:
+1. 프로토타입 파일명 변경
+2. 모든 HTML 파일에서 링크 경로 수정 (`navigateTo()` 함수 호출 부분)
+3. 설계서 "프로토타입 화면 목록" 테이블 업데이트
+
+---
+
+#### 2. 유저스토리 업데이트 (소요: 1시간)
+
+**UFR-MEET-046 (회의록목록조회)** 수정:
+```markdown
+- 화면번호: 11-회의록목록조회 (추가)
+- 카테고리 필터:
+  - 변경 전: 전체/공유받은 회의/참석한 회의/생성한 회의
+  - 변경 후: 전체/참석한 회의/생성한 회의
+  - 사유: v1.6 회의록 공유 기능 제거
+```
+
+**AFR-USER-020 (대시보드)** 수정:
+```markdown
+- 공유받은 회의록 섹션 제거
+  - 사유: v1.6 회의록 공유 기능 제거
+  - 변경사항: "내 회의록" 섹션만 유지 (참여자/생성자 기준)
+```
+
+**UFR-MEET-047 (회의록상세조회)** 수정:
+```markdown
+- 화면번호: 09-회의록상세조회 (추가)
+- 부가 기능:
+  - 변경 전: 회의록 수정 버튼, 회의록 공유 버튼
+  - 변경 후: 회의록 수정 버튼, 더보기 메뉴 (다운로드/삭제)
+  - 사유: v1.6 회의록 공유 기능 제거
+```
+
+---
+
+#### 3. Mobile 하단 네비게이션 통일 (소요: 30분)
+
+**현재 상태**:
+- `02-대시보드.html`, `09-Todo관리.html`: 3개 메뉴 (홈/회의록/Todo)
+- `12-회의록목록조회.html`: 4개 메뉴 (홈/회의록/Todo/프로필)
+
+**권장 방안**: 3개 메뉴로 통일 ⭐
+- 사유: 프로필 기능이 현재 구현되지 않음, 불필요한 복잡도 제거
+- 실행: `12-회의록목록조회.html`에서 프로필 메뉴 제거
+- 설계서 업데이트: v1.7에서 Mobile 하단 네비게이션을 3개로 표준화
+
+---
+
+### 우선순위 MEDIUM (권장)
+
+#### 4. Desktop 사이드바 사용자 정보 영역 추가 (소요: 1시간)
+
+**현재 상태**: 로고 + 메뉴만 존재
+
+**설계서 스펙**:
+```
+- 위치: 사이드바 하단
+- 구성:
+  - 사용자 아바타 (32px 원형)
+  - 이름 (Medium)
+  - 이메일 (Small, 회색)
+  - 설정 아이콘 (톱니바퀴)
+```
+
+**구현 예시**:
+```html
+<div class="sidebar-user">
+  <div class="sidebar-user-avatar">
+    <img src="img/user-avatar.png" alt="김민준">
+  </div>
+  <div class="sidebar-user-info">
+    <div class="sidebar-user-name">김민준</div>
+    <div class="sidebar-user-email">kim.minjun@company.com</div>
+  </div>
+  <button class="sidebar-user-settings">⚙️</button>
+</div>
+```
+
+---
+
+#### 5. 회의록상세조회 프로토타입 검증 (소요: 2시간)
+
+**검증 항목**:
+- [ ] 탭 구조 (회의록/대시보드) 구현 여부
+- [ ] 관련 회의록 섹션 UI 구현 여부 (UFR-AI-040)
+- [ ] 관련도 점수 표시 (백분율 + 색상 코딩)
+- [ ] 공유 버튼 제거 확인 (v1.6 변경사항)
+
+**실행 계획**:
+1. `10-회의록상세조회.html` 파일 상세 검토
+2. 누락된 UI 요소 구현
+3. 설계서와 비교하여 일치 여부 확인
+
+---
+
+### 우선순위 LOW (선택)
+
+#### 6. 중복 파일 정리 (소요: 5분)
+
+**삭제 대상**:
+- `02-대시보드 copy.html`: 백업 파일로 추정, 삭제 권장
+
+---
+
+## 📈 통일성 개선 로드맵
+
+### Phase 1: 긴급 조치 (1일 이내)
+
+1. ✅ 파일명과 화면번호 통일 (권장 방안 B)
+2. ✅ 유저스토리 업데이트 (UFR-MEET-046, AFR-USER-020, UFR-MEET-047)
+3. ✅ Mobile 하단 네비게이션 통일 (3개 메뉴)
+
+**예상 소요 시간**: 2시간
+**담당**: Frontend Developer + Product Designer
+
+---
+
+### Phase 2: 품질 개선 (3일 이내)
+
+4. ✅ Desktop 사이드바 사용자 정보 영역 추가
+5. ✅ 회의록상세조회 프로토타입 검증 및 보완
+6. ✅ 중복 파일 정리
+
+**예상 소요 시간**: 3시간
+**담당**: Frontend Developer
+
+---
+
+### Phase 3: 문서화 (1주일 이내)
+
+7. ✅ UI/UX 설계서 v1.7 업데이트
+   - Mobile 하단 네비게이션 3개로 표준화
+   - 회의록 공유 기능 제거 반영
+   - 화면 번호 및 파일명 매핑 테이블 업데이트
+
+8. ✅ 유저스토리 v2.1 업데이트
+   - 화면번호 추가
+   - 회의록 공유 관련 항목 제거
+   - 카테고리 필터 업데이트
+
+**예상 소요 시간**: 2시간
+**담당**: Product Designer + Service Planner
+
+---
+
+## 🎯 최종 권고사항
+
+### 즉시 조치 필요 (HIGH)
+
+1. **파일명 통일**: 프로토타입 파일명을 설계서 화면번호와 일치시키기
+2. **유저스토리 업데이트**: 공유 기능 제거 및 화면번호 추가
+3. **네비게이션 표준화**: Mobile 하단 네비게이션 3개 메뉴로 통일
+
+### 단기 개선 권장 (MEDIUM)
+
+4. **사이드바 완성**: Desktop 사이드바 사용자 정보 영역 추가
+5. **프로토타입 검증**: 회의록상세조회 화면 구현 완성도 확인
+
+### 장기 개선 고려 (LOW)
+
+6. **문서 버전 관리**: 설계서와 유저스토리 버전 동기화 프로세스 수립
+7. **자동화 검증**: 파일명/화면번호 일치 여부 자동 검증 스크립트 개발
+
+---
+
+## 📝 검토 결론
+
+**전체 평가**: 세 문서(유저스토리, UI/UX 설계서, 프로토타입) 간 일관성은 **양호**한 수준입니다. 대부분의 핵심 기능은 잘 정렬되어 있으며, 프로토타입 구현 완성도도 높습니다.
+
+**주요 개선점**:
+- 파일명과 화면번호 통일 (30분 소요)
+- 유저스토리 업데이트 (1시간 소요)
+- 네비게이션 표준화 (30분 소요)
+
+**예상 총 작업 시간**: 약 5~7시간 (Phase 1+2 기준)
+
+**추천 실행 순서**:
+1. Phase 1 긴급 조치 (2시간) → 즉시 실행
+2. Phase 2 품질 개선 (3시간) → 3일 이내
+3. Phase 3 문서화 (2시간) → 1주일 이내
+
+위 권고사항을 반영하면 **일관성 수준 5/5**, **완성도 5/5**를 달성할 수 있을 것으로 예상됩니다.
+
+---
+
+**다음 단계**: 개발팀 회의를 통해 Phase 1 긴급 조치 일정 확정 및 역할 분담
+
+**검토자**: 강지수 (Product Designer)
+**승인 필요**: 이미준 (Service Planner), 최유진 (Frontend Developer)

design/userstory.md

@@ -244,10 +244,14 @@ UFR-MEET-046: [회의록목록조회] 회의록 작성자로서 | 나는, 작성
 - 시나리오: 회의록 목록 조회 및 필터링
   대시보드에서 "회의록" 메뉴를 클릭하면 | 회의록 목록이 표시되고 | 다양한 필터와 검색으로 원하는 회의록을 찾을 수 있다.
 
+  [화면 정보]
+  - 화면번호: 12-회의록목록조회
+  - 프로토타입: design/uiux/prototype/12-회의록목록조회.html
+
   [회의록 목록 조회]
   - 회의록 상태별 필터링: 전체 / 작성중 / 확정완료
   - 정렬 옵션: 최신순 / 회의일시순 / 제목순
-  - 카테고리 필터: 전체 / 공유받은 회의 / 참석한 회의 / 생성한 회의
+  - 카테고리 필터: 전체 / 참석한 회의 / 생성한 회의
   - 검색 기능: 회의 제목, 참석자, 키워드로 검색
   - 통계 표시: 전체 개수, 작성중 개수, 확정완료 개수
   - 목록 표시 정보:
@@ -272,6 +276,10 @@ UFR-MEET-047: [회의록상세조회] 회의록 작성자로서 | 나는, 지난
 - 시나리오: 회의록 상세 정보 조회
   회의록 목록에서 특정 회의록을 클릭하면 | 해당 회의의 기본 정보와 섹션별 상세 내용이 표시되고 | 필요한 경우 수정, 공유 등의 작업을 수행할 수 있다.
 
+  [화면 정보]
+  - 화면번호: 10-회의록상세조회
+  - 프로토타입: design/uiux/prototype/10-회의록상세조회.html
+
   [회의 기본 정보 표시]
   - 회의 제목
   - 회의 일시 (날짜 및 시간, 소요 시간)