WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 성능 병목을 JavaScript 픽셀 순회에서 찾고 WebGL로 전환했습니다. GPU 병렬 처리와 하이브리드 구조로 CPU 사용률을 크게 낮췄습니다.
#WebGL#GPU#Canvas 2D
600
WebGL 활용한 화상회의 배경 블러 처리 개선
모든 블로그
대표 인기 포스트Grafana Mimir에 Kafka를 도입하기 전 미리 알았다면213 조회213 조회 프론트엔드 프론트엔드
프론트엔드 프론트엔드
프론트엔드
채널톡
주요 카테고리 AI · 백엔드
활동 요약
- 최근 30일
- 12개
- 평균 조회
- 32
- 누적 조회
- 4,647
- 전체 글
- 147개
- 마지막 발행
- 2026. 11. 13.
채널톡 기술 블로그 글 (23)
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 느린 성능을 WebGL과 GPU 병렬 처리로 개선했습니다. CPU 병목을 줄여 저사양 기기에서도 부드럽게 동작하도록 만들었습니다.
#WebGL#GPU#Canvas 2D
2100
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 배치를 최적화하기 위해 트리 기반 알고리즘을 설계하고 구현했습니다. 화면 공유와 일반 참여자를 분리해 다양한 화면 비율에 맞게 효율적으로 배치했습니다.
#TypeScript#알고리즘#재귀
600
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자와 화면 공유를 최적으로 배치하는 프론트엔드 레이아웃 알고리즘을 설계하고 구현한 사례였습니다. 트리 구조와 재귀적 시뮬레이션으로 다양한 화면 비율과 제약을 처리했습니다.
#algorithm#TypeScript#React
2000
채널톡 iOS 채팅 입력기의 작은 비밀
iOS 채팅 입력기에서 다국어 입력과 서식 적용을 함께 다루는 방법을 공유했습니다. 한글과 일본어의 입력 방식 차이와 Marked Text 처리 전략을 설명했습니다.
#iOS#Swift#UI/UX
1900