From 3b004dc70b1ef67bf30738d913bfa6b9ef33de59 Mon Sep 17 00:00:00 2001 From: Minseo-Jo Date: Wed, 22 Oct 2025 09:15:00 +0900 Subject: [PATCH] =?UTF-8?q?UI/UX=20=ED=94=84=EB=A1=9C=ED=86=A0=ED=83=80?= =?UTF-8?q?=EC=9E=85=20=EC=A0=95=EB=A6=AC=20=EB=B0=8F=20=EC=B6=94=EA=B0=80?= =?UTF-8?q?=20=ED=99=94=EB=A9=B4=20=EA=B0=9C=EB=B0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 기존 프로토타입 파일 업데이트 (01-09번 화면) - 회의록 관련 추가 화면 개발 - 10-회의록상세조회.html - 11-회의록수정.html - 12-회의록목록조회.html - 백업 디렉토리 정리 (prototype_bk, prototype_yabo, uiux_bk) - 스타일 가이드 통합 및 백업 파일 정리 - common.css, common.js 개선 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- design/uiux/prototype/01-로그인.html | 597 +++-- design/uiux/prototype/02-대시보드.html | 1279 +++++----- design/uiux/prototype/03-회의예약.html | 1426 +++++------ design/uiux/prototype/04-템플릿선택.html | 615 ++--- .../05-회의진행 - 복사본.html | 0 design/uiux/prototype/05-회의진행.html | 2108 +++++++++-------- design/uiux/prototype/06-검증완료.html | 711 +++--- design/uiux/prototype/07-회의종료.html | 859 +++---- design/uiux/prototype/08-회의록공유.html | 907 +++---- design/uiux/prototype/09-Todo관리.html | 1149 ++++----- .../10-회의록상세조회.html | 0 .../11-회의록수정.html | 0 .../12-회의록목록조회.html | 0 design/uiux/prototype/TEST_RESULTS.md | 454 +++- design/uiux/prototype/common.css | 1260 +++++----- design/uiux/prototype/common.js | 987 ++++---- design/uiux/prototype_bk/01-로그인.html | 352 --- design/uiux/prototype_bk/02-대시보드.html | 691 ------ design/uiux/prototype_bk/03-회의예약.html | 133 -- design/uiux/prototype_bk/04-템플릿선택.html | 235 -- design/uiux/prototype_bk/05-회의진행.html | 647 ----- design/uiux/prototype_bk/06-검증완료.html | 183 -- design/uiux/prototype_bk/07-회의종료.html | 112 - design/uiux/prototype_bk/08-회의록공유.html | 316 --- design/uiux/prototype_bk/09-Todo관리.html | 469 ---- design/uiux/prototype_bk/10-회의록확정.html | 303 --- design/uiux/prototype_bk/11-회의록수정.html | 845 ------- design/uiux/prototype_bk/12-회의록목록.html | 765 ------ .../uiux/prototype_bk/13-회의록상세조회.html | 1016 -------- design/uiux/prototype_bk/TEST_RESULTS.md | 208 -- design/uiux/prototype_bk/common.css | 785 ------ design/uiux/prototype_bk/common.js | 556 ----- design/uiux/prototype_yabo/01-로그인.html | 314 --- design/uiux/prototype_yabo/02-대시보드.html | 749 ------ design/uiux/prototype_yabo/03-회의예약.html | 716 ------ design/uiux/prototype_yabo/04-템플릿선택.html | 384 --- design/uiux/prototype_yabo/05-회의진행.html | 1139 --------- design/uiux/prototype_yabo/06-검증완료.html | 417 ---- design/uiux/prototype_yabo/07-회의종료.html | 431 ---- design/uiux/prototype_yabo/08-회의록공유.html | 451 ---- design/uiux/prototype_yabo/09-Todo관리.html | 573 ----- design/uiux/prototype_yabo/TEST_RESULTS.md | 362 --- design/uiux/prototype_yabo/common.css | 808 ------- design/uiux/prototype_yabo/common.js | 513 ---- design/uiux/style-guide.md | 1995 ++++++++-------- design/uiux/style-guide_bk.md | 547 ----- design/uiux/style-guide_yabo.md | 1189 ---------- design/uiux_bk/prototype/01-로그인.html | 541 ----- design/uiux_bk/prototype/02-대시보드.html | 709 ------ design/uiux_bk/prototype/03-회의예약.html | 612 ----- design/uiux_bk/prototype/04-템플릿선택.html | 1006 -------- design/uiux_bk/prototype/05-회의진행.html | 537 ----- design/uiux_bk/prototype/06-검증완료.html | 517 ---- design/uiux_bk/prototype/07-회의종료.html | 472 ---- design/uiux_bk/prototype/08-회의록공유.html | 423 ---- design/uiux_bk/prototype/09-Todo관리.html | 459 ---- design/uiux_bk/prototype/TEST_RESULTS.md | 374 --- design/uiux_bk/prototype/common.css | 1293 ---------- design/uiux_bk/prototype/common.js | 1100 --------- design/uiux_bk/style-guide.md | 1524 ------------ design/uiux_bk/uiux.md | 1558 ------------ 61 files changed, 6957 insertions(+), 34724 deletions(-) rename design/uiux/{prototype_yabo => prototype}/05-회의진행 - 복사본.html (100%) rename design/uiux/{prototype_yabo => prototype}/10-회의록상세조회.html (100%) rename design/uiux/{prototype_yabo => prototype}/11-회의록수정.html (100%) rename design/uiux/{prototype_yabo => prototype}/12-회의록목록조회.html (100%) delete mode 100644 design/uiux/prototype_bk/01-로그인.html delete mode 100644 design/uiux/prototype_bk/02-대시보드.html delete mode 100644 design/uiux/prototype_bk/03-회의예약.html delete mode 100644 design/uiux/prototype_bk/04-템플릿선택.html delete mode 100644 design/uiux/prototype_bk/05-회의진행.html delete mode 100644 design/uiux/prototype_bk/06-검증완료.html delete mode 100644 design/uiux/prototype_bk/07-회의종료.html delete mode 100644 design/uiux/prototype_bk/08-회의록공유.html delete mode 100644 design/uiux/prototype_bk/09-Todo관리.html delete mode 100644 design/uiux/prototype_bk/10-회의록확정.html delete mode 100644 design/uiux/prototype_bk/11-회의록수정.html delete mode 100644 design/uiux/prototype_bk/12-회의록목록.html delete mode 100644 design/uiux/prototype_bk/13-회의록상세조회.html delete mode 100644 design/uiux/prototype_bk/TEST_RESULTS.md delete mode 100644 design/uiux/prototype_bk/common.css delete mode 100644 design/uiux/prototype_bk/common.js delete mode 100644 design/uiux/prototype_yabo/01-로그인.html delete mode 100644 design/uiux/prototype_yabo/02-대시보드.html delete mode 100644 design/uiux/prototype_yabo/03-회의예약.html delete mode 100644 design/uiux/prototype_yabo/04-템플릿선택.html delete mode 100644 design/uiux/prototype_yabo/05-회의진행.html delete mode 100644 design/uiux/prototype_yabo/06-검증완료.html delete mode 100644 design/uiux/prototype_yabo/07-회의종료.html delete mode 100644 design/uiux/prototype_yabo/08-회의록공유.html delete mode 100644 design/uiux/prototype_yabo/09-Todo관리.html delete mode 100644 design/uiux/prototype_yabo/TEST_RESULTS.md delete mode 100644 design/uiux/prototype_yabo/common.css delete mode 100644 design/uiux/prototype_yabo/common.js delete mode 100644 design/uiux/style-guide_bk.md delete mode 100644 design/uiux/style-guide_yabo.md delete mode 100644 design/uiux_bk/prototype/01-로그인.html delete mode 100644 design/uiux_bk/prototype/02-대시보드.html delete mode 100644 design/uiux_bk/prototype/03-회의예약.html delete mode 100644 design/uiux_bk/prototype/04-템플릿선택.html delete mode 100644 design/uiux_bk/prototype/05-회의진행.html delete mode 100644 design/uiux_bk/prototype/06-검증완료.html delete mode 100644 design/uiux_bk/prototype/07-회의종료.html delete mode 100644 design/uiux_bk/prototype/08-회의록공유.html delete mode 100644 design/uiux_bk/prototype/09-Todo관리.html delete mode 100644 design/uiux_bk/prototype/TEST_RESULTS.md delete mode 100644 design/uiux_bk/prototype/common.css delete mode 100644 design/uiux_bk/prototype/common.js delete mode 100644 design/uiux_bk/style-guide.md delete mode 100644 design/uiux_bk/uiux.md diff --git a/design/uiux/prototype/01-로그인.html b/design/uiux/prototype/01-로그인.html index 021240b..3609dc1 100644 --- a/design/uiux/prototype/01-로그인.html +++ b/design/uiux/prototype/01-로그인.html @@ -1,361 +1,314 @@ - - - 로그인 - 회의록 서비스 - - + .logo-icon { + width: 100px; + height: 100px; + font-size: 50px; + } + } + + - - + - setInterval(() => { - if (isRecording && !isPaused) { - // 현재 speaking 상태 제거 - participants.forEach(p => p.classList.remove('speaking')); - // 랜덤하게 speaking 상태 추가 - const randomParticipant = participants[Math.floor(Math.random() * participants.length)]; - randomParticipant.classList.add('speaking'); - } - }, 8000); // 8초마다 화자 변경 - } - - // Todo 자동 추출 시뮬레이션 - function startTodoExtractionSimulation() { - const todoTemplates = [ - { text: '프로토타입 완성 및 리뷰 요청', assignee: '최유진', priority: 'medium' }, - { text: 'API 성능 테스트 및 최적화', assignee: '이준호', priority: 'high' }, - { text: '사용자 피드백 수집 및 분석', assignee: '박서연', priority: 'low' } - ]; - - let todoIndex = 0; - setInterval(() => { - if (isRecording && !isPaused && todoIndex < todoTemplates.length) { - addTodoItem(todoTemplates[todoIndex]); - todoIndex++; - } - }, 25000); // 25초마다 새로운 Todo 추가 - } - - // Todo 항목 추가 - function addTodoItem(data) { - const todoContent = document.getElementById('todoContent'); - const todoItem = document.createElement('div'); - todoItem.className = 'todo-item new'; - - const dueDate = new Date(); - dueDate.setDate(dueDate.getDate() + Math.floor(Math.random() * 7) + 1); - const formattedDate = `${dueDate.getMonth() + 1}/${String(dueDate.getDate()).padStart(2, '0')}`; - - todoItem.innerHTML = ` - -
-
${data.text}
-
- ${data.assignee} - 마감: ${formattedDate} - ${data.priority === 'high' ? '높음' : data.priority === 'medium' ? '보통' : '낮음'} -
-
- `; - - todoContent.appendChild(todoItem); - - // 배지 업데이트 - const todoCount = todoContent.children.length; - document.querySelector('.todo-section .badge').textContent = `${todoCount}개`; - - // 새로운 Todo 알림 - setTimeout(() => { - todoItem.classList.remove('new'); - }, 3000); - } - - // 자동 스크롤 - function autoScrollTranscription() { - const transcriptionContent = document.getElementById('transcriptionContent'); - - // MutationObserver로 새로운 내용 감지 - const observer = new MutationObserver(() => { - transcriptionContent.scrollTop = transcriptionContent.scrollHeight; - }); - - observer.observe(transcriptionContent, { childList: true }); - } - - // 데이터 수집 함수들 - function getTranscriptionData() { - const items = document.querySelectorAll('.transcription-item'); - return Array.from(items).map(item => ({ - speaker: item.querySelector('.speaker-name').textContent, - text: item.querySelector('.transcription-text').textContent, - timestamp: item.querySelector('.timestamp').textContent, - confidence: item.querySelector('.confidence-indicator').textContent - })); - } - - function getTodoData() { - const items = document.querySelectorAll('.todo-item'); - return Array.from(items).map(item => ({ - text: item.querySelector('.todo-text').textContent, - assignee: item.querySelector('.todo-assignee').textContent, - meta: item.querySelector('.todo-meta').textContent, - completed: item.querySelector('.todo-checkbox').checked - })); - } - - function getParticipantData() { - const items = document.querySelectorAll('.participant-item'); - return Array.from(items).map(item => ({ - name: item.querySelector('.participant-name').textContent, - role: item.querySelector('.participant-role').textContent, - stats: item.querySelector('.participation-stats').textContent - })); - } - - // 페이지 종료 시 경고 - window.addEventListener('beforeunload', (e) => { - if (isRecording) { - e.preventDefault(); - e.returnValue = '회의가 진행 중입니다. 페이지를 나가시겠습니까?'; - } - }); - - - \ No newline at end of file + \ No newline at end of file diff --git a/design/uiux/prototype/06-검증완료.html b/design/uiux/prototype/06-검증완료.html index 8301cae..589ccf4 100644 --- a/design/uiux/prototype/06-검증완료.html +++ b/design/uiux/prototype/06-검증완료.html @@ -6,457 +6,412 @@ 검증 완료 - 회의록 서비스 -
- -
-
✓
-

회의록 검증 완료!

-

AI가 회의록을 분석하여 품질을 검증했습니다

-
+
+ +
+
+ +

검증 완료

+
+
+
- -
-
-
-

2025년 1분기 제품 기획 회의

-

검증 완료 • 2025-10-21 15:42

+ +
+ +
+
+

전체 진행률

+ 50% +
+
+
+
+

4개 섹션 중 2개 검증 완료

+
+ + +
+
+

2025년 1분기 제품 기획 회의

+
+
+
+
+ 📅 2025-10-25 14:00 + ⏱️ 90분 +
+
👥 김민준, 박서연, 이준호, 최유진
+
-
-
-
47
-
확인된 액션 아이템
+ +
+

섹션별 검증 상태

+ + +
+
✓
+
+

회의 개요

+
+
+
김
+
박
+
+ 2명 검증 완료 +
+
+
-
-
12
-
참석자 발언
+ + +
+
✓
+
+

+ 논의 사항 + 🔒 +

+
+
+
김
+
박
+
이
+
+ 3명 검증 완료 · 잠금됨 +
+
+
-
-
8
-
의사결정 사항
+ + +
+
○
+
+

결정 사항

+
+
+
박
+
+ 1명 검증 완료 +
+
+
-
-
3
-
전문용어 정의
+ + +
+
○
+
+

액션 아이템

+
+ 아직 검증되지 않음 +
+
+
+ + +
+ + +
- -
-
- - - - -
92점
-
-
AI 품질 점수
-
+ + +
- -
-
- 💡 -

AI 개선 제안

+ +