유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

알고 있으면 너무 좋은 프론트엔드 웹 기술 : Broadcast Channel API

GIS DEVELOPER

2025. 7. 1.

0

#frontend
  • 브로드캐스트 채널 API는 동일 출처 웹 페이지 간 통신을 지원 📡.
  • 별도 라이브러리 없이 표준 API로 즉시 사용 가능 ✨.
  • 실습 예제는 프론트엔드 기술만으로 메시지 전송 구현 ✉️.
  • 동일 채널 이름으로 브로드캐스트 채널 객체 생성하여 통신 🤝.
  • 메시지 전송 시 샌더, 텍스트, 타임스탬프 객체 형식 활용 ⏱️.
  • onmessage 이벤트로 다른 웹페이지에서 전송된 데이터 수신 👂.
  • 웹페이지 닫힐 때 beforeunload 이벤트에서 채널 객체 닫기 🚪.
  • 활용 예시: 탭 간 설정 공유, 자동 로그인 기능 구현 🔑.

Recommanded Videos