WebRTC & Google Congestion Control 개요 이번 글에는 WebRTC의 혼잡 제어 알고리즘과 WebRTC에서 널리 쓰이는 Google Congestion Control 알고리즘에 대해 다루어 보았습니다. 혼잡 제어 알고리즘? WebRTC는 네트워크에 트래픽이 많거나, 처리가 지연되는 경우를 대비하여 흐름을 제어하는...

이 글은 Modern Javascript: Everything you missed over the last 10 years 에서 영감을 받은 글입니다. 개요 얼마전 GeekNews에 최신 JavaScript: 지난 10년간 놓친 모든 것이라는 글이 올라왔습니다. 아니 이런것도 있었나?!하는 항목중에 (!) Array 관련 메서드를 간단한게 정리해보...

토스 개발자 컨퍼런스 중 Frontend Clean Code에 대한 세션입니다. 좋은 내용이 많아 링크를 남깁니다. 개요 클린 코드는 짧은 코드가 아니라 원하는 로직을 빠르게 찾을 수 있는 코드 라는 말에 큰 공감을 느낍니다. 세션 링크 https://toss.im/slash-21/sessions/3-3 영상 링크 https://www.yout...

웹 서버에서 response header를 통해 보안을 간단하게 설정해주는 helmet을 적용해보았습니다. 개요 node + express 환경에서 Content-Security-Policy 같은 보안 설정을 helmet을 통해 쉽게 제어가 가능합니다. 예제 코드 const express = require('express') const port ...

현재 다니고 있는 회사에서 1년이 지나 회고를 작성하였습니다. 들어가며 이미 3월 중순이 지난 시점에 1년 회고라고 한다면 의아하겠지만 큰 탈없이 무사히 1년을 다니게 되어 이렇게 회고를 남깁니다. 저는요 현재 용산에 위치한 VIRNECT라는 회사에서 웹 프론트엔드 개발자로서 일하고 있습니다. 입사 이후로 WebRTC, VR, AR기술을 활용한...

WebAPI의 MediaStreamTrack.applyConstraints()에 관한 글입니다. 개요 WebRTC의 영상 품질은 WebRTC에 내장된 엔진에서 결정됩니다. 이를 BWE(BandWidth-Estimation)라고 합니다. 그렇기에 영상 통화 도중에 품질을 임의로 제어하는것에는 제약이 따릅니다만 아예 방법이 없는것은 아닙니다. 이번 글...

MediaRecorder, mp4, WindowMediaPlayer에 관한 글입니다. 개요 MediaRecorder는 MediaStream을 녹화하는 Web API입니다. 최근 회사에서 이 API를 활용하여 레코딩 관련 기능을 개발하던중 흥미로운 이슈를 발견하여 정리합니다. 이슈 내용은 MediaRecorder로 녹화된 영상을 mp4로 저장하면 ...

WebRTC 시그널링 및 ICE 세션 수립 과정을 간단하게 정리하였습니다. 참고자료 Signaling_and_video_calling#Signaling_transaction_flow 시그널링 트랜잭션 flow Naomi (Caller) Web App RTCPeerConnection 생성 getUserMed...

MediaStream 웹 브라우저에서 영상, 음성을 다루게 해주는 기술인 MediaStream은 활용도가 매우 다양하다. 오늘은 이 MediaStream을 이용하여 stream to canvas to stream 을 해볼것이다. Why? 왜 이런걸 하냐고 물어본다면.. 꽤 오래전부터 이슈가 되었던 문제였는데 MediaStream을 MediaStr...

11월 회고 - learning journey 시원한 맥주 한캔과 함께 오랜만에 회고를 작성합니다. 11월 회고라고 썼지만 사실 올해 처음 회고를 쓰는것이라 지금까지 못했던 이야기들을 정리해보려고 합니다. 저에게는 정말 오랜만에 회고를 쓰는것이랍니다.(무려 8개월 만입니다) 지금까지 저는 서울에서 VIRNECT라는 회사에서 프론트 엔드 개발자로 ...