WebRTC 화상 미팅 플랫폼 개발
- 자사 WebRTC SDK 유지 보수 진행
- Next.js 기반 풀스택 프로젝트 구성 및 유지보수
- NextAuth.js 사용해서 구글 로그인 연동
- Next.js 기반 백엔드 API 코드에 tRPC 적용
- 자사 API + server-sent events 를 사용하여 채팅 서비스 개발 (이모지 리액션, typing indicator 등 기능 구현)
- server-sent events 를 사용하여 Manually Approve 기능 구현
- 채팅 메세지 목록에 인피니트 스크롤 및 리스트 가상화 적용하여 렌더링 최적화
- 오픈소스 라이브러리를 사용하여 WebRTC 스트림에 배경 블러 기능 개발
- yarn → pnpm 마이그레이션, CodeBuild 캐시를 통해 배포 시간 단축
- CodePipeline + ECS 를 통한 Blue/Green 자동 배포
WebRTC 데모 앱 개발
- 자사 SDK 를 사용하여 기본적인 WebRTC Conference 앱 기능 구현
- AWS S3, Huawei Cloud OBS 에 수동으로 배포
트랜스코딩, 라이브 방송을 위한 비디오 솔루션 유저콘솔 유지보수
- 기존 react-admin 기반 프로젝트의 유지보수 진행
- 최대 1TB 의 대용량 비디오 파일을 S3 presigned URL 로 분할 업로드 기능 개발
- 백엔드와 연계해 server-sent events 를 적용하여 이벤트 수신 시 비디오 트랜스코딩 진행 상태, 라이브 방송 상태 등 업데이트 하는 로직 개발
- AWS S3 + CodePipeline 을 통한 SPA 자동 배포, Huawei Cloud OBS 에 수동으로 배포
뷰티 커뮤니티 서비스의 백오피스 개발
- React + react-admin 환경 및 컴포넌트 구성, 폴더 구조 설계
- 자사 솔루션의 트랜스코딩 기능을 활용해 비디오 트랜스코딩 API 연동
- 자사 솔루션의 라이브 스트리밍 기능 + Video.js 를 활용해 실시간 Live 방송 시청, VOD 시청 기능 개발
- 자사 채팅 솔루션 + STOMP.js 를 활용해 채팅창 구현
- GraphQL API 연동
- 백오피스와 웹 클라이언트로 구성된 모노레포를 구성하면서 공통 config 정리 (eslint, prettier, editor config, commitlint)
- 모노레포에 commitlint 도입 및 적용
- AWS S3 + CodePipeline 을 통한 SPA 자동 배포
더보기