Broadcast Channel API
동일 origin의 브라우저 context 간 통신을 하게 해주는 API이다.
탭, 윈도우, 프레임, iframe 그리고 Web worker 간에 통신이 가능하다는데 소켓 같기도 하고 신기하다.
코드를 보면 정말 방송 송출 - 구독 개념으로 만들어놨다.
탭끼리 같은 이벤트나 변수를 사용해야한다면 (같은 계정 간 자동로그아웃 등)
밑의 것들도 쓸 수 있다고 한다.
Sender
const channel = new BroadcastChannel("example-channel");
const messageControl = document.querySelector("#message");
const broadcastMessageButton = document.querySelector("#broadcast-message");
broadcastMessageButton.addEventListener("click", () => {
channel.postMessage(messageControl.value);
});
Reciever
const channel = new BroadcastChannel("example-channel");
channel.addEventListener("message", (event) => {
received.textContent = event.data;
});
ref.
'Language > JavaScript' 카테고리의 다른 글
[JS] 문자열 자르기 (0) | 2023.11.08 |
---|---|
자바스크립트 람다식(화살표 함수) (0) | 2023.04.19 |
Emoji 삭제 (1) | 2023.04.14 |
formData 키값 출력 (0) | 2023.04.12 |
for / for in / for of (2) | 2022.12.15 |