23년 1주차

이번주에 공부한 중점

1. SOCKET.IO

2. peer.js

3. typeScript

 

적용해본 라이브러리

1. react-dnd

2. frame-motion

3. react-sound

 

node 인프라 구축에 시간이 일주일 이상 소모되면서 시간이 남아 미흡한 공부를 진행하면서 목 데이터를 통한 기능 구현을 각각 진행했다. 이번주에는 webRTC와 SOCKET의 트래픽 이슈들이 많이 생겼다.

 

1. 화상채팅을 할 때에 피어가 늘어날 수록 스트리밍 화면이 깨지고 화면에 보이는 내가 실시간에서 0.5~1초의 갭이 생기는 문제가 생겼다. 이건 webRTC 공식문서에도 나오는 내용이기는 한데 best practice는 SFU 서버를 통한 스트리밍이지만 지금 가용한 리소스에서는 불가능하기때문에 어느정도 안고가야 될 것 같다. 

=> 처음에는 webRTC로 채팅을 하기 위한 datachannel과 화상채팅을 동시에 활용하면서 부하가 심했지만 채팅을 SOCKET.IO를 통해 서버에 부하를 분담하면서 그래도 조금은 트래픽을 줄이려 노력했다.

 

2. webRTC 테스트에 있어서 서버가 구현되지 않아 어려움이 있었다. 다음주에는 서버가 구현되어서 지금 생각하는 한개의 socket 인스턴스를 통한 화상채팅과 채팅이 구현되는 것을 확인해보고 싶다.

 

3. 플젝 이외에 제너릭 타입과 유니온 타입에 대한 공부를 했는데 아직은 잘 자바스크립트에서 타입스크립트로 넘어가야 하는 필요성이 많이 와닿지 않아서인지 이해하고 활용하는 것이 주입식이 된 것 같아서 시간이 남을 때에 이런 부분들을 채워서 공부해야겠다.