๊ทธ html ๋๋ฆฌ๊ณ ํฌ๋กฌ์์ ํผํฌ๋จผ์ค ํ์ธํด๋ดค๋๋ฐ ์ ๋ ๊ฒ ๋์ค๋๋ผ๊ณต.
window.onload์์ ํ ์คํธ์ค์ธ ๋ฉ์๋ testy(1)๋ฅผ ํธ์ถํ๋ฉด XHR Load(2) ๋ณด๋ค ๋น ๋ฅด๊ฒ ํธ์ถ์ด ๋จ.
XHR Load์์ coolprop.js.mem ์ด๋ผ๋ ํ์ผ์ ๋ถ๋ฌ์ค๋๋ฐ, ์ด๊ฒย memory dump ๊ฐ์ ๊ฑด๊ฐ๋ด.
3๋ฒ์ PropsSI ์ด ๋ฉ์๋๊ฐ ๋ฌผ์ฑ์น๋ฅผ ๊ณ์ฐํ๋ ์น๊ตฌ์ธ๋ฐ,ย coolprop.js.mem ์ดํ์ ์ ์ ๋๋ ๊ฑธ๋ก ๋ณด์.
coolprop.js ํ์ผ์๋ ์ ๋ฐ ๋ฉ์๋๊ฐ ์์๊ณ , XHR Load ํ๊ธฐ ์ด์ ์ testy ๋ฉ์๋ ์์์ ๋ธ๋ ์ดํน ํฌ์ธํธ ์ก์์ ํ์ธํด๋ด๋ ์ญ์ undefined.
testy ๋ฉ์๋์ ๋ก๋ ์์ ์ XHR Load๊ฐ ๋ง๋ฌด๋ฆฌ๋ ์ดํ๋ก ์ง์ ํ๊ณ ์ถ์๋ฐ -_-; ์ด๋ป๊ฒ ํด์ผ ๊ฐ๋ฅํ๊ฑด์ง ..
๋ก๋ฉ๋๋ ๋์ ๊ธฐ๋ค๋ฆฌ๋๊ฒ ์ด๋จ๊น์? ์ ๋ ๋ฐฉ๊ธ ์ ์ ๋ฐ์ดํฐ ๋ก๋ ๊ด๋ จ๋์ ์ข ํ ์คํธ ํ๊ณ ์์์๋๋น... ๋ฌผ๋ก ์๋ฐ์คํฌ๋ฆฝํธ ์ด๋ป๊ฒ ํ๋ ์ค ๋ชฐ๋ผ์ ๋๋ฆฌ๋ ๋ฒ์ ๋ชจ๋ฃธ!
์๊น๋ณด๊ณ ๋ต๊ธ ๋ฌ๋ ค๋ค ๋ชป๋ฌ์๋๋ฐ... ์น๋ฌธ์์์ ์คํฌ๋ฆฝํธ ์์๋ฅผ ์์ ํ๋๊ฑธ๋ก ์๋๋ ค๋?
๋ฐฉ๋ฒ์ ์ฐธ ์ฌ๋ฌ๊ฐ์ง ์ผ๊ฒ ๊ฐ์๋ฐ... requirejs ๋ฅผ ์ด๋ค๋์ง ํ๋๊ฑด ๋๋ฌด ๋์๊ฐ๊ณ ์ผ์ด ๋ง์๊ฒ ๊ฐ๊ณ
์ .. ๋ญ๊ฐ ์ด๊ฒ์ ๊ฒ ์์๊ฑฐ ๊ฐ๊ธดํ๋ฐ ใ ใ ใ html ์ค๋ฉ๋ ๋๋ชจ ์น์๋ํฐ ์ด ์ดํ๋ก ์ฒจ ๋ด์ ์ ์์ํ ใ ใ
๊ณ ๋ฏผ์ ์ซ ํด๋ดค๋๋ฐ ๊ผผ์๊ฐ ์๋๋ฉด require.js ๋ฅผ ์ฐ๋๊ฒ ๋ง์๊ฒ ๊ฐ๋ค
ํน์ ํ ์คํฌ๋ฆฝํธํ์ผ์ ๋ก๋ํ๊ณ ๋ก๋๊ฐ ์๋ฃ๋๋ฉด ํด๋น ํจ์๊ฐ ์คํ๋๊ฒ ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
require(/*๋ก๋ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ชฉ๋ก(A,B,C)*/, function (A, B, C) { ~~~ }) ์ด๋ฐ์์ธ๋ฐ ํ๋ฒ ์์๋ด
์ค์ก๋ค ์กฐ์ก๋ค ํ๋ ๊ฐ์ฌํฉ๋๋ค