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

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.
๋ฐ˜์‘ํ˜•