JavaScript - postMessage 완벽 정리
postMessage란?window.postMessage()는 서로 다른 origin을 가진 window 객체 사이에서 안전하게 메시지를 주고받을 수 있는 Web API입니다. 브라우저의 동일 출처 정책(Same-Origin Policy)은 iframe, 팝업, 다른 탭의 JavaScript가 서로 직접 접근하는 것을 막습니다. postMessage는 이
postMessage란?window.postMessage()는 서로 다른 origin을 가진 window 객체 사이에서 안전하게 메시지를 주고받을 수 있는 Web API입니다. 브라우저의 동일 출처 정책(Same-Origin Policy)은 iframe, 팝업, 다른 탭의 JavaScript가 서로 직접 접근하는 것을 막습니다. postMessage는 이
iframe 이란?<iframe> (Inline Frame) 은 현재 HTML 문서 안에 다른 HTML 문서를 삽입할 수 있는 HTML 요소입니다. 즉, 하나의 웹 페이지 안에 독립된 브라우징 컨텍스트(browsing context) 를 가진 또 다른 웹 페이지를 내포시킬 수 있습니다. <iframe src="https://exam
링크 종류 개요모바일 환경에서는 단순한 URL 이상의 링크 체계가 필요합니다.앱 설치 여부, 플랫폼(iOS/Android), 특정 화면 진입 등을 고려한 다양한 링크 방식이 존재합니다. 종류 설명 대상 웹링크 (Web Link) 일반 HTTP/HTTPS URL 브라우저 딥링크 (Deep Link) 앱 특정 화면으로 직접 이동
브릿지(Bridge)란?웹앱에서 브릿지는 서로 다른 실행 컨텍스트 간의 통신을 추상화한 레이어입니다. postMessage나 네이티브 API는 저수준(low-level)이라 메시지 타입 관리, 요청-응답 매핑, 에러 처리를 직접 구현해야 합니다.브릿지 패턴을 적용하면 이를 추상화하여 RPC(Remote Procedure Call)처럼 쉽게 사용할 수 있습니