๋ฐ์ํ JavaScript2 [Javascript] XMLHttpRequest ํต์ // XMLHttpRequest ๊ฐ์ฒด ์์ฑ var xmlHttpRequest = new XMLHttpRequest() XMLHttpRequest Ajax์ ๊ฐ์ด ๋น๋๊ธฐ์ ์ผ๋ก ์๋ฒ์ ๋ธ๋ผ์ฐ์ ๊ฐ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๋ฐฉ์์์ ์ฌ์ฉํ๋ API ์ ์ฒด ํ์ด์ง์ ์๋ก๊ณ ์นจ ์์ด๋ URL๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ฌ ์ ์์ต๋๋ค // onreadystatechange ์ด๋ฒคํธ ํธ๋ค๋ฌ ์์ฑ xmlHttpRequest.onreadystatechange = function(){ // ์๋ฒ์์ ๋ฌธ์๊ฐ ์กด์ฌํ๊ณ ์์ฒญํ ๋ฐ์ดํฐ ์๋ฒ ์ฒ๋ฆฌ๊ฐ ์๋ฃ๋์ด ์๋ตํ ์ค๋น ์๋ฃ if(xmlHttpRequest.readyState == 4){ if(xmlHttpRequest.status == 200){ callbackFunction(0, xmlHttpRe.. 2021. 12. 30. [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. ์ด์ 1 ๋ค์ ๋ฐ์ํ