postmessage 사용법

iframe 사용 시 cross-domain 문제가 생기는 것에 관련하여 이를 해결할 수 있는 방법을 적어봅니다. [참고] https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage 스크립트는 일반적으로 자신이 포함된 문서와 출처가 동일한 문서나 창의 프로퍼티만 읽을 수 있습니다. 이를 '동일 근원 정책'에 의해 제한된다라고들 하는데 '프로토콜, 도메인, 포트 중 어느 하나라도 다른 경우엔 다른 윈도우와 통신할 수 없다' 라고 정리하면 됩니다. 이를 해결할 수 있는 방식이 postMessage 입니다. 이를 통해 안전하게 origin 이 다른 윈도우와 통신을 할 수 있습니다. 아래와 같은 방식으로 메세지를 주고 받을 수 있습니다. [수신부]$..

2019.07.19