๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

addEventListener1

[Javascript] postMessage, addEventListener(, attachEvent) postMessage, addEventListener(, attachEvent)๋ฅผ ์ด์šฉํ•œ iframe ๋ถ€๋ชจ์™€ ์ž์‹๊ฐ„์˜ ๋ฉ”์‹œ์ง€ ํ†ต์‹  ๋ฐฉ๋ฒ• - iframe ๋ฉ”์‹œ์ง€ ํ†ต์‹  ์ˆœ์„œ 1. ์–‘์ชฝ ๋ถ€๋ชจ, ์ž์‹ ์œˆ๋„์šฐ์— addEventListener๋ฅผ ์ด์šฉํ•ด message ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ๋“ฑ๋ก [๋ถ€๋ชจ → ์ž์‹] 2. ๋ถ€๋ชจ ์œˆ๋„์šฐ์—์„œ ์ž์‹ ์œˆ๋„์šฐ iframe์— window.postMessage ์ด์šฉํ•ด ๋ฉ”์‹œ์ง€ ์ „๋‹ฌ 3. ๋ถ€๋ชจ ์œˆ๋„์šฐ๋กœ๋ถ€ํ„ฐ ๋ฉ”์‹œ์ง€๋ฅผ ์ˆ˜์‹ ๋ฐ›๊ณ  ๋“ฑ๋ก๋œ ์ž์‹ ์œˆ๋„์šฐ์˜ addEventListener์˜ message ์ด๋ฒคํŠธ ๋ฐœ์ƒ์‹œํ‚ค๊ณ  ํ•จ์ˆ˜ ํ˜ธ์ถœ [์ž์‹ → ๋ถ€๋ชจ] 4. ์ž์‹ ์œˆ๋„์šฐ iframe์—์„œ ๋ถ€๋ชจ ์œˆ๋„์šฐ์— window.parent.postMessage ์ด์šฉํ•ด ๋ฉ”์‹œ์ง€ ์ „๋‹ฌ 5. ์ž์‹ ์œˆ๋„์šฐ๋กœ๋ถ€ํ„ฐ ๋ฉ”์‹œ์ง€๋ฅผ ์ˆ˜์‹ ๋ฐ›๊ณ  ๋“ฑ๋ก๋œ.. 2021. 12. 28.
๋ฐ˜์‘ํ˜•