<chan9yu />
홈포스트시리즈태그About


@chan9yu's dev blog

프론트엔드 개발의 아이디어와 경험을 기록하는 개발 블로그
코드와 디자인, 사용자 경험을 아우르는 인사이트를 담습니다.

RSSGitHubEmail
© 2026 chan9yu. All rights reserved.

포스트

개발하면서 배운 것들을 기록합니다

태그

전체항해 플러스 프론트엔드 6기 (10)항해99 (10)WIL (9)WebRTC (5)실시간통신 (4)P2P (3)회고 (2)SDP (2)ICE (2)2025 (1)성장 (1)번아웃 (1)Claude Code (1)Agent Teams (1)AI (1)뉴스봇 (1)멀티에이전트 (1)자동화 (1)Opus 4.6 (1)9oormthon-13th (1)hackathon (1)frontend (1)nextjs (1)tailwindcss (1)IoT (1)QoS (1)Broker (1)MQTT (1)Network (1)Protocol (1)React (1)Virtual DOM (1)Reconciliation (1)Fiber (1)JSX (1)SDK (1)설계 (1)아키텍처 (1)인터페이스 (1)STUN (1)TURN (1)MediaStream (1)MediaStreamTrack (1)RTCPeerConnection (1)RTCDataChannel (1)SCTP (1)코덱 (1)VP8 (1)VP9 (1)H.264 (1)Opus (1)미디어 (1)영상통화 (1)AV1 (1)AV2 (1)
미디어 코덱 뜯어보기 (VP8부터 차세대 AV2까지)

미디어 코덱 뜯어보기 (VP8부터 차세대 AV2까지)

2026년 1월 18일

WebRTC에서 사용되는 비디오 코덱(VP8, VP9, H.264)과 오디오 코덱(Opus, G.711)을 실무 관점에서 비교하고, 크롬 내부 페이지로 실제 코덱을 확인하는 방법까지 다룹니다. AV1, AV2 등 차세대 코덱도 함께 살펴봅니다.

WebRTC코덱VP8+7
1분1분
[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법

[WebRTC 박살내기 #4] 데이터 채널 구조와 활용법

2025년 10월 24일

WebRTC 박살내기 마지막 시리즈 입니다. WebRTC의 RTCDataChannel을 이해하고, 채팅·파일 전송·게임 동기화까지 실시간 데이터 전송의 모든 것을 알아봅니다.

WebRTCRTCDataChannelP2P+2
1분1분
[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름

[WebRTC 박살내기 #3] PeerConnection API와 이벤트 흐름

2025년 10월 20일

WebRTC 박살내기 세번째 시리즈 입니다. WebRTC의 핵심 RTCPeerConnection을 완벽하게 이해하고, 연결 생성부터 이벤트 처리, 품질 관리, 연결 복구까지 실전 예제와 함께 알아봅니다.

WebRTCRTCPeerConnectionP2P+3
1분1분
[WebRTC 박살내기 #2] 미디어 스트림과 트랙 완벽 이해

[WebRTC 박살내기 #2] 미디어 스트림과 트랙 완벽 이해

2025년 10월 13일

WebRTC 박살내기 두번째 시리즈 입니다. WebRTC의 MediaStream과 MediaStreamTrack을 깊이 이해하고, getUserMedia부터 트랙 제어, 품질 관리까지 실전 예제와 함께 알아봅니다.

WebRTCMediaStreamMediaStreamTrack+1
1분1분
[WebRTC 박살내기 #1] WebRTC 개념과 연결 구조 완전 정리

[WebRTC 박살내기 #1] WebRTC 개념과 연결 구조 완전 정리

2025년 10월 11일

WebRTC 박살내기 첫번째 시리즈 입니다. WebRTC 기본 개념부터 시그널링, Offer/Answer(SDP), Trickle ICE, STUN/TURN, NAT, 그리고 Mesh·SFU·MCU 아키텍처까지 한 번에 정리합니다.

WebRTC실시간통신P2P+4
1분1분