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