출처가 다른 윈도우 간에는 데이터를 어떻게 통신할까?
window 통신document.domainCORSSame originCross origin브라우저 보안
AI 요약
Beta본 글은 브라우저에서 출처가 다른 윈도우(창) 간의 데이터 통신 방법에 대해 다룹니다. domain` setter 지원 중단 결정으로 인해, 부모 창과 팝업 창 간의 통신 방식에 대한 문의가 증가했습니다.
일반적으로 브라우저는 보안을 위해 출처(protocol, port, host)가 다른 창 간의 직접적인 접근을 제한합니다. opener` 객체를 통한 접근이 제한될 수 있습니다.
글에서는 동일 출처(Same Origin)와 교차 출처(Cross Origin)의 개념을 명확히 설명하고, 출처가 다른 윈도우 간 통신 시 발생할 수 있는 보안 이슈와 그 대안을 모색합니다. href`를 사용하는 예시를 통해 문제 해결 방안을 제시하며, 브라우저 보안 정책 변화에 따른 기술적 대응의 중요성을 강조합니다.
수 있는 보안 이슈와 그 대안을 모색합니다. 특히 `window.opener.location.reload()`와 같은 직접적인 조작이 불가능할 때 `window.opener.top.location.href`를 사용하는 예시를 통해 문제 해결 방안을 제시하며, 브라우저 보안 정책 변화에 따른 기술적 대응의 중요성을 강조합니다.
이 글이 궁금하신가요?
원문 블로그에서 전체 내용을 확인해 보세요
원문 읽으러 가기

