카카오워크 음성채팅 웹 개발기

시작하며 안녕하세요. 카카오엔터프라이즈 워크Web개발파트에서 프론트엔드 개발을 하고 있는 Dale(조한별)입니다. 이번 포스팅에서는 지난 8월 카카오워크 신규 기능으로 탑재된 음성채팅을 구현하면서 얻은 프론트엔드 개발 경험을 소개해볼까 합니다. 카카오워크 PC 버전(Mac, Windows)에 구현되어 있는 음성채팅은 JavaScript로 구현된 Webview(이하 웹뷰)로 개발되었습니다. 아무래도 웹뷰로 구현하게 되면 빠른 구현과 간편한 배포를 통해 유지보수가 편하지만, 웹뷰라는 틀 안에서 음성 기술을 다루다 보니 각 플랫폼 별로 제약사항이 꽤 존재했던 만큼 고려해야되는 한계점들도 분명히 존재했습니다. 이 포스팅이 WebRTC 기술을 활용하여 웹뷰로 비슷한 서비스를 개발하시는 분들에게 소소한 팁이 될 수..

Troubleshooting TURN 사용기

시작하며 안녕하세요. 저는 카카오엔터프라이즈 WebRTC CPaaS인 커넥트라이브의 서버 개발/인프라를 담당하고 있는 hans(한현섭)이라고 합니다. WebRTC에 관한 일을 하게 되면서, 기존에는 몰랐던 생소한 기술들을 많이 경험하게 됩니다. 그중에서도 개념적으로는 참 간단한 것 같은데, 보면 볼수록 모르는 것 투성이인 기술이 하나 있으니, 바로 TURN(Traversal Using Relays around NAT)이 되겠습니다. TURN을 간단하게 설명하자면 A에서 B로 직접 통신을 하지 못할 때, A와 B가 모두 접근할 수 있는 위치에 중계기 C를 두고 A가 C에 보낸 통신을 B로, B가 C로 보낸 통신은 A로 전달하는 기술입니다. 동료들과 점심식사를 하는 데 제 손(A)이 닿지 않는 식탁 끝에 있..

WebRTC 응용 서비스를 개발하는 2가지 방법

시작하며 코로나로 인해 마음 놓고 서로를 대면할 수 없는 시대로 살아온 지 벌써 2년이 되어갑니다. 우리 안에 공포가 자리 잡았고 그렇게 금방이라도 와르르 무너질 것 같았던 인간 사회는 이제는 그럭저럭 적응해가고 있는 듯합니다. 다행스럽게도 21세기를 살아가는 인간에게는 직접 만나지 않고도 문제를 해결할 수 있는 여러 도구를 갖고 있었기 때문입니다. 그중 하나가 바로 오늘 이야기할 WebRTC 기술인데요. 오늘 포스팅에서는 WebRTC에 대해 자세히 알아보고, WebRTC 응용 서비스를 개발할 수 있는 2가지 방법에 대해 살펴보겠습니다. WebRTC란? WebRTC는 서버를 최대한 거치지 않고 P2P(Peer-to-Peer Network)로 브라우저나 단말 간에 데이터를 주고받는 기술의 웹 표준입니다. ..

화상회의 보안성 향상을 위한 E2EE 기술 연구

시작하며 안녕하세요. 저는 WebRTC셀에서 서버개발을 담당하고 있는 hans(한현섭)입니다. 여러분들은 코로나 시대에 잘 적응하고 계신가요? 작년에 이어 올해까지 계속되고 있는 코로나 시대를 맞이하여 뉴노멀(New Normal)이 노멀(Normal)한 시대가 되면서, 업무 환경은 “대면”에서 “비대면”이 대세가 되었습니다. 특히 재택근무와 화상회의 등의 비대면 업무 진행에 대한 요구가 폭발적으로 증가했는데요. 화상회의 사용자 수는 2020년 1분기부터 급속도로 증가하기 시작했고, 수요는 지속적인 상승 곡선을 그리고 있습니다. 더욱이 사용성이나 보안 등의 이유로 화상회의 도입을 미뤄왔던 회사나 단체들도 최근 시대적 흐름에 따라 화상회의를 적극적으로 도입하려는 움직임이 포착되고 있습니다. 하지만 이렇게 갑..