- 프로토타입(03-회의예약.html): AI 안건 추천 버튼 및 관련 코드 제거
- CSS: .ai-suggest-btn 스타일 제거
- HTML: AI 안건 추천 버튼 제거
- JavaScript: suggestAgenda() 함수 및 이벤트 리스너 제거
- UI/UX 설계서(uiux.md): AI 안건 추천 버튼 항목 제거
- 테스트 결과서(TEST_RESULTS.md): AI 안건 추천 테스트 케이스 제거
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
주요 변경사항:
- 전체 화면 레이아웃 개선 (좌우 여백 제거, 반응형 비율 조정)
- 모바일 플로팅 버튼 + 바텀시트 패턴 구현
- 참고자료 영역 접근성 개선 (웹/모바일 분기)
- 관련회의록 상세 모달 추가
UI 개선:
- Live Speech 영역 제거
- 상단 여백 최소화 (모바일 0px, 데스크톱 8px)
- AI 재생성 버튼 추가 (secondary 스타일)
- 편집 버튼 스타일 통일 (primary, 아이콘 제거)
- 플로팅 버튼 이미지 적용 (review.png + 배지 카운터)
모바일 기능:
- 플로팅 버튼 (우하단, 70px 간격)
- 바텀시트 (참고자료, 80vh 높이)
- 드래그 핸들 및 제스처 지원
- 관련회의록 핵심 내용 모달
반응형 처리:
- 웹 (1024px+): 62-65% 회의록 / 35-38% 참고자료
- 모바일 (1024px-): 100% 회의록 + 플로팅 버튼
- 아이패드 최적화 (바텀시트 높이 및 위치 조정)
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- @ux: UI/UX 디자이너 역할 약어 추가
- @designer: UI/UX 디자이너 역할 대체 약어 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
강지수/지수 합류
- 프로덕트 디자인 12년 경력 (삼성전자, 네이버, 토스)
- 협업 도구 및 생산성 앱 UI/UX 전문
- 디자인 시스템 구축 및 접근성 전문가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 관련회의록 추가 모달 버튼 스타일 통일 (btn-sm 적용)
- 잠금해제요청 버튼 개선 (모바일 레이아웃 깨짐 수정)
- 텍스트 간소화: "(잠금 해제 필요)" → "(잠금됨)"
- 텍스트 버튼 → padlock 이미지 + 텍스트 버튼으로 변경
- 모바일에서 한 줄 표시 최적화 (flex 레이아웃)
- padlock 이미지 파일 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
전체 5개 마이크로서비스의 내부 처리 흐름을 상세히 설계
[추가된 파일]
- Meeting Service: 6개 시나리오 (검증완료, 실시간수정동기화, 최종회의록확정, 충돌해결, 템플릿선택, 회의록목록조회)
- STT Service: 2개 시나리오 (음성녹음인식, 텍스트변환)
- User Service: 2개 시나리오 (사용자인증, 대시보드조회)
- Notification Service: 1개 시나리오 (알림발송)
[주요 설계 내용]
- Clean Architecture 적용 (Controller → Service → Domain → Repository)
- Cache-Aside 패턴 (Redis 기반 성능 최적화)
- Event-Driven Architecture (Azure Event Hub)
- Real-time Collaboration (WebSocket + OT 알고리즘)
- RAG 기능 (맥락 기반 AI)
[검증 결과]
- PlantUML 문법 검증: 모든 파일 통과 ✅
- 유저스토리 매칭: 100% 일치 ✅
- 아키텍처 패턴 준수: 완료 ✅
[병렬 처리]
- 서브 에이전트 3개로 병렬 작업 수행
- Meeting Service, AI Service, STT/User/Notification 동시 설계
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 회의개요 모달에 편집/저장 기능 구현
- 입력 필드 스타일 추가 (edit-field, edit-label)
- 편집 모드 토글 기능 구현
- 섹션 데이터 관리 및 저장 기능
- 사용자 피드백 토스트 메시지 추가
- 다른 섹션은 회의록수정 화면 안내
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- API 경로 통일: /meetings → /minutes 리소스 기반 설계
- HTTP 메서드 표준화: 부분 수정 시 PUT → PATCH 변경
- 캐시 키 명명 규칙 통일: minutes:detail:, dashboard:, todo: 등
- 이벤트명 용어 통일: Transcript* → Minutes* 도메인 용어 적용
- DB 테이블명 정확성 개선: TranscriptVersion → MinutesVersion
수정 파일:
- 회의종료및최종확정.puml
- 회의록공유.puml
- Todo완료및회의록반영.puml
- 회의록상세조회및수정.puml
일관성 점수: 78/100 → 95/100
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 모든 버튼에 'btn' 클래스 추가하여 common.css 표준 적용
- 카드 내 버튼: btn-secondary, btn-primary
- 모달 버튼: btn-ghost, btn-primary
- 동적 생성 버튼 포함
- 헤더 구조를 03-회의예약.html과 동일하게 변경
- page-header → header 클래스 사용
- header-left 구조로 통일
- back-btn 클래스 적용
- 건너뛰기 버튼을 btn-primary로 변경 (임시저장 버튼과 통일)
- 뒤로가기 버튼에 history.back() 기능 적용
- 메인 콘텐츠 영역 구조 통일 (main-content)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 10-회의록상세조회.html: 회의록 상세 조회 화면 개선
- 11-회의록수정.html: 회의록 수정 화면 개선
- common.css: 공통 스타일 개선
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- AI Service 이벤트 구독 제거
- MeetingCreated, MeetingEnded 구독 제거
- TranscriptReady만 구독하도록 단순화
- Notification Service 이벤트 구독 변경
- 기존 모든 이벤트 제거 (MeetingCreated, MeetingEnded, TranscriptCreated, TodoCreated, TodoCompleted, TranscriptShared)
- NotificationRequest 이벤트만 구독하도록 통합
- Meeting Service 이벤트 발행 단순화
- 발행 이벤트: MeetingEnded, NotificationRequest만 유지
- NotificationRequest에 발송수단, 대상자, 메시지 정보 포함
- 이벤트 발행/구독 매트릭스 업데이트
- 8개 이벤트 → 4개 이벤트로 단순화
- 주요 사용자 플로우 업데이트 (회의 예약, 종료, Todo 관리, 회의록 공유)
- Mermaid 다이어그램 이벤트 구독 매핑 수정
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- AI 서비스의 회의록 자동작성 내부 시퀀스 다이어그램 수정
- 프롬프트 생성, AI 요청, 응답 처리 로직 개선
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- .env.example 파일 삭제
- stt-ai/tests/stt_test.py 파일 삭제
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 총 21개 PlantUML 파일 생성 (Meeting 10개, AI 6개, STT 2개, Notification 3개)
- 서브 에이전트를 활용한 병렬 설계로 효율성 극대화
- 모든 시나리오는 유저스토리 및 외부 시퀀스와 1:1 매칭
- Controller → Service → Repository 계층 구조 명확히 표현
- Redis Cache, Azure Event Hubs 등 인프라 컴포넌트 표시
- 동기(→)/비동기(-->) 구분 명확
- 외부 참여자 <<E>> 표시 적용
- PlantUML 문법 검사 및 오류 수정 완료 (13개 파일 수정)
- par/and 블록 문법 오류 수정
- return 형식 적용으로 참여자 없는 화살표 오류 해결
설계 특징:
- 캐시 전략: Cache-Aside 패턴, TTL 관리, 즉시 무효화
- 비동기 처리: Azure Event Hubs 기반 이벤트 구독
- 실시간 협업: WebSocket 기반 동기화, 변경 델타 전송
- 데이터 일관성: 버전 관리, 양방향 연결, 트랜잭션 처리
추가 파일:
- claude/sequence-inner-design.md: 내부시퀀스설계 가이드
- tools/check-plantuml.ps1: PlantUML 문법 검사 스크립트
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 샘플 이미지 디렉토리를 .gitignore에 추가
- 참조용 샘플 이미지 파일들이 버전 관리에 포함되지 않도록 설정
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 테스트 스크린샷 및 참조 이미지 디렉토리를 .gitignore에 추가
- 임시 검증 이미지 파일들이 버전 관리에 포함되지 않도록 설정
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 버튼 가로 전체 너비로 채우기 (flex: 1 유지)
- 버튼 간격 50% 축소 (gap: calc(var(--space-md) * 0.5))
- 버튼 내부 여백 축소로 텍스트 줄바꿈 방지 (padding: var(--space-sm) var(--space-xs))
- 텍스트 줄바꿈 방지 속성 추가 (white-space: nowrap)
- 웹/모바일 모두 하단 고정 유지 (position: fixed)
개선 화면: 03-회의예약, 06-검증완료, 07-회의종료, 10-회의록상세조회, 11-회의록수정
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 날짜/시간 입력 필드 레이아웃 수정
- 반응형 디자인 개선
- UI 일관성 향상
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 문제: 캘린더 열릴 때 달력 아이콘이 사라지고 테두리가 명확하지 않음
- 해결: 커스텀 달력 아이콘과 브라우저별 최적화
주요 개선사항:
- 📅 달력 아이콘을 별도 레이어로 분리하여 캘린더 열려도 계속 표시
- CSS ::after 가상 요소로 z-index 제어
- 크롬/엣지 브라우저용 그림자 효과 추가
- 포커스 시 하단 primary 색상 테두리 강조
수정 파일:
- common.css: 전역 날짜 입력 스타일 개선
- 03-회의예약.html: date-input-wrapper 적용
- 07-회의종료.html: date-input-wrapper 적용
- 09-Todo관리.html: date-input-wrapper 적용
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 웹 화면에서 컨텐츠 중앙 정렬 (max-width: 800px)
- 공유 이력 섹션 하단 불필요한 여백 제거
- 다른 화면들과 일관된 반응형 레이아웃 적용
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 회의시작및실시간회의록작성.puml 병합 완료
- .gitignore 업데이트
- stt-ai 디렉토리 추가
- requirements.txt, .env.example 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 메시지 텍스트의 JSON 데이터를 note 블록으로 분리
- MeetingStarted 이벤트: JSON을 note로 이동
- TranscriptReady 이벤트: JSON을 note로 이동
- TranscriptSummaryCreated 이벤트: JSON을 note로 이동
- WebSocket 메시지: JSON을 note로 이동
- 201 Created 응답: JSON을 note로 이동
PlantUML 렌더링 오류 해결
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 7개 주요 비즈니스 플로우 설계 완료
1. 회의예약및참석자초대 (2.5KB)
2. 회의시작및실시간회의록작성 (4.9KB)
3. 회의종료및최종확정 (4.6KB)
4. 회의록공유 (2.1KB)
5. Todo완료및회의록반영 (1.9KB)
6. 대시보드조회 (1.6KB)
7. 회의록상세조회및수정 (4.4KB)
- 설계 특징
- 병렬 처리 전략: 서브 에이전트 활용 동시 작성
- 5개 서비스 통합 아키텍처 (User, Meeting, STT, AI, Notification)
- Azure Event Hubs를 통한 Pub/Sub 이벤트 기반 통신
- Redis Cache-Aside 패턴을 통한 성능 최적화
- AI 병렬 처리 (회의록 정리 + 전문용어 설명 + 관련 자료 검색)
- WebSocket 실시간 동기화 (델타 전송)
- 작성원칙 준수
- 유저스토리와 1:1 매칭
- 논리 아키텍처에 정의된 참여자 표시
- UI/UX 사용자 플로우 참조
- 동기/비동기 통신 명확히 구분 (실선/점선)
- 한글 설명 추가
- PlantUML 표준 (!theme mono, 올바른 화살표 문법)
- PlantUML 문법 검증 완료 (수동)
- @startuml, !theme mono 사용
- 금지된 ..> 화살표 미사용
- 동기 (→), 비동기 (->>), 캐시 (-.->) 구분
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 메시지 브로커를 Azure Event Hubs로 변경
- Consumer Group을 통한 Pub/Sub 패턴 적용
- Partition 기반 부하 분산 및 순서 보장
- Event Hub 구성 정의 (meeting-events, transcript-events, todo-events)
- Throughput Units 자동 확장 설정 (2-10)
- Message Retention 1-7일 설정
- AMQP over TLS 암호화 적용
- ADR-002 업데이트 (Azure Event Hubs 선택 이유)
- Mermaid 다이어그램 업데이트
장점:
- 완전 관리형 서비스로 운영 부담 제거
- 초당 수백만 이벤트 고성능 스트리밍
- Azure Speech, Azure AI와 완벽한 생태계 통합
- Kafka 프로토콜 호환성
- 자동 확장 및 고가용성
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 기존 외부 시퀀스 설계 파일 삭제
- 유저스토리 수정
- 샘플 외부 시퀀스 파일 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 가파팀 프로토타입 파일 삭제
- 가파팀 유저스토리 삭제
- 실시간 회의록 작성 플로우 설계서 추가 (Mermaid, Markdown)
- 백업 및 데이터 디렉토리 추가
- AI 데이터 샘플 생성 도구 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
주요 변경사항:
- Meeting, Collaboration, Todo 서비스를 Meeting Service로 통합
- User Service 동기 참조 완전 제거 (프론트엔드에서 사용자 정보 전송)
- 서비스 간 동기 통신 제거로 성능 향상 (~100ms 지연 제거)
- 이벤트 발행/구독 매핑 단순화
통합된 Meeting Service 기능:
- 회의 및 회의록 관리
- Todo 관리 및 진행 상황 추적
- 실시간 협업 (WebSocket)
- 버전 관리 및 충돌 해결
- 회의/Todo 통계
성능 개선:
- User Service 동기 호출 제거: ~100ms 지연 제거
- Todo 처리: 서비스 간 통신 → 내부 메서드 호출 (10배 빠름)
- Collaboration: REST API 제거 → 내부 처리
변경된 파일:
- design/backend/logical/logical-architecture.mmd
- design/backend/logical/logical-architecture.md (ADR-007 추가)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 외부 시퀀스 설계 가이드 다운로드 (claude/sequence-outer-design.md)
- 외부 시퀀스 설계 디렉토리 생성 (design/backend/sequence/)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 8개 마이크로서비스 정의 (User, Meeting, STT, AI, RAG, Collaboration, Todo, Notification)
- 6개 클라우드 디자인 패턴 적용 (API Gateway, Queue-Based Load Leveling, Cache-Aside, Pub-Sub, Async Request-Reply, Health Monitoring)
- 논리 아키텍처 다이어그램 작성 (Mermaid)
- 서비스와 MQ 중심으로 간소화
- 외부 시스템 통합 표현
- Mermaid 문법 검증 완료
- 논리 아키텍처 설계서 작성 (58페이지)
- 서비스별 책임 및 아키텍처 상세 정의
- 서비스 간 통신 전략 (동기/비동기/캐시/Async Request-Reply)
- 주요 사용자 플로우 5가지
- 데이터 흐름 및 캐싱 전략
- 확장성 및 성능 고려사항
- 보안 고려사항
- 유저스토리 매핑 (24/24, 100% 커버리지)
- 다음 단계 및 구현 로드맵
- 아키텍처 결정 기록 (ADR)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 중복 미디어 쿼리에서 max-width: 900px 제거
- margin: auto 제거하여 컨텐츠가 가용 공간 전체 활용
- 참조 이미지(여백 조정요청.png)와 같이 자연스러운 레이아웃 구현
- 오른쪽 과도한 여백 완전 제거
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- max-width 제거하여 가용 공간을 최대한 활용
- 참조 이미지(여백 조정요청.png)처럼 컨텐츠가 화면을 가득 채우도록 개선
- 좌우 과도한 여백 제거하여 자연스러운 레이아웃 구현
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 가로폭이 넓을 때 과도한 좌우 여백 문제 해결
- 데스크톱(768px~): max-width 1400px 적용
- 큰 화면(1440px~): max-width 1600px으로 확장
- 화면 크기 변화에 따라 자연스럽게 컨텐츠 영역 조정
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 데스크톱 화면에서 메인 콘텐츠가 사이드바 영역과 겹치는 문제 수정
- 메인 콘텐츠에 margin-left: 240px 추가하여 사이드바 영역 확보
- 가로 폭을 줄여도 본문이 사이드바에 가려지지 않도록 개선
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 10-회의록상세조회: 메뉴바 제거 및 레이아웃 수정
- 사이드바 HTML 완전 제거
- 헤더/탭/메인 컨텐츠에서 사이드바 위치 조정 제거 (left: 240px, margin-left: 240px)
- 중앙 정렬 레이아웃으로 변경 (margin-left/right: auto)
- 이전 화면 이동 버튼 유지 확인
- 03-회의예약: 메뉴바 제거 및 레이아웃 수정
- 사이드바 HTML 완전 제거
- 헤더/메인 컨텐츠에서 사이드바 위치 조정 제거
- 중앙 정렬 레이아웃으로 변경
- 이전 화면 이동 버튼 유지 및 반응형에서도 표시되도록 수정
- 04-템플릿선택: 메뉴바 제거 및 레이아웃 수정
- 사이드바 HTML 완전 제거 (이전 커밋)
- 헤더/페이지 컨텐츠에서 사이드바 위치 조정 제거
- 중앙 정렬 레이아웃으로 변경
- 이전 화면 이동 버튼 유지
UIUX 설계서(design/uiux/uiux.md) 메뉴바유무 항목에 따라 정확히 반영
- 메뉴바 X 화면: 사이드바/하단바 없음, 중앙 정렬 레이아웃
- 이전화면 이동버튼 O 화면: 백 버튼 유지
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
