Real-Time Streaming Systems (WebRTC + Live Data) · 강의

ICE 후보와 연결성

ICE 후보가 네트워크 주소를 나타내는 방식과 ICE가 피어 간 연결에 가장 적합한 경로를 찾는 데 어떤 역할을 하는지 살펴봅니다.

레슨 3/410개 단계

ICE 후보와 연결성은(는) CoddyKit의 무료 Real-Time Streaming Systems (WebRTC + Live Data) 강의입니다. 이것은 4개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Real-Time Streaming Systems (WebRTC + Live Data) 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Real-Time Streaming Systems (WebRTC + Live Data) 강의에는 총 4개의 강의가 포함되어 있습니다.

이 강의의 일부는 아직 번역되지 않았으며 영어로 표시됩니다.

ICE: The Connectivity Finder

ICE stands for Interactive Connectivity Establishment. It's a crucial framework in WebRTC that helps establish direct connections between peers, even when they are behind tricky networks like NATs or firewalls.

Think of ICE as a smart detective. It finds all possible routes for two people to talk directly and then picks the best one.

Overcoming Network Barriers

Many devices connect to the internet through routers that use NAT (Network Address Translation) or have firewalls. These act like security guards, often blocking direct incoming connections.

  • NAT: Hides private network IPs behind a single public IP.
  • Firewalls: Block unauthorized access.

Without ICE, establishing a direct peer-to-peer connection in such environments would be nearly impossible.

What Are ICE Candidates?

An ICE Candidate is essentially a potential network address and port where a peer can be reached. Each peer collects multiple candidates representing different ways it can communicate.

These candidates are like different phone numbers or addresses you might have: your home number, your work number, a friend's number where you can be reached, etc. ICE tries them all.

Types of ICE Candidates

There are three main types of ICE candidates:

  • Host Candidates: These are the peer's actual local IP addresses. They work best for direct connections within the same local network.
  • Server Reflexive Candidates: Obtained from a STUN server. This is your public IP address and port as seen by an external server, helping peers behind NATs find each other.
  • Relayed Candidates: Obtained from a TURN server. If direct connection isn't possible, a TURN server relays all traffic. This is the last resort.

Gathering Candidates: The Process

When a WebRTC connection is initiated, each peer's browser (the WebRTC agent) starts collecting ICE candidates. It actively queries the local network, STUN servers, and potentially TURN servers to find all possible communication paths.

This collection process happens continuously in the background as the RTCPeerConnection is being set up.

Code: Listening for Candidates

In JavaScript, you listen for icecandidate events on your RTCPeerConnection object to get these candidates. Each event provides a new candidate to share with the remote peer via your signaling server.

const pc = new RTCPeerConnection();

pc.onicecandidate = (event) => {
  if (event.candidate) {
    console.log("New ICE candidate found:");
    console.log(event.candidate.candidate);
    // Send this candidate to the remote peer via signaling server
  } else {
    console.log("ICE candidate gathering complete.");
  }
};

console.log("Listening for ICE candidates...");
// Note: This snippet requires a full browser WebRTC context to run
// and produce actual candidates. It's for demonstration.

Exchanging Candidates: Signaling

Once candidates are gathered, they must be exchanged between the two peers. This happens through your signaling server, the same server used to exchange SDP offers and answers.

  • Each peer sends its collected candidates to the signaling server.
  • The signaling server forwards these candidates to the other peer.

This process is often called "trickle ICE" because candidates are sent as they are found, rather than waiting for all of them.

The Connectivity Check

After exchanging candidates, ICE begins its connectivity checks. Both peers try to establish connections using every possible pair of local and remote candidates. This involves sending small "STUN binding requests" to test reachability.

ICE then prioritizes and selects the most efficient and reliable path. It prefers direct host connections, then STUN-relayed public IPs, and finally TURN-relayed connections.

Quick Check: ICE Candidate Types

Which type of ICE candidate is obtained with the help of a STUN server to reveal a peer's public IP address?

Recap: ICE in Action

In this lesson, you learned about ICE Candidates and how they enable WebRTC to establish peer-to-peer connections across diverse networks.

  • ICE candidates are potential network addresses.
  • They come in types: Host, Server Reflexive (STUN), and Relayed (TURN).
  • Peers gather and exchange these candidates via a signaling server.
  • ICE then performs connectivity checks to find the best possible path for direct communication.

ICE is the unsung hero ensuring your real-time calls find a way through the internet's complexities!

무료로 시작

AI 튜터와 함께 Real-Time Streaming Systems (WebRTC + Live Data)을(를) 배우세요 — 무료

브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.

코스
12
레슨
48

자주 묻는 질문

“ICE 후보와 연결성” 강의는 무료인가요?

네 — “ICE 후보와 연결성” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Real-Time Streaming Systems (WebRTC + Live Data) 강의 전체를 잠금 해제할 수 있습니다. Real-Time Streaming Systems (WebRTC + Live Data) 강의에는 총 4개의 강의가 포함되어 있습니다.

“ICE 후보와 연결성”에서 뭘 배우나요?

ICE 후보가 네트워크 주소를 나타내는 방식과 ICE가 피어 간 연결에 가장 적합한 경로를 찾는 데 어떤 역할을 하는지 살펴봅니다. 브라우저에서 직접 실행하는 실습 코드로 Real-Time Streaming Systems (WebRTC + Live Data)을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

Real-Time Streaming Systems (WebRTC + Live Data)을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 Real-Time Streaming Systems (WebRTC + Live Data)은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 3번째 강의입니다.

“ICE 후보와 연결성” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Real-Time Streaming Systems (WebRTC + Live Data) 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Real-Time Streaming Systems (WebRTC + Live Data) 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. 시그널링 서버의 역할
  2. SDP: 세션 설명 프로토콜
  3. ICE 후보와 연결성
  4. 재협상과 연결 상태
← Real-Time Streaming Systems (WebRTC + Live Data)(으)로 돌아가기