- 크로스 오리진 커뮤니케이션 API는 서버 도움 없이 다른 출처 웹페이지 간 데이터 교환 가능 🌐.
- 출처가 다르다는 것은 프로토콜, 도메인, 포트가 다른 URL을 의미 🔗.
- iframe이나 팝업 창으로 표시된 웹페이지 간 통신에 제한됨 🖼️.
- 별도 라이브러리 설치 없이 표준 API로 바로 사용 가능 ✨.
postMessage
메서드를 사용하여 메시지 객체와 대상 URL을 지정하여 통신 ✉️.- 수신 측에서는
message
이벤트를 통해 메시지를 받고, 출처를 확인해야 함 ✅. - 프론트엔드 기술만으로 출처가 다른 웹페이지 간 통신을 가능하게 하는 강력한 기능 💪.
- 다른 회사와 협업 시 유연한 협업 가능 🤝.