ChatFlow
쿠버네티스 기반 실시간 커뮤니케이션 플랫폼
Role: 프로젝트 팀장 (FE 2 / BE 2)
Overview
Kubernetes 기반 마이크로서비스 환경에서 구축한 실시간 커뮤니케이션 플랫폼(디스코드 클론)입니다. WebRTC를 활용한 화면 공유·음성·화상 통화, WebSocket(SockJS + STOMP) 기반 실시간 채팅, SWR + Redux를 조합한 네트워크 성능 최적화, PWA 크로스 플랫폼 대응, 카나리 무중단 배포까지 풀스택 커뮤니케이션 시스템을 설계·구현했습니다.
Tech Stack
Key Highlights
WebRTC 기반 화면 공유·음성·화상 통화 구현
다중 사용자 네트워크 최적화
WebSocket(SockJS + STOMP) + SWR 캐싱 전략으로 채팅 네트워크 성능 최적화
Redux + SWR 조합으로 유저 상태 실시간 동기화
PWA 적용
크로스 플랫폼 대응 및 성능 개선
Webpack 코드 스플리팅 및 번들 최적화
Kubernetes 카나리 무중단 배포 적용
채팅 · WebRTC · 네트워크 최적화
React + SWR + Redux를 활용한 유저 정보 상태 관리
WebSocket 이벤트 기반 유저 상태 실시간 업데이트
SWR 캐싱 전략으로 API 호출 최소화 및 불필요한 리렌더링 방지
Redux 글로벌 상태 관리로 빠른 접근 & 데이터 복구
실시간 소통 구현
WebRTC 활용 실시간 커뮤니케이션
화면 공유, 음성·화상 통화
다중 사용자 간 네트워크 최적화로 원활한 미디어 스트리밍
채팅 시스템
WebSocket & SWR 조합으로 네트워크 성능 최적화
서버 부하 최소화 캐싱 전략
최신 메시지 & 유저 상태 동기화 유지
PWA 적용으로 크로스 플랫폼 대응 및 성능 개선
Webpack 코드 스플리팅 및 불필요한 번들 제거
배포 & 인프라
Kubernetes 환경 배포
마이크로서비스 아키텍처 적용
카나리 무중단 배포
트래픽 점진적 전환으로 배포 안정성 유지
Screenshots
이미지 추가 예정
이미지 추가 예정