feat(mobile): Phase M-2 D3RO 디자인 시스템 모바일 적용

DS 컴포넌트 9개 (ScreenPanel, WaveBars, AppStatusBar, Header, FilterChip 신규),
5개 탭 + 로그인 화면 D3RO 인스트루먼트 미학 적용,
i18n 연결 (I18nProvider + 모바일 전용 키 80+개),
모노레포 workspaces에 apps/mobile 추가.
This commit is contained in:
yunchan8804 2026-04-13 17:32:31 +09:00
parent 541f04d02b
commit 55eb62189a
19 changed files with 10435 additions and 1073 deletions

View file

@ -1,8 +1,38 @@
# D3RO-VOICE 프로젝트 현황
> 마지막 갱신: 2026-04-13 (Admin 콘솔 리디자인 + 랜딩 SaaS 전환)
> 마지막 갱신: 2026-04-13 (Phase M-2 D3RO 디자인 시스템 모바일 적용)
> 규칙 13: 작업 완료 즉시 이 파일 갱신 의무
## Phase M-2: D3RO 디자인 시스템 모바일 적용 (2026-04-13) ✅
### DS 컴포넌트 (packages/ui-native)
- 기존 4개 + 신규 5개 = **총 9개**: MetalCard, PhosphorText, Led, PhysicalButton, ScreenPanel, WaveBars, AppStatusBar, Header, FilterChip
- 테마 토큰 SSOT: d3roNativePalette / d3roNativeTypo / d3roNativeRadius / d3roNativeFonts
- WaveBars: core Animated API 사용 (reanimated 의존성 제거)
### 탭 화면 D3RO 디자인 적용 (5개 + 로그인)
- dash.tsx: Session Overview (ScreenPanel), 2x2 Stats Grid, Backend/Tier Info, Usage Panel
- history.tsx: FilterChip (ALL/SAVED/PROC), 날짜 그룹핑, LED 상태, 단어수 배지
- record.tsx: WaveBars 애니메이션, 녹음 상태머신, 실시간 전사 UI
- talk.tsx: 채팅 버블 (AI/User), 날짜 배지, 입력 영역
- settings.tsx: 섹션별 카드 (Account, Backend, Preferences)
- login.tsx: LED 로고, OAuth 3종, 이메일/비번, D3RO 스타일
### i18n 연결
- I18nProvider를 root layout에 연결
- 모바일 전용 키 80+개 추가 (ko.json, en.json)
- 모든 UI 문자열 t() 함수 사용
### 인프라
- apps/mobile을 모노레포 workspaces에 추가
- saasMode 분기 제거 커밋 완료
### 알려진 이슈
- @types/react 버전 충돌 (desktop=19, mobile=18) → TS2786만 발생, Metro에 무영향
- react-native-screens bob build 실패 → --ignore-scripts로 해결, EAS Build에서는 정상
---
## Admin 콘솔 리디자인 + 랜딩 SaaS 전환 (2026-04-13) ✅
### Admin CRM 콘솔 스타일 리디자인