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

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

데브허브 커뮤니티

알고 있으면 너무 좋은 프론트엔드 웹 기술 : Cross Origin Communication API

GIS DEVELOPER

2025. 7. 7.

0

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

Recommanded Videos