MeetMate
웹
B2B 다자간 화상회의 플랫폼의 웹 클라이언트. 2026년 레거시 RN+Electron 모노레포에서 분기한 신규 React 19 SPA(v4)를 프론트엔드 단독으로 재구축해, 한 달 만에 로그인부터 호스트 기능 7배치까지 완주했습니다. 실서비스에 투입한 뒤에는 실시간 동기화, 회의실 UX, 모바일·태블릿 대응을 다듬었습니다 (백엔드는 별도 팀원 담당).
- 01
MeetMate Web v4 — 레거시 RN 모노레포에서 분기한 신규 SPA
한 달 230 커밋, FSD 위반 475 → 0, v3 89k 라인 일괄 제거
- 02
50명 회의에서도 안 죽는 화상 그리드
디코딩 부하 50 → 25개, SFU 페이지 단위 수신 제어 + 화질 정책 단일 모듈
- 03
MeetMate Web v4 실시간 동기화 회귀 소탕 — 모바일 순단 복구 + 참석자 상태 정합성
동기화 회귀 22건 정정, 모바일 수신 타일 25 → 8, 화이트보드 undo 전체 삭제 → 단일 stroke
- 04
소그룹 영상·음성 가시성 단일 진실 소스 — 비대칭 회귀를 컴파일 단위로 차단
단일 predicate가 비디오/오디오 통합 — 비대칭 회귀 컴파일 단위 차단
- 05
MeetMate v4 폴리시 라운드 — god file 분할 + Web Vitals 실측 인프라 + 회귀 가드
god file 2,167 → 64 LOC, CLS 0.000, 폰트 woff2 -65.4%, Zustand hook 호출 -43%
- 06
가상 배경 + 음성 변조 미디어 파이프라인 v3 → v4 정식 포팅
가상 배경 7 모드 + 음성 6 preset v3 parity, 1.6MB WASM 번들 외부로
- 07
MeetMate Web v4 회의실 UX 재설계 — Google Meet 식 pre-join · 오버플로 메뉴 · 문서공유 PiP
pre-join 페이지 2 → 1, 문서공유 고정 스트립 122px → 0, 옵션 sub-panel 23종 idle prefetch
- 08
MeetMate Web v4 모바일·태블릿 반응형 정비 — 280px 보장 + 터치 타깃 공백 해소 + 로비 분해
보장 최소 폭 344 → 280px, 터치 타깃 적용 상한 694 → 822px, 로비 컨테이너 428 → 327 LOC