- svh
- Mapped type
- HTTP
- websocket
- queryfactory
- Viewport
- useTransition
- fsd-architecture
- MSW
- mutationoptions
- webrtc #ice #stun #turn
- msw2.0
- Typescript
- react-hook
- SDP
- type-challenges-easy
- type-challenges
- Vite
- webrtc
- dvh
- tanstack-router
- vh
- mock-service-worker
- queryoptions
- LVH
- fsd
- React
- startTransition
- tanstack-query
- readonly
- Today
- Total
목록WebRTC (4)
개발자 메론빵
HTTP브라우저와 서버가 http를 통해 통신할 때 통신 과정은 다음과 같다browser에서 server에 httpRequest(요청)을 보낸다.요청을 받은 server는 brower에 요청에 해당하는 httpResponse(응답)을 보낸다.통신이 종료된다.http 통신의 경우 server는 browser의 요청을 받아야만 응답할 수 있고 server가 주체적으로 browser에 데이터를 보낼 수 없다.server의 응답 후에는 http 통신이 종료되기 때문에 실시간으로 데이터를 업데이트해주기 위해서는 일정 시간 간격으로 계속해서 요청을 보내야 한다.WebSocketWebSocket(WS)은 http 방식과는 다르게 Connection Open-Close 여부에 따라 통신한다.browser와 server..
📌SDP(Session Description Protocol)WebRTC에서 SDP는 비디오 통화나 스트리밍과 같은 멀티미디어 교환을 위한 규칙이라고 볼 수 있다. 이 프로토콜은 비디오 해상도, 오디오 유무, 어떤 형식과 코덱을 쓸 것인지 등을 지정하는 초기 설정을 담당한다. SDP의 역할규칙설정어떤 종류의 비디오나 오디오를 주고 받을지, 어떤 기술적 세부사항을 사용할지 정하는 역할을 한다.Offer/Answer 모델한 Peer가 멀티미디어 스트림 교환을 제안하고 다른 Peer가 이에 대해 응답하는 방식이다. 연결 과정1. 제안과 응답한 peer가 멀티미디어 교환을 제안하고, 상대방이 응답한다.2. 최적 경로 설정앞선 과정을 통해 각자 수집한 ICE Candidate(연결 가능한 다양한 네트워크 경로)..
📌WebRTC (Web Real Time Communication)WebRTC는 웹 상에서 일어나는 실시간 커뮤니케이션 기술로 중개 서버가 없어 빠른 속도로 브라우저 간에 직접 오디오나 비디오를 스트림하거나 데이터 교환을 할 수 있도록 한다.📌P2P (Peer to Peer)WebRTC는 두 Peer 간 커뮤니케이션을 하는 P2P 방식이다. 두 peer가 직접 통신을 하려면 각 브라우저가 서로의 주소를 공유해야 하며 방화벽을 우회할 수 있어야 한다. 이를 위해 중재자가 필요한데, 이 중재자는 'STUN 서버'나 'TURN 서버' 같은 것을 말한다.📌NAT(Network Address Translation)네트워크 주소 변환 기술로 사설 IP 주소를 공인 IP주소로 매핑하는 역할을 한다. 이 과정을 ..
📌ICE (Interactive Connectivity Establishment)💡 2개의 Peer끼리 P2P 연결 가능하게 하도록 최적의 경로를 찾아주는 프레임워크Interactive Connectivity Establishment(ICE) 프로토콜을 사용하여, 두 피어 간의 최적의 연결 경로를 찾기 위한 프로세스를 관리하는 프레임워크이다. ICE 프로세스는 STUN 서버를 사용하여 공용 IP 주소를 찾아내고, 필요한 경우 TURN 서버를 사용하여 데이터를 중계한다. 즉, ICE 서버 설정은 STUN과 TURN 서버 설정을 모두 포함할 수 있다.STUN(Session Traversal Utilities for NAT)컴퓨터가 자신의 공용 IP 주소와 포트 번호를 알아낼 수 있도록 도와주는 서버로 이..