Javascript2

• 

  WebRTC SFU/N:M 채팅(for Beginner) : Logic 정리 뜨거운 감자 Metavarse 코로나 이후 메타버스가 뜨거운 감자로 떠오르며, webrtc와 websocket 기술에 대한 수요가 눈의 띄게 증가한 것 같습니다. 이번에 사내에서도 음성채팅에 대한 수요가 있었고, WebRTC 원리를 이해하기 위해 mediasoup, kurento, jitsi 가 아닌 express만을 사용하여 SFU 서버를 구축을 스터디한 내용을 정리한 글입니다. N:M 채팅을 하기 위한 방법으로는 MESH - MCU - SFU가 있으며, 사진은 참고하면 어떻게 데이터 통신이 이루어지는지 한 눈에 확인할 수 있습니다. SFU 서버 개발 서버 사양 및 사용할 npm https express, cors, socket.io, wrtc wrtc는 express 서버단에서 peerconnecti.. Javascript/WebRTC 2022. 11. 22.

• 

  [javascript 기초] 함수를 완벽하게 이해하기 만약 코딩을 첫 입문을 하게 된다면, 보통은 변수와, 문자열, 문자열 타입과 같은 챕터는 쉽게 이해할 수 있다. 하지만 함수편에 들어와서는 함수라는 것에 대해 명확하게 이해하고 넘어가지 못하는 경우가 많은 것 같다. 함수의 형태는 input과 output이 존재함에도 불구하고, 함수는 주로 어떠한 element에 이벤트를 바인딩할 때 사용했기 때문일 수 있다라는 생각을 했다 element.addEventListener('evnet',function(){ //이벤트 실행~~ }) 특히 나의 경우는 그랬다. 그렇게 함수에 대한 명확한 이해가 없이 사용하다가 어느 순간 '유레카!'하면서 함수에 대해 이해한 것에 대해 기록을 남기고자 한다. 정말 초보자도 쉽게 이해할 수 있었으면 좋겠다. 먼저 매개변수(para.. Javascript/Vanilla JS 2022. 11. 19.