22년 12월 마지막 주

1. websocket부터 SOCKET.IO, webRTC

2. API layer, 인터섹션 옵저버

3. nginx

 

request와 response가 있는 http 통신 프로토콜에서 실시간 통신을 위해 connect와 disconnect를 통해 연결되는 socket 통신을 공부하고 이를 통해 채팅을 구현해봤다. SOCKET.IO라는 websocket을 좀 더 쉽게 접근할 수 있는 방법에 대해서 공부하고 이를 통한 채팅을 구현해봄으로써 실시간으로 진행되어야 하는 방식에서 socket이라는 달콤함을 느낄 수 있었다.

webRTC를 구현하는 것 자체는 아래의 레퍼런스를 통해 줌 클론코딩을 진행하며 어렵지 않았지만 이를 통한 실시간 스트리밍을 구현하는 것은 어려움이 있었다.

 

줌 클론코딩 – 노마드 코더 Nomad Coders

socket통신은 예전 고객상담 기능을 맡았을 때 구현했던터라 어렵지 않았지만 webRTC를 통한 실시간 스트리밍을 구현하는 것은 signaling server와 연결하는 것부터 개념 자체가 나에게는 너무 어려웠고 결국 다 마치지 못한 상태로 한주가 끝나 아쉬웠다. 

 

이 외에도 이번주에는 서버와 앱이 각각 http와 https일 때 nginx를 통해 cors문제를 해결하는 방법, nginx를 통해 서버와 연결되었을 때 파일 전송간 nginx에서 용량제한을 풀어주는 것, IP를 확인하는 방법 등에 대해 알게 되었고 참 의미있는 시간이었다라고 생각이 된다.

 

react에서는 인터섹션 옵저버를 활용하여 무한 스크롤을 구현해봤고 API layer를 구성하여 axios 통신을 해봤다. 지난주와 마찬가지로 한주간 3만자 이상의 코딩을 하면서 정말 많이 배우는 시간이 되었고 힘들었지만 그 시간동안 나는 한층 더 성장할 수 있었다라고 생각이 된다.