jquery-ui 1.12.0์์๋ ๋ชจ๋ ๊ด๋ จ ํ์ผ์ด ๋ฃจํธ ๋๋ ํ ๋ฆฌ๊ฐ ์๋ ui ๋๋ ํ ๋ฆฌ๋ก ์ด๋๋ฉ๋๋ค. ๋ฐ๋ผ์ gridstack.js์ ๋ค์ ์ฝ๋๋ ๋ ์ด์ ์ฌ์ฉ๋์ง ์์ต๋๋ค.
if (์ ํ ์ ์ === 'ํจ์' && ์ ์.amd) {
define(['jquery', 'lodash', 'jquery-ui/data', 'jquery-ui/disable-selection', 'jquery-ui/focusable',
'jquery-ui/form', 'jquery-ui/ie', 'jquery-ui/keycode', 'jquery-ui/labels', 'jquery-ui/jquery-1-7',
'jquery-ui/plugin', 'jquery-ui/safe-active-element', 'jquery-ui/safe-blur', 'jquery-ui/scroll-parent',
'jquery-ui/tabbable', 'jquery-ui/unique-id', 'jquery-ui/๋ฒ์ ', 'jquery-ui/์์ ฏ',
'jquery-ui/widgets/๋ง์ฐ์ค', 'jquery-ui/widgets/dragable', 'jquery-ui/widgets/droppable',
'jquery-ui/widgets/ํฌ๊ธฐ ์กฐ์ ๊ฐ๋ฅ'], ๊ณต์ฅ);
๋์ฒดํ๋ ค๋ฉด define(['jquery', 'lodash', 'jquery-ui']) ์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
jquery-ui
ํ์ผ์ bower๋ฅผ ํตํด ์ค์น๋ jquery-ui์ฉ v.1.11์ /ui
์ ์์์ต๋๋ค. gridstack์์ jquery-ui
์ ์ ํํ ์์น๋ฅผ ์ ์ํ์ง ์์์ผ๋ก์จ ์ค์ ๋ก ์ฌ์ฉ์๊ฐ ์ ์ดํ ์ ์๊ฒ ๋์์ต๋๋ค.
main.js
ํ์ผ์ ๋ค์๊ณผ ๊ฐ์ ์ ์์ต๋๋ค.
require.config({
paths: {
'jquery-ui': 'vendor/jquery-ui/ui/'
...
jqui์ ์์ฒด ํ์ด์ง(https://learn.jquery.com/jquery-ui/environments/amd/)๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ณด๋ฉด ์ด๊ฒ์ด ๊ฐ์ฅ ์ ํฉํ ์๋ฃจ์ ์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๊ถ์ฅ ์ค์ ์ ์ ๋ฐ์ดํธํ ๊ฒฝ์ฐ ๋ณ๊ฒฝํ ์ ์์ง๋ง ํ์ฌ๋ก์๋ ์ด ๋ฐฉ๋ฒ์ผ๋ก ์ถฉ๋ถํฉ๋๋ค. ๋ ๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ต์ jqui์ ๋ํ ์ข ์์ฑ์ ์ ๋ฐ์ดํธํจ์ ๋ฐ๋ผ ์ด๊ฒ์ ์ ๋ฐ์ดํธํ ๊ฒ์ด๋ผ๊ณ ๋ฏฟ์ต๋๋ค.
ํ์ธ. ์๊ฒ ์ด. ๊ฐ์ฌ ํด์.
ๅๅง้ฎไปถ
ๅไปถไบบ:[email protected]
ๆถไปถไบบ:troolee/gridstack.jsgridstack. [email protected]
ๆ้:[email protected]; ์์ฑ์@noreply.github.com
ๅ้ๆถ้ด:2016ๅนด8ๆ19ๆฅ(ๅจไบ) 04:38
ไธป้ข:Re: [troolee/gridstack.js] jquery-ui ๋๋ ํ ๋ฆฌ๊ฐ ์๋ชป๋ ingridstack.js(#513)
jquery-ui ํ์ผ์ bower๋ฅผ ํตํด ์ค์น๋ jquery-ui์ฉ v.1.11์ /ui์ ์์์ต๋๋ค. gridstack์์ jquery-ui์ ์ ํํ ์์น๋ฅผ ์ ์ํ์ง ์์์ผ๋ก์จ ์ค์ ๋ก ์ฌ์ฉ์๊ฐ ์ ์ดํ ์ ์๊ฒ ๋์์ต๋๋ค.
main.js ํ์ผ์ ๋ค์๊ณผ ๊ฐ์ ์ ์์ต๋๋ค.
require.config({ ๊ฒฝ๋ก: { 'jquery-ui': 'vendor/jquery-ui/ui/' ...
jqui์ ์์ฒด ํ์ด์ง(https://learn.jquery.com/jquery-ui/environments/amd/)๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ณด๋ฉด ์ด๊ฒ์ด ๊ฐ์ฅ ์ ํฉํ ์๋ฃจ์
์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๊ถ์ฅ ์ค์ ์ ์
๋ฐ์ดํธํ ๊ฒฝ์ฐ ๋ณ๊ฒฝํ ์ ์์ง๋ง ํ์ฌ๋ก์๋ ์ด ๋ฐฉ๋ฒ์ผ๋ก ์ถฉ๋ถํฉ๋๋ค. ๋ ๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ต์ jqui์ ๋ํ ์ข
์์ฑ์ ์
๋ฐ์ดํธํจ์ ๋ฐ๋ผ ์ด๊ฒ์ ์
๋ฐ์ดํธํ ๊ฒ์ด๋ผ๊ณ ๋ฏฟ์ต๋๋ค.
โ
์ค๋ ๋๋ฅผ ์์ฑํ๊ธฐ ๋๋ฌธ์ ์ด ๋ฉ์์ง๋ฅผ ๋ฐ๋ ๊ฒ์
๋๋ค.
์ด ์ด๋ฉ์ผ์ ์ง์ ๋ต์ฅํ๊ฑฐ๋ GitHub์์ ๋ณด๊ฑฐ๋ ์ค๋ ๋๋ฅผ ์์๊ฑฐํ์ธ์.
jquery-ui๊ฐ ์กฐ์ธ์ ์ ๋ฐ์ดํธํ์ผ๋ฉฐ ์ด์ gridstack.jQueryUI.js์ ๊ฒฝ๋ก๊ฐ 'ui' ํด๋๋ฅผ ํฌํจํ๋๋ก ๋ณ๊ฒฝ๋ ๊ฒ์ ๊ถ์ฅํฉ๋๋ค.
๋ค์๊ณผ ๊ฐ์ jquery ui 1.12 ์ ๊ทธ๋ ์ด๋ ๊ฐ์ด๋๋ฅผ ์ฐธ์กฐํ์ธ์.
์ ๊ทธ๋ ์ด๋ํ ์ค๋น๊ฐ ๋๋ฉด ๊ฐ์ ธ์ค๊ธฐ ๊ฒฝ๋ก๋ฅผ ์ ๋ฐ์ดํธํด์ผ ํฉ๋๋ค.
์ ์:
var autocomplete = require( "jquery-ui/autocomplete" );
ํ์:var autocomplete = require( "jquery-ui/ui/widgets/autocomplete" );
๋ด Angular 2 CLI ํ๋ก์ ํธ tsconfig.app.json ํ์ผ์ ๊ฒฝ๋ก ๋ณ์นญ์ ์ถ๊ฐํ๋ ค๊ณ ์๋ํ์ง๋ง ๊ฐ๋ ์ปดํ์ผ๋ฌ๊ฐ ์ค๋จ๋ฉ๋๋ค.
"baseUrl": "",
"๊ฒฝ๋ก":{
"jquery-ui/ ":["jquery-ui/ui/ "]
}
"jquery-ui"๋ฅผ ํด๊ฒฐํ๋ ค๊ณ ์๋ํ๋ ๋ฌดํ ์ฌ๊ท ๋ฃจํ์ ๋ค์ด๊ฐ๋ ๊ฒ ๊ฐ์์. Angular 2 CLI ํ๋ก์ ํธ์ ๋ณ์นญ์ ์ถ๊ฐํ๋ ๋ ์ข์ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
๋ณ์นญ ์ฌ์ ์๋ ํ๋ก์ ํธ์์ ์ฌ์ฉ๋๋ ๋ค๋ฅธ jQueryUI ํ๋ฌ๊ทธ์ธ์ ์ํฅ์ ๋ฏธ์น๋ฉฐ, ์ด๋ ํ์ฉ๋์ง ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ณ์นญ ์ฌ์ ์๋ ํ๋ก์ ํธ์์ ์ฌ์ฉ๋๋ ๋ค๋ฅธ jQueryUI ํ๋ฌ๊ทธ์ธ์ ์ํฅ์ ๋ฏธ์น๋ฉฐ, ์ด๋ ํ์ฉ๋์ง ์์ต๋๋ค.