ํธ๊ฒฌ ์๋ Webix ๋ฆฌ๋ทฐ 2024์ ์ฐพ๊ณ ๊ณ์ญ๋๊น? ์ข์ต๋๋ค! ๋ด๊ฐ ๋์์ค๊ฒ.
JavaScript ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ ์ ํ ์์ฑํ์ง ์๋ ๊ฒ์ ๋๋ค. Webix๋ฅผ ์ฌ์ฉํ๋ฉด ์ด์ JavaScript ํ ์ค๋ ์์ฑํ ํ์ ์์ด ํฌ๋ก์ค ํ๋ซํผ ์น ์ฑ์ ๊ตฌ์ถํ ์ ์์ต๋๋ค!
Webix๋ ํฌ๋ก์ค ํ๋ซํผ ์น ์ฑ ๊ฐ๋ฐ์ ์ํ ์ต๊ณ ์ JS ํ๋ ์์ํฌ์ ๋๋ค. ๋ฐ์ํ ์น ์์ ฏ, ๊ณ ์ฑ๋ฅ, ๊ฒฝ๋ ์ฝ๋ ๋ฐ ํฌ๋ก์ค ํ๋ซํผ ํธํ์ฑ ๋ง์ผํ ์ ๊ฐ์ถ HTML5 JavaScript UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ํฌ๋ก์ค ํ๋ซํผ ์น ์ฑ ๊ตฌ์ถ์ด ๊ทธ ์ด๋ ๋๋ณด๋ค ์ฌ์์ก์ต๋๋ค! ์ด ์ ํ์ ์ฌ์ฉํ๋ฉด ์ฝ๋ฉ ์์ ์ด ์ค์ด๋ค๊ณ ์ข์ํ๋ ๊ฒ์ ์ฆ๊ธธ ์ ์๋ ์๊ฐ์ด ๋์ด๋ฉ๋๋ค.
2013 ๋ ์ ์ค๋ฆฝ ๋, ์จ๋น ์ค ๊ณ ๊ธ์ค๋ฝ๊ณ ๊ด๋ฒ์ํ ์จ๋ผ์ธ ์๋ฐ์คํฌ๋ฆฝ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌt ๋ฐ HTML5 ๋๊ตฌ ์ค๊ณ ๊ฐ๋ฐ์๊ฐ ๊ณ ํ์ง์ ์น ์ ํ์ ๊ตฌ์ถํ ์ ์๋๋ก ๋์๋๋ฆฝ๋๋ค!
์ค๋, ์จ๋น ์ค ๊ฐ์ฅ ์ธ๊ธฐ์๋ ์ค ํ๋์ ๋๋ค JavaScript/HTML5 ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ฅ์์๋ ์ฝ๋์ ๊ฐ๋ฐ์ ๋ ํนํ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋๋ ๊ฒ์ ๋๋ค.
๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ ์ฐจํธ, ๋ณด๊ณ ์, ํผ๋ฒ, ๋ณต์กํ ๋๊ตฌ ๋ฐ ๊ธฐํ๋ฅผ ํฌํจํ ๋น ๋ฐ์ดํฐ๋ฅผ ์๊ฐํํ๋ ๋ฐ ๋์์ด ๋๋ ๋ค์ํ ์์ ฏ์ด ์์ต๋๋ค. ๋ค์๊ณผ ๊ฐ์ ์ฃผ์ ๊ตฌ์ฑ ์์ ๋ฐ์ดํฐ ํ ์ด๋ธ ๊ณผ ํธ๋ฆฌํ ์ด๋ธ ์์ ฏ. Webix๋ XB์ ์ํด ๋ง๋ค์ด์ก์ต๋๋ค. ์ํํธ์จ์ด ํ์ฌ๋ ๊ด๋ฒ์ํ UX/UI๋ฅผ ๊ฐ์ถ ๋ง์ถคํ ์ํฐํ๋ผ์ด์ฆ ์๋ฃจ์ ์ ์ ์ฃผ๊ธฐ ๊ฐ๋ฐ ํ์ฌ์ ๋๋ค.
Webix ๋ฆฌ๋ทฐ 2024(์ฅ๋จ์ ): ์์ธ ๋ถ์
ํ์ง๊ณผ ์ ๋ขฐ์ฑ!
์ฑ๋ฅ๊ณผ ํ์ง์ ๋ํ ์ ๋ขฐ์ฑ ์ธก๋ฉด์์, ์จ๋น ์ค ๊ณ ๊ธ ์ฑ๋ฅ ์งํฅ ๋๊ตฌ ๊ฐ๋ฐ ๋ถ์ผ์์ 5๋ ์ด์์ ์์ฅ ๊ฒฝํ์ ๋ณด์ ํ ๊ณ ๋๋ก ์๋ จ๋ ์ ๋ฌธ๊ฐ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์ HTML5 ์ ์ธ๊ณ ๊ฐ๋ฐ์๋ค. ์ด ํ์ฌ๋ ๋ํ ISO27001 ๋ฐ ISO9001 ์ธ์ฆ์ ๋ฐ์์ต๋๋ค.
๊ฐ๋ฐ ๋๊ตฌ๋ ์ผ๋ฐ์ ์ผ๋ก JavaScript๋ก ๋ทฐ์ JSON ๊ตฌ์ฑ์ ์์ฑํ๋ ๋ฐ ์ฌ์ฉ๋๋ฉฐ ์ฌ์คํ ๋น์ฆ๋์ค ๋ถ์์ ํตํด ํต์ฌ ์๋ฃจ์ ์ ์์ ํ๊ณ ๊ตฌํํ ์ ์์ต๋๋ค.
์ ๊ณต๋๋ ์๋น์ค
์ฐฝ์์ ์จ๋น ์ค ๊ฐ๋ฐ์๊ฐ ๊ณ ์ ํ UI๋ฅผ ๋ ์ข๊ณ ๋ ๋น ๋ฅด๊ฒ ๊ตฌ์ถํ ์ ์๋๋ก ๋๊ธฐ ์ํด ์ต์ ์ ๋คํ๊ณ ์์ต๋๋ค. ๊ทธ๋ค์ ์๋น์ค์ ๋๊ตฌ๋ ์ ์ธ๊ณ ์๋ฐฑ ๊ฐ์ ํ์ฌ์ ์กฐ์ง์์ ์ฌ์ฉ๋ฉ๋๋ค.
๊ฐ๋ฐ์ ๋๊ตฌ๋ ๋ชจ๋ ๊ท๋ชจ ๋๋ ํ์ ์์ฅ์ ๋น์ฆ๋์ค์ ์ ํฉํฉ๋๋ค. ์์ ์ค์๊ธฐ์ Fortune 500๋ ๊ธฐ์ ์ ์ด๋ฅด๊ธฐ๊น์ง Webix UI ํ๋ ์์ํฌ๋ ์ ํ ๋ฐ ๋ด๋ถ ์น ๋ฆฌ์์ค๋ฅผ ์์ฑํ๋ ๋ฐ ๋ชจ๋ ์ฌ์ฉ๋ฉ๋๋ค.
์ด ํ์ฌ๋ ํ๊ท 5๋ ์ด์์ ๋ง์ผํ ๊ฒฝํ์ ๋ณด์ ํ๊ณ ์์ผ๋ฉฐ ํ์ฌ 50๋ช ์ด์์ ๊ฐ๋ฐ์๋ฅผ ์ง์ํ๊ณ 30๊ฐ ์ด์์ ํ๋ก์ ํธ๋ฅผ ์ง์ํ ๊ธฐ๋ก์ ๋ณด์ ํ๊ณ ์์ต๋๋ค. ์ด๋ค ์๋น์ค๋ 65๊ฐ ์ด์์ ๊ตญ๊ฐ์ ๊ฑธ์ณ ์์ผ๋ฉฐ ๋ฐ์ด๋ ๊ณ ๊ฐ ์๋น์ค ์ง์์ผ๋ก 70%๋ผ๋ ์ธ์์ ์ธ ๊ณ ๊ฐ ์ ์ง์จ์ ์๋ํฉ๋๋ค.
์จ๋น ์ค ์๋น์ค๋ ๋ค์๊ณผ ๊ฐ์ ๊ฐ๋ฐ ํ๋ก์ ํธ ๋ฐ ํ๋์ ๋๋ฆฌ ์ฌ์ฉ๋ฉ๋๋ค.
๋ง์ถคํ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ
- ๋ค์ํ ์ฐ์ ๋ถ์ผ๋ฅผ ์ํ ์ต๊ณ ์์ค์ ์น ์ฑ ๋ง์ถคํ ๊ฐ๋ฐ
- ์ฑ ํ๋ํ ๋ฐ ๋ ๊ฑฐ์ ์์คํ ๋ง์ด๊ทธ๋ ์ด์
- ๋ฐ์ดํฐ๋ฅผ ํ ์ด๋ธ, Gantts, ์ฐจํธ, ๋ค์ด์ด๊ทธ๋จ์ผ๋ก ๋ ๋๋ง
- ๋ง์ถคํ ์ง์ ๋ฐ ์ ์ง ๊ด๋ฆฌ
Webix ์ฌ์ฉ์ ์ ์ ๋ฐ ๊ฐ๋ฐ
- ์ฒ์๋ถํฐ Webix๋ฅผ ์ฌ์ฉํ์ฌ ์น ์ฑ ๊ฐ๋ฐ
- Webix ์์ ฏ ์ฌ์ฉ์ ์ ์
- Webix ๊ตฌ์ฑ ์์๋ฅผ ๊ธฐ์กด ์ฑ์ ํตํฉ
- Webix๋ฅผ ์ฌ์ฉํ์ฌ ๊ณ ๊ฐ ์ฑ์ UI ๊ฐ์ ๋ฐ ์ฑ ํ๋ํ ๊ฐ๋ฅ
์ ๋ณด ๊ธฐ์ ์ง์ ์ฆ์
- ์๋ จ๋ ์น ๊ฐ๋ฐ์์ ์ฆ๊ฐ
- QAํ ๋ณด๊ฐ
์๋น์ค ๋ผ์ธ
Webix๋ ํ์ฌ ๋ค์ ์๋น์ค ๋ผ์ธ์ ๋ํ ์ ๋ฌธ ์ง์์ ๋ณด์ ํ๊ณ ์์ต๋๋ค.
- ๋ง์ถคํ ์ํํธ์จ์ด ๊ฐ๋ฐ
- Webix ์ฌ์ฉ์ ์ ์ ๋ฐ ๊ฐ๋ฐ
- ํ์ด๋ธ๋ฆฌ๋ ๋ฐ ํฌ๋ก์ค ํ๋ซํผ ๋ชจ๋ฐ์ผ ๊ฐ๋ฐ
- UX/UI ๊ฐ๋ฐ ๋ฐ ๋์์ธ
- ๊ฐ๋ฐ์/QA ๋ฐ ํ ๊ฐํ
- ์ํฐํ๋ผ์ด์ฆ ์ฑ ํ๋ํ
์ฌ์ฉ ๋ ๊ธฐ์
Webix๋ ๊ฐ๋ ฅํ 100๊ฐ๊ฐ ๋๋ UI ์์ ฏ๊ณผ ํ๋ถํ ๊ธฐ๋ฅ์ JavaScript CSS/HTML5 ์ปจํธ๋กค์ ๊ฐ์ถ ์น ์ฑ ๊ฐ๋ฐ ํ๋ ์์ํฌ์ ๋๋ค.
- . NET
- React JS
- WebRTC๊ฐ
- ๋ง๋ฆฌ์ค๋คํธ JS
- PHP
- ๋ ธ๋ JS
์น๋น ์ค ์ ํธ
Webix์ ๋ง์ดํฌ๋กํ๋ ์์ํฌ, ์น๋น ์ค ์ ํธ ๋จ์ผ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ , ํนํ ๋๋์ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฝ๊ฒ ๊ตฌ์ฑํ ์ ์์ต๋๋ค. UI์ ๋ค์ํ ๋ถ๋ถ์ ๊ฒฐํฉํ๊ณ ์ฌ์ฌ์ฉํ ์ ์์ต๋๋ค. Webix Jet์ ๋์์ผ๋ก ์ต์ํ์ ์ฝ๋ ๊ณต๊ฐ์ผ๋ก ์๋ฒฝํ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค๊ณ ๊ฐ๋ฐํ ์ ์์ต๋๋ค.
Webix Jet์์๋ ์ฝ๋์ UI๊ฐ ๋ณ๋์ ๋ชจ๋๋ก ๋๋์ด์ง๋๋ค. ์ฑ ์ ์ฒด์์ ํ์ฉํ ์ ์๋ JavaScript ํด๋์ค๊ฐ ๊ฐ ๋ชจ๋์ ์ ๊ณตํฉ๋๋ค. ๋งค์ฐ ๋ณต์กํ UI๋ผ๋ ๋ณ๋๋ก ์ฌ์ฉํ๊ณ ํ์ธํ ์ ์๋ ๋ณ๋์ ์น์ ์ผ๋ก ๋๋ ์ ์์ต๋๋ค.
๋จ์ผ ํ์ด์ง ์ฑ์ ์ฝ๊ฒ ๊ตฌ์ฑํ ์ ์๋ ๊ฐ๋ ฅํ ์นํฉ ๊ธฐ๋ฐ ๋๊ตฌ ์ฒด์ธ์ ์ฌ์ฉํด ๋ณผ ์ ์์ต๋๋ค.
๋ํ ES6 ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ฌ JS ์ฝ๋, CSS ์คํ์ผ์ฉ LESS/SASS๋ฅผ ์ฒ๋ฆฌํ ์ ์์ต๋๋ค. Webpack์ ํตํด ์ฌ์ฉ์ ์ ์ ๋ฆฌ์์ค๋ฅผ ํฌํจํ๊ณ ๋ฒ๋ค๋งํ ์๋ ์์ต๋๋ค. plugin์์ค. ๋ฉ๋ด ์์ฑ, ํ์งํ, ์ก์ธ์ค ์ ์ด, ์๋ฆผ ๋ฐ ์คํจ ์ ์ฉ์ ์ฆ๊ฑฐ์ด ์ผ์ด ๋ ๊ฒ์ ๋๋ค.
Webix Jet ํ๋ ์์ํฌ๋ ์ฑ์ ์ฌ๋ฌ ์ง์ ์ ์์ ์ฝ๋๋ฅผ ๋ ์ฝ๊ฒ ๊ตฌ์ฑํ๊ณ ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฌ์ฉํ ์ ์๋๋ก ์ค๊ณ๋์์ต๋๋ค. ์ด๋ ์ฅ์น ๋ฐ์ํ ์ฑ์๋ ํ๋ฅญํ ์๋ฃจ์ ์ ๋๋ค. ๋น์ ์ ํ ์ ์์ต๋๋ค ์ฑ ๋น๋ ๋ฐ์คํฌํฑ ๋ฐ ํฐ์น ์ฅ์น ๋ชจ๋์ ์ ์ฉ๋ฉ๋๋ค. ์ฅ์น์ ๋ํด ์ ์ํ ์ธํฐํ์ด์ค๋ ๋ฐ์์ฑ์ด ๋ฐ์ด๋๋ฉฐ ๋ค์ํ ํ๋ฉด ํฌ๊ธฐ์ ๋ง๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
DataTable ์์ ฏ
XNUMXD๋ดํ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฐ์ดํฐ ํ ์ด๋ธ (DataGrid) ์์ ฏ์ ๋ฏธ๋ฆฌ ์ ์๋ 5๊ฐ์ ์คํจ์ผ๋ก ํํ๋๋ Webix UI ์์คํ ์ ์ต์์ ์์์ ๋๋ค. ์ด UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ ๋ ๊ฐ์ง ๋ณํ์ด ์์ต๋๋ค. GNU GPLv3 ๋ผ์ด์ผ์ค์ ๋ฐ๋ผ Webix Standard๋ฅผ ๋ฌด๋ฃ ์คํ ์์ค UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ป์ ์ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ ์ ๋ฒ์ ์ก์ธ์ค๋ฅผ ์ ๊ณตํ๋ ์์ ํ๊ฐ์ฆ๋ ์์ต๋๋ค.
์จ๋น ์ค UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๊ณ ํจ์จ ๋ฐ ์ฌ์ฉ์ ์ ์ ์๊ตฌ ์ฌํญ์ ์ถฉ์กฑํ๋ ๋ฐ ์ค์ ์ ๋๊ณ ๋น์ฆ๋์ค ๋์ ๋ฐ ์๋ฃจ์ ์ ๊ฐ๋ฐํ๊ณ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด Salesforce์ CRM ๋์์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ํธ์ง ๊ฐ๋ฅํ ํ ์ด๋ธ JavaScript๋ฅผ ์ฌ์ฉํ๋ฉด ์ํํ ๋ฐ์ดํฐ ์ ๋ ฅ์ด ๊ฐ๋ฅํฉ๋๋ค. ์๋ฌด ์ ์ด๋ ๋๋ฅด๋ฉด ๋ด์ฉ์ ํธ์งํ๋ค ์ ๋ ฅ ์์ญ์ ์๋ก์ด ์ ๋ณด๋ฅผ ์ ๋ ฅํ๊ฑฐ๋ ๋๋กญ๋ค์ด ๋ชฉ๋ก์์ ํญ๋ชฉ์ ์ ํํ์ฌ ๋น ๋ฅด๊ฒ ์ฌ์ฉํ ์ ์์ต๋๋ค.
์ด ๋จธ๋ฆฌ๊ธ์ ํ ๋ฒ๋ง ํด๋ฆญํ๋ฉด ํ ์ด๋ธ ๊ฐ์ฒด๋ฅผ ์ ๋ ฌํ ์ ์์ต๋๋ค. ํน์ ์ ๋ ฌ ๋์์ ๊ฒฝ์ฐ DataTable ์ ๋ ฌ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด ๋จธ๋ฆฌ๊ธ์ ๋ด์ฅ๋ ํํฐ๋ฅผ ์ฌ์ฉํ๋ฉด ํ ์ด๋ธ ๊ฐ์ฒด๋ฅผ ๋ถ์ํ ์ ์์ต๋๋ค. ํน์ ์ํ๋ง ํจํด์ ๊ฒฝ์ฐ DataTable ํํฐ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
ํน์ ์์น๋ก ๋์ด์ ์ ์ ์์๋ฅผ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. 'order' ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ฉด ํจ๋ ํ ๋๋ฆฌ์์ ๊ฐ์ฒด๋ฅผ ๊ฐ์ ธ์ฌ ์ ์๋์ง ์ฌ๋ถ๋ฅผ ๊ฒฐ์ ํ ์ ์์ต๋๋ค.
TreeTable ์์ ฏ
XNUMXD๋ดํ์ Webix JavaScript ํธ๋ฆฌํ ์ด๋ธ ๋ DataGrid ์์์ ์ค์ ์ ๋๊ณ ์๊ธฐ ๋๋ฌธ์ ์คํํฌ๋ผ์ธ, ํด๋ฆฝ๋ณด๋ ๋์๋ง, ์ ๊ตํ ํํฐ ๋ฑ์ ํฌํจํ ๋ชจ๋ ํน์ง๊ณผ ํน์ฑ์ ๊ฐ์ถ๊ณ ์์ต๋๋ค. Webix TreeTable ์์๋ rowspan, colspan ๋ฐ ๊ทธ๋ฆฌ๋ ๊ทธ๋ฃนํ์ ๊ฐ์ด DataGrid์์ ์ก์ธ์คํ ์ ์๋ ๋ค์ํ ๋ฐ์ดํฐ ๊ทธ๋ฃนํ์ ํด๋น ๊ธฐ๋ฅ์ ํตํฉํฉ๋๋ค.
ํ๊ณผ ์ด์ ๊ฒฝ์ฐ ์์ ฏ์ ๋ณ๋์ ์ฒ ์ ํ ๋๋๊ทธ ์ค ๋๋กญ ์ ๊ตํจ, ๋ชจ๋ ์ฌ๋ฐฑ์ ๋๋น ๋ณ๊ฒฝ ๋ฐ ์์ง ํค๋ ์์ฑ ๊ฐ๋ฅ์ฑ์ ์๋ํฉ๋๋ค.
ํธ๋ฆฌ ํ ์ด๋ธ์ ๊ทธ๋ฆฌ๋ ์กฐ์์ ์ ์ฒด ์คํํธ๋ผ์ ์ด์งํฉ๋๋ค. ์ ๋ ฅ ๋๋ฉ์ธ์ ์๋ก์ด ๊ฐ์ ์ ๋ ฅํ๊ฑฐ๋ ๋ ๋์ ์ ์ฉ์ฑ์ ์ํด ํ์ธ๋์ด ์ ๊ณต๋ ์ ์๋ ๋๋กญ๋ค์ด ๋ชฉ๋ก์์ ๋์์ ์ ํํ์ฌ ํด๋น ๋ด์ฉ์ ์ฝ๊ฒ ํธ์งํ ์ ์์ต๋๋ค.
์ก์ธ์ค ๊ฐ๋ฅํ ๋ฐฉ๋ฒ ์ค ํ๋์์ TreeGrid๋ฅผ ์ฌ์ฉํ๋ฉด ์ , ํ, ์ด, ๋ค์ค ์ , ๋ค์ค ํ, ๋ค์ค ์ด, ๋ธ๋ก ๋๋ ์์ญ ์ ํ ๋ชจ๋ ๋ฑ์ ์ ๋ณด๋ฅผ ์ ํํ ์ ์์ต๋๋ค.
์ด JavaScript ํธ๋ฆฌ ํ ์ด๋ธ ์์๋ฅผ ์ฌ์ฉํ๋ฉด ์ถ๊ฐ ์ฒ๋ฆฌ๋ฅผ ์ํด ์ ๋ณด๋ฅผ PDF, PNG ๋ฐ Excel ๋ฌธ์๋ก ๋ด๋ณด๋ผ ์ ์์ต๋๋ค. ๋ค์ํ ๋ด๋ณด๋ด๊ธฐ ๋์์ ํตํฉํ์ฌ ํ์ ํ ์ด๋ธ ๋ชจ์์ ์ค๋ช ํ ์๋ ์์ต๋๋ค.
๊ฐ์ฒด ์ ํ ์ธ์๋ TreeGrid ์์์ ํ์ธ๋์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด ๊ธฐ๋ฅ์ ํธ์งํ๊ฑฐ๋ ์ ๊ฑฐํ๋ ค๋ ๋ค์ํ ๊ฐ์ฒด๋ฅผ ํ ๋ฒ์ ์ ํํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ํธ๋ฆฌ ํ ์ด๋ธ์ ํด๋ผ์ด์ธํธ ์ธก์์ ํํฐ๋ง์ ์ด์งํฉ๋๋ค.
๋ด์ฅ ํํฐ๋ฅผ ์ฌ์ฉํ๊ฑฐ๋ ์ฌ์ฉ์ ์ ์ ํํฐ๋ฅผ ์๋ณํ ์ ์์ต๋๋ค. ํจ๋์ ์ ์ถ๋ ์ ๋ณด์ ์ข ๋ฅ์ ๋ฐ๋ผ ํ์ ์ด์ ๋ํด ์ก์ธ์ค ๊ฐ๋ฅํ ํํฐ ์ค ํ๋๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค.
Webix ๋ผ์ด์ผ์ค ๋ฐ ๊ฐ๊ฒฉ
Webix๋ ํ์ฌ ๊ณ ๊ฐ์ด ์ ํํ ์ ์๋ ์ ์ ๋ฆฌ๋ 4๊ฐ์ง ํจํค์ง ๋ผ์ธ์ ์ ์ ๊ณตํฉ๋๋ค. ๊ฐ๊ฒฉํ๋ ๋งค์ฐ ํฉ๋ฆฌ์ ์ด๋ฏ๋ก Webix๋ ๋งค์ฐ ๋น์ฉ ํจ์จ์ ์ธ ์๋น์ค์ ๋๋ค.
๊ฐ์ธ ๋ผ์ด์ ์ค
๋จ์ผ ํ๋ก์ ํธ ๋๋ MVP๋ฅผ ์์ ํ๋ ํ ๋ช ์ ๊ฐ๋ฐ์์๊ฒ ์ ํฉํฉ๋๋ค.
๊ฐ๊ฒฉ : $ 449
- ํ๋์ ํ๋ก์ ํธ
- ํ ๋ช ์ ๊ฐ๋ฐ์
- XNUMX๋ ๊ฐ์ ์ ๋ฐ์ดํธ ๋ฐ ์ง์
- ํฌ๋ก์ค ํ๋ซํผ์ฉ Webix UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ์๊ตฌ ์์ ์ฉ ๋ผ์ด์ผ์ค
- ๊ธฐ๋ณธ ์ง์
๋ณต์กํ ์์ ฏ: (์ ํ ์ฌํญ)
- ์คํ๋ ๋์ํธ ($329)
- ํผ๋ฒ ($99)
- ์ค์ผ์ค๋ฌ ($329)
- ํ์ผ ๊ด๋ฆฌ์($99)
- ์นธ๋ฐ ($99)
์์ ์ฉ ๋ผ์ด์ผ์ค
ํ์ฌ ํฉ
๋ด๋ถ ํ์ฌ ํ๋ก์ ํธ ๋๋ ๋จ์ผ ์์ ํ๋ก์ ํธ์ ์ ํฉ
๊ฐ๊ฒฉ : $ 2499
- ํ๋์ ํ๋ก์ ํธ
- ๊ฐ๋ฐ์ ์ ๋ฌด์ ํ
- XNUMX๋ ๊ฐ์ ์ ๋ฐ์ดํธ ๋ฐ ์ง์
- Webix UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ์๊ตฌ ์์ ์ฉ ๋ผ์ด์ผ์ค
- ํ์ค ์ง์
๋ณต์กํ ์์ ฏ: (ํฌํจ)
๊ฐ๋ฐํ ํฉ
์ฌ๋ฌ ๊ณ ๊ฐ์ ์ํ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ ๊ฐ๋ฐ ํ์ฌ์ ์ ํฉ
๊ฐ๊ฒฉ : $ 3999
- ๋ฌด์ ํ ํ๋ก์ ํธ ์
- 5๋ช ์ด์์ ๊ฐ๋ฐ์
- XNUMX๋ ๊ฐ์ ์ ๋ฐ์ดํธ ๋ฐ ์ง์
- Webix UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ์๊ตฌ ์์ ์ฉ ๋ผ์ด์ผ์ค
- ํ์ค ์ง์
๋ณต์กํ ์์ ฏ: (ํฌํจ)
์ธ๋ฆผํฉ
์ฌ๋ฌ ํ๋ก์ ํธ์ ๋๊ท๋ชจ ํ์ด ์๋ ๋๊ท๋ชจ ๊ฐ๋ฐ ํ์ฌ์ ์ ํฉ
๊ฐ๊ฒฉ : $ 3999
- ๋ฌด์ ํ ํ๋ก์ ํธ ์
- ๊ฐ๋ฐ์ ์ ๋ฌด์ ํ
- XNUMX๋ ๊ฐ์ ์ ๋ฐ์ดํธ ๋ฐ ์ง์
- Webix UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ์๊ตฌ ์์ ์ฉ ๋ผ์ด์ผ์ค
- ํ์ค ์ง์
๋ณต์กํ ์์ ฏ: (ํฌํจ)
**๋ชจ๋ ํ๋์๋ ์๊ตฌ ์์ฉ ๋ผ์ด์ผ์ค์ XNUMX๋ ์ ๋ฐ์ดํธ ๋ฐ ์ง์์ด ํจ๊ป ์ ๊ณต๋ฉ๋๋ค.
๋ฌด๋ฃ ๊ฐ๋ฐ์ ๋๊ตฌ
์๋ ๋ณ๊ฐ๋ก ์ ๊ณต ์์์ ์ธ๊ธํ ์ ๋ฃ ํจํค์ง, Webix ๋ํ ์ฌ์ฉ์์๊ฒ ์ ๊ณต ๊ณต์ ์น์ฌ์ดํธ์์ ๋ฌด๋ฃ๋ก ์ ๊ณต๋๋ ๋ช ๊ฐ์ง ์ถ๊ฐ ๊ธฐ๋ณธ ๊ฐ๋ฐ์ ๋๊ตฌ. ๋๊ตฌ๊ฐ ์ด๋ ค์์ต๋๋ค ๊ฐ์ ํด์ผ ํ๋ ์ฌ๋์ด๋ผ๋ฉด ๋๊ตฌ๋ ์ง ๋ง์ด์ฃ .
- ์จ๋น ์ค ํผ ๋น๋
๋ช ๋ฒ์ ํด๋ฆญ๋ง์ผ๋ก ์น ์์์ ์์ฑํ ์ ์๋ ๊ฐ๋ ฅํ ์จ๋ผ์ธ ๋๊ตฌ์ ๋๋ค. ํ๋์ ๋ ์ด์์์ ๊ฒฐ์ ํ๊ณ ๋จ ๋ช ์ด ๋ง์ ์๋์ผ๋ก ์ฝ๋ ์์์ ์์ฑํ์ธ์.
- Webix ์ฝ๋ ์กฐ๊ฐ
JS ๋์๋ณด๋ ํ๋กํ ํ์ดํ, ๊ฒฐ๊ณผ์ ๋น ๋ฅธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ, ์์ ๋คํธ์ํฌ๋ฅผ ํตํ ํ์ ๋๋ ๊ณ ๊ฐ๊ณผ์ ๊ณต์ ์ ์ ์ฉํ ๋๊ตฌ์ ๋๋ค.
- Webix ์คํจ ๋น๋
ํ๋ฐํธ ์๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ์คํ์ผ์ ์ค์ ํ๊ณ ๋จธํฐ๋ฆฌ์ผ, ์ปดํฉํธ, ํฐ์น ๋ฑ๊ณผ ๊ฐ์ ํ ๋ง ํ ํ๋ฆฟ์ผ๋ก ์์ ํ๊ธฐ ์ํ ์จ๋ผ์ธ ์น ๋์์ธ ๋๊ตฌ์ ๋๋ค.
Webix๋ฅผ ์ฌ์ฉํด์ผ ํ๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
Webix ๋ธ๋ก๊ทธ์์ ์์ธํ ์์๋ณด์ธ์!
Webix๋ Webix์์ ์ ๊ณตํ๋ ๋๊ตฌ ๋ฐ ์๋น์ค๋ฅผ ์ฌ์ฉํ๋ ๋์ ์ง๋ฉดํ ์ ์๋ ์ฌ์ํ ๋ฌธ์ ์ ๋ํด ํผ๋์ค๋ฌ์ํ๋ ๊ณ ๊ฐ์ ๋๊ธฐ ์ํด ์ ๋ณ๋ ๊ณ ํ์ง ๊ธฐ์ฌ์ ๊ฐ์ด๋๊ฐ ํฌํจ๋ ๋งค์ฐ ์ ์ตํ ๋ธ๋ก๊ทธ ์น์ ์ ๊ฐ๋ฐํ์ต๋๋ค.
๊ณ ๋๋ก ์๋ จ๋๊ณ ์ง์์ด ํ๋ถํ ๊ธฐ์ ์๊ฐ๊ฐ ํ๋ฅญํ ๊ณ ๊ฐ ์๋น์ค ํ๊ณผ ํจ๊ป Webix ๊ธฐ๋ฐ ๋น์ฆ๋์ค ์น ์๋ฃจ์ ์ ๋ํด ์ด์ผ๊ธฐํ๋ ๋ธ๋ก๊ทธ๋ฅผ ํ์ธํ์ค ์ ์์ต๋๋ค.
๊ณ ํ์ง ๊ณ ๊ฐ ์ง์!
Webix ๋ธ๋ก๊ทธ๋ฅผ ํตํด ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ฑ ์ ์ฐพ์ ์ ์๋ค๊ณ ์๊ฐ๋๋ฉด ์ฆ์ ์ง์ ํ์ ๋ฌธ์ํ ์ ์์ต๋๋ค.
Webix๋ ์๋ ๊ฐ ํจ์จ์ ์ธ ์์ ์ ํตํด ์ป์ ์ฌ์คํ ๊ฒฝํ์ ๊ทํ์ ๊ณต์ ํ ์ค๋น๊ฐ ๋์ด ์๋ ๊ฐ๋ ฅํ๊ณ ๋์๋ ฅ์ด ๋ฐ์ด๋๋ฉฐ ์ฑ๊ณผ ์งํฅ์ ์ธ ๊ณ ๊ฐ ์๋น์ค ํ์ ์๋ํฉ๋๋ค.
๊ทธ๋ค์ ์น ์ฑ์ ๊ฐ๋ฐํ๊ณ Webix ํ๋ ์์ํฌ๋ฅผ ๊ธฐ์กด ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ํตํฉํ๋ ๋ฐ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ ๋์ ๋ฐ์ํ ์ ์๋ ๋ชจ๋ ๋ฌธ์ ์ ๋ํด XNUMX์๊ฐ ๋ด๋ด ๊ธฐ๊บผ์ด ๋์์ ๋๋ฆด ๊ฒ์ ๋๋ค.
Webix 6์์ 8.1๋ก
์ถ์ฒ ~ Medium.com
Webix ๋์
์ ์ฉ ๊ฑฐ๋ - ์ฌ๋ํธ.co
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
๐Webix UI๋ ๋ฌด์์ธ๊ฐ์?
Webix๋ CSS3 ๋ฐ HTML5 ํธํ ๋ฐ์คํฌํฑ ์น ๋ฐ ๋ชจ๋ฐ์ผ ์ฑ ๊ฐ๋ฐ์ ๊ฐ์ฅ ์ ํฉํ JavaScript UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ํธ์ง, ์๊ฐํ, ๋ฐ์ดํฐ ๊ด๋ฆฌ, ๋ ์ด์์ ๊ตฌ์ถ ๋ฐ ์ ๋ก๋๋ฅผ ์ํ ๋ค์ํ ๊ธฐ๋ฅ์ด ํ๋ถํ UI ๋ฉํฐ ์์ ฏ์ ์ ๊ณตํฉ๋๋ค.
๐Webix UI ๊ธฐ๋ฅ์๋ ์ด๋ค ๊ฒ์ด ์๋์?
Webix UI ๊ธฐ๋ฅ์ ์น ์ ๊ทผ์ฑ, ํฌ๋ก์ค ํ๋ซํผ ์ง์, Javascript ํ๋ ์์ํฌ ํตํฉ, ์ฝ 100๊ฐ์ ์์ ฏ, ๋ฐ์ด๋ ํ์ฅ์ฑ ๋ฑ์ ๋๋ค.
๐Webix UI ์ง์ ์ต์ ์ ๋ฌด์์ ๋๊น?
์ปค๋ฎค๋ํฐ, FAQ, ์น ์ธ๋ฏธ๋, ์ด๋ฉ์ผ, ๋ผ์ด๋ธ ์ฑํ , ์์ ๋ฏธ๋์ด ๋ฑโฆ
๐Webix UI์ ๋์์ ๋ฌด์์ ๋๊น?
Sencha, DHTMLX, ์งํ ๊ฒ๋ UI
๐Webix๋ ๋ฌด๋ฃ ํ๋์ ์ ๊ณตํฉ๋๊น?
์๋์, Webix๋ ๋ฌด๋ฃ ์๊ธ์ ๋ฅผ ์ ๊ณตํ์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ JavaScript ๋์๋ณด๋์ ํจ๊ป Webix Apps ๋ฐ๋ชจ๋ฅผ ์ฌ์ฉํด ๋ณผ ์ ์์ต๋๋ค.
๐Webix JavaScript UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ ๊ณตํ๋ ๊ฐ๊ฒฉ ๊ณํ์ ๋ฌด์์ ๋๊น?
Webix์ ๊ธฐ๋ณธ ๊ณํ์ $349๋ถํฐ ์์ํ๋ฉฐ ํ๋ก์ ํธ ์์ ๊ฐ๋ฐ์ ์ง์์ ๋ฐ๋ผ ์ต๋ $9499๊น์ง ๋ค์ํ ๊ฐ๊ฒฉ ๊ณํ์ด ์ด์ด์ง๋๋ค.
๐Webix ํํ ๋ฆฌ์ผ์ ์๋ํด ๋ณผ ๊ฐ์น๊ฐ ์๋์?
์, Webix ํํ ๋ฆฌ์ผ์ ์ฌ์ฉํด Webix์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ์ฑ์ ๋ง์คํฐํ ์ ์์ต๋๋ค. ์ต์ ์ ๊ฒฐ๊ณผ๋ฅผ ์ป๊ธฐ ์ํด ํ์ฉํ ์ ์๋ ์ฌ์ธต์ ์ธ ํํ ๋ฆฌ์ผ์ด ํจ๊ป ์ ๊ณต๋ฉ๋๋ค.
์น๋น ์ค ๊ฒํ 2024 : ๊ฒฐ๋ก
์จ๋น ์ค ํ์ต ๊ณก์ ์ด ๋ฎ๊ณ ์์ํ๊ณ ๊ตฌํํ๋ ๊ฒ์ด ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค. ๋ค์์ฑ๊ณผ ์ ์ฐ์ฑ์ ๊ณ ๋ คํ๋ฉด Webix๋ ์ฝ๊ฒ ์กฐ์ํ ์ ์๋ ๊ด๋ฒ์ํ API ์นํ์ ์์ ฏ์ผ๋ก ๊ตฌ์ฑ๋ ํฌ๊ด์ ์ธ UI ๊ตฌ์ฑ ์์ ์ธํธ๋ฅผ ์ ๊ณตํฉ๋๋ค.
๋ชจ๋ ๊ฐ๋ฐ์ HTML ์์ด JavaScript๋ฅผ ์ฌ์ฉํ์ฌ ๊ตฌ์ถํ ์ ์์ผ๋ฉฐ, TypeScript๋ฅผ ์ฌ์ฉํ๋ฉด IDE์์ ์์ ํ ์ ํ ๊ฒ์ฌ ๋ฐ IntelliSense๋ฅผ ์ป์ ์ ์์ต๋๋ค.
ํนํ, Webix Jet Library๋ SPA ๊ฐ๋ฐ์ ํ์ํ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ถ๊ฐํ์ฌ ๋๊ตฌ๋ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๋ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค!
Webix ๊ณ ๊ฐ ์๋น์ค ํ์ ๋ฌธ์ ๊ฐ ์๋ ๊ณ ๊ฐ์๊ฒ ํ๋ฅญํ ์ง์์ ์ ๊ณตํ๋ฉฐ ๊ณ ๊ฐ ์๋น์ค ํ์ ํฌ๋ผ์ด๋ ์ด๋ฉ์ผ์ ํตํด ๊ทํ๊ฐ ๊ฐ์ง๊ณ ์๋ ๋ชจ๋ ์ง๋ฌธ์ ๋งค์ฐ ์ ์ํ๊ฒ ๋ต๋ณํฉ๋๋ค.
๊ฐ๋ฐ์ ๋๊ตฌ๋ ๋ฒ๊ทธ๊ฐ ์๊ณ ์์ ์ ์ด๋ฉฐ ๊ฐ์ฅ ๋ณต์กํ GUI๋ ์ฝ๊ฒ ํจ๊ณผ์ ์ผ๋ก ์คํํ๊ณ ๋ฐ์ด๋ ๋์์ธ, ๋ฐ์ด๋ ๋ฐ์ํ ์์ฌ ์คํจ ๋ฐ ์์ด์ฝ ํฉ์ ์ ๊ณตํฉ๋๋ค. ๊ทธ๋งํผ ํ๋ก์ ํธ ๊ด๋ฆฌ ๋๊ตฌ๋ ์๋นํ ๋ฐ์ ๋์์ผ๋ฉฐ ์ ๊ธฐ์ ์ผ๋ก ์์ฃผ ์ ๋ฐ์ดํธ๋ฉ๋๋ค.
๋ชจ๋ ๋ชจ๋, ์จ๋น ์ค JavaScript ๋ฐ HTML ๊ฐ๋ฐ์๊ฐ ์ฆ๊ฒจ ์ฌ์ฉํ๋ ๊ฐ์ฅ ๊ฐ๋ ฅํ๊ณ ๋ค์ํ ์จ๋ผ์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋๋ฅผ ๋ณด์ ํ ๊ธฐ์ ์ ๋๋ค. ๊ฐ์ฅ ์ข์ ์ ์ Webix๊ฐ ์๊ท๋ชจ, ์ค๊ฐ ๊ท๋ชจ ๋๋ ๋๊ท๋ชจ์ ๋ชจ๋ ๊ท๋ชจ์ ์จ๋ผ์ธ ๋น์ฆ๋์ค์ ์ ํฉํด ๋ณด์ธ๋ค๋ ๊ฒ์ ๋๋ค!
๋น์ ์ ๊ทธ๋ค์ ๋ฐ๋ผ๊ฐ ์ ์์ต๋๋ค ํ์ด์ค๋ถ, ํธ์ํฐ & ๋งํฌ๋์ธ ์ ๋ฐ์ดํธ๋ ๊ธฐ๋ฅ, ํ ์ธ ๋ฐ ๊ฐ๊ฒฉ์ ๊ณ์ํด์ ๋ฐ์๋ณด์ธ์.
์๊ฒฉ์ ๊ฐ์ถ ํ, ์ง๊ธ๊น์ง์ ์ฌ์ ๋ฐ ์ฑ๊ณผ๋ฅผ ์ดํด๋ณด๋ ค๋ฉด Webix๋ฅผ ํ์ธํ์ธ์. ํ์ฌ ์๊ฐ ํ์ด์ง.
Javascript UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ์ โ Webix v.6.3
๋๋ webix๊ฐ ๋ชจ๋ ๋ฉด์์ ์๋ฒฝํ ๋๊ตฌ๋ผ๊ณ ๋งํ๊ณ ์ถ์ต๋๋ค. webix์ ์ ๋ฒ์ ์ด๋ผ๋ ์ฌ์ฉ์ด ๊ฐํธํ๋ค๊ณ ํด์ ๋จ์์ฑ ์์๊ฐ ๋ฐ๋์ง๋ ์์ต๋๋ค. ๋๋ ๊ทธ๊ฒ์ ์ถ์ฒํ๊ณ ์ถ์ต๋๋ค. ํฌ๊ณ ์์ ํ๋ก์ ํธ์ ์ ํฉํ๊ณ , ๋ค๋ฅธ ํ๋ซํผ๊ณผ์ ์ฐ๊ฒฐ์ฑ์ด ํ๋ฅญํ๊ณ , ๊ตฌ์ฑ ์์์ ์์ง ์๊ฐ๋ฝ์ด ์๊ณ , ์ฌ์ฉํ ์ ์๋ ์คํจ์ด ๋ง๊ณ , ์ฌ์ฉํ๊ธฐ ์ฌ์ด ์ธํฐํ์ด์ค์ ๋๋ค. ๋จ ํ ๋ช ์ ๊ฐ๋ฐ์๋ฅผ ์ํ ๊ฐ๊ฒฉ์ ๋น์ธ์ง๋ง ํ ํผ๋ ์๊น์ง ์์ต๋๋ค. ๋๋ฌด ๋งค๋ ฅ์ ์ธ ์์ ฏ์ด ๋ง์ด ์์ต๋๋ค.
์ ๋ ์ค์ ๋ก Webix ์ํ ๋ณํ์ ์ฌ์ฉํด ์์ผ๋ฉฐ ์๋ฅ ์์ ๋ ์ค๋ช ๋์ด ์๊ณ ์ฌ์ฉํ๊ธฐ๊ฐ ๋งค์ฐ ๊ฐ๋จํ์ต๋๋ค. ๋๋ ํญ๋ชฉ์ ์ ์ธํด์ผ ํ๋ ๋จ์์ฑ์ ์ข์ํ๋ฉฐ Webix๋ ๋ด UI์ธ HTML์ ์์ฑํ๋ ๋ง๋ฒ์ ์ํํฉ๋๋ค. ์ด๊ฒ์ ์ํํธ์จ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ํ๋ฅญํ ํญ๋ชฉ์ ๋๋ค. ๋ฐ๊ฒฌ ๊ณก์ ์ ๋งค์ฐ ์ฌ์ฐ๋ฉฐ Form Builder๋ฅผ ์ฌ์ฉํ๋ฉด ํ๋กํ ํ์ ์ ์ฒด๊ณ์ ์ผ๋ก ๊ฐ๋จํ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค. ๋๋ถ๋ถ์ ๊ตฌ์ฑ ์์๋ ์ฃผ๊ฑฐ์ฉ ๊ฑด๋ฌผ๊ณผ ๋์ผํ ๊ธฐ์ ์ ๊ณต์ ํ๋ฏ๋ก ํ ๋ถ๋ถ์ ๋ํด ๋ฐฐ์ฐ๊ณ ๋ค๋ฅธ ๋ถ๋ถ์ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ ํํ ์ดํดํ๋ ํ ๋ฐ๋์ด ๋ถ๊ฒ ๋ฉ๋๋ค. ์ ๊ฐ ์ง๋ฌธ์ ํ์ ๋ ํ ๋ก ํฌ๋ผ์ ์ง์์ ํ๋ฅญํ๊ณ ์ ๊ฐ ํ๊ณ ์๋ ์ฝ๋ฉ์ ๋ํด ๊ณง ๋์์ด ๋ ํผ๋๋ฐฑ์ ์ป์์ต๋๋ค. ๋ฐ๋ผ์ ์ฝ๋ฉ์ด ์ด์ ์ ์ค์ ๋ก ๋ณธ ๊ฒ๋ณด๋ค ํจ์ฌ ๋น ๋ฅด๊ธฐ ๋๋ฌธ์ ์ ๊ณต๋๋ ํญ๋ชฉ์ ์ผ๋ถ๋ก ํ์คํ ์ฌ์ฉํ ๊ฒ์ ๋๋ค. ์ฑ๊ณต ๋ค์๋ ํ์์ ์ธ ๋ง์์ด ์์์ ๋ณด์ฌ์ค๋๋ค. ์ฌ์ฉ ์ฉ์ด์ฑ ์๋ํ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ์ํ๊ฒ ์์ฑํ๋ ์๋ ํฌ๋ผ ์ง์ ๊ฐ์ฒด ์ ์ธ์ ์ฝ๋ฉ ๋ด์ฅ๋ ์ฐจํธ ํ๋ ์์ํฌ ์ ๋ฌธ ์์ ฏ ๋ด์ฅ๋ ๋ณด๊ณ ๊ธฐ๋ฅ PDF, EXCEL ๋ฑ์ผ๋ก ๋ด๋ณด๋ด๊ธฐ ๊ธฐ๋ฅ
Webix๋ ์ฑ์ ๋น ๋ฅด๊ฒ ์์ฑํ๊ณ ๋ณต์กํ๊ฒ ๋ง๋ค์ง ์๊ณ ์ฌ๋ฌผ ์งํฅ์ ์ด๋ฉฐ ๋งค์ฐ ์ข์ ๋ฌธ์๊ฐ ์๊ณ ์จ๋ผ์ธ ํฌ๋ผ ๊ฒ์์ด ์๋ํฉ๋๋ค.
Webix๋ก ๊ตฌ์ถํ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฃผ๋ก ์ ๋ณด ์์ง, ์ ๋ฐ์ดํธ/์ญ์ /์๊ฐํ, ๋ฐ์ดํฐ ์์ค ์ ์ฅ, ๋ค์ํ ํ์์ผ๋ก ๊ฐ์ ธ์ค๊ธฐ/๋ด๋ณด๋ด๊ธฐ, ํน์ ํ์ดํ๋ก ์ ๋ฌ ๋ฑ์ ์ํํฉ๋๋ค.
๋ค์ํ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ๊ณ ๊ฐ์ ์ํด ์น์ํ๊ณ ์ฌ์ฉํ๊ธฐ ์ฌ์ด ์ธํฐ๋ท ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ๋ ค๋ฉด Javascript์ ๊ณ ๊ธ UI ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค. ์ ๋ ๋ช ๋ ์ ์ Adobe FLex๋ฅผ ์ฌ์ฉํ๊ณ ๊ทธ๋ค์์๋ Google GWT์ 2014 Sencha Ext Js๋ฅผ ์ฌ์ฉํ์ต๋๋ค. ์ค์ ๋ก Syncfusion UI JS์ Telerik Kendo UI๋ฅผ ํ๊ฐํ์ต๋๋ค. ํ์ง๋ง Webix UI ๋ถ๋ถ์ ๋ง๋ฌ์ ๋ ์ฃผ๋ก ์ ๊ณต๋๋ ๋ถ๋ถ์ด ๋ง๊ณ ํ์ง์ด ์ฐ์ํ๋ฉฐ ๋๋ถ๋ถ ์น ์ฑ์ ๋ก๋ฉ ์๊ฐ๊ณผ ๊ฑฐ๋ํ ์ ํ๋ฆฌ์ผ์ด์ ์ด ์ธํธ๋ผ๋ท์ด๋ ์น ๊ตฌํ์ ๋นํด ๋งค์ฐ ์งง๊ธฐ ๋๋ฌธ์ ์ฑํํ๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค. ๋ค๋ฅธ UI Js ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ๋ง๋ ๊ฒ๊ณผ ๋๊ฐ์ ์ธํฐ๋ท ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ํ์คํ ๋์์ด๋๊ฐ jquery๋ฅผ ์ฌ์ฉํ ๊ฒฝ์ฐ ํ์ต ๊ณก์ ์ ์ ๋ง ํธ์ํ๊ณ ์ฃผ๋ก ์งง์ต๋๋ค. ๋ฌธ์๋ ๋งค์ฐ ํ๋ถํ๋ฉฐ ๊ธฐ์ ์ง์๋ ๋งค์ฐ ๋ฐ์์ ์ ๋๋ค. ๊ทธ๋ผ ๋ ๋ฌด์์ ๋ฌผ์ด๋ณผ ๊ฒ์ธ๊ฐ? ๋๋ก๋ ๋ด๊ฐ ์จ๋ผ์ธ ๋ฌธ์์์ ์ํ๋ ๋ด์ฉ์ ์ฐพ๋ ๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆด ๋๋ ์์ต๋๋ค. ๋ํ ์ ๊ณต๋ ์ผ๋ถ ์๋ ์ฌ์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ํ๋ก ํธ์๋์๋ Javascript๋ฅผ ์ฌ์ฉํ๊ณ ๋ฐฑ์๋์๋ Java EE๋ฅผ ์ฌ์ฉํฉ๋๋ค.
๋๋ ๊ทธ๊ฒ์ด ์ต๊ณ ์ JS ํ๋ ์์ํฌ๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์ ๋ 4๋ ๋๊ฒ Webix๋ฅผ ์ฌ์ฉํด ์์ผ๋ฉฐ ํ๋ ์์ํฌ, ๋ง์ ๋ด์ฅ ๊ธฐ๋ฅ ๋ฐ ์ฌ์ฉํ๊ธฐ ์ฌ์ด ์ต์ ํ๋ซํผ์ ๋งค์ฐ ๋ง์กฑํฉ๋๋ค. โ ์ง์์ Webix์ ๊ดํ ๊ฒ์ด ์๋๋๋ค. ํ์ ๋งค์ฐ ๋์์ด ๋๊ณ ๋น ๋ฅด๊ฒ ์๋ตํฉ๋๋ค. ์ ๋ ์ฌ๋ฌ JS ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํด ๋ณด์๋๋ฐ Webix๊ฐ ๊ฐ์ฅ ๋ฐ์ด๋ ํ๋ ์์ํฌ ์ค ํ๋๋ผ๊ณ ์๊ฐํฉ๋๋ค. ์คํ์ผ๋ง์ด ๋จ์ ์ผ ์ ์์ง๋ง ์ ๊ธฐ์ ์ผ๋ก ๊ณ์ ์ถ์๋ฉ๋๋ค.
Webix๋ ์ค๋๋ ์ธ๊ณ ์ต๊ณ ์ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค.
์ฌ๋ฌด์ฉ ๊ฒ์ท
์ ๋ ์ง๊ธ๊น์ง Webix๊ฐ ์๋ฒฝํ๊ฒ ์คํ๋์์ ๋ฟ๋ง ์๋๋ผ ์น ์ฑ์ผ๋ก ์คํ ๊ฐ๋ฅํ ๊ฒ์ ๊ฒฝ๊ณ๋ฅผ ๋ํ๋ Webix๋ฅผ ์ฌ์ฉํ์ฌ ํฌ๊ณ ๋ณต์กํ ์ ํ๋ฆฌ์ผ์ด์ ์ ํ๋กํ ํ์ ์ ์ ์ํด ์์ต๋๋ค. ๋๋ ExtJS๋ฅผ ์ฌ์ฉํ์ฌ ์ ๋ฌธ์ ์ธ ์น ์ฑ์ฅ ๊ณ์ฝ์ ๋ง์ด ์ํํ์ผ๋ฉฐ 1์์ 2์ ์๋ฆฌ๊ฐ ExtJS์ Webix ๊ฐ์ ์ธ์์ด๋ผ๊ณ ์๊ฐํ๋ฉฐ ํฅํ ํ๋ก์ ํธ๋ฅผ ์ํด Webix๋ฅผ ์ ๊ทน์ ์ผ๋ก ์ถ์งํ๊ณ ์์ต๋๋ค. Webix๋ ๋ชจ๋ ๋ฉด์์ ์ ๋ง ํธ์์ ์ผ๋ก ๋น๊ต๋๋ฉฐ ๋ง์ ๋ฉด์์ ์ด๋ฅผ ๋ฅ๊ฐํฉ๋๋ค. ๋ํ Webix๋ฅผ ๊ฐ๋ฐํ๋ ์ฌ๋๋ค๊ณผ์ ์ํธ ์์ฉ์ด ๋งค์ฐ ๊ธ์ ์ ์ด๋ผ๋ ๊ฒ์ ์๊ฒ ๋์์ต๋๋ค. ๊ทธ๊ฒ๋ค์ ๋งค์ฐ ์ค์ฉ์ ์ด๊ณ ์ฆ๊ฒ์ต๋๋ค. ์ด๋ ์์งํ ์ฃผ๋ณ์ ๋ค์ํ ๊ฒฝ์ ์ ํ๊ณผ ๋์กฐ์ ์ ๋๋ค. Webix๋ ์ฌ๋ฌ๋ถ์ ์์ ์์ฒญ๋ ํ์ ๋ถ์ฌํ๊ณ ๋งค์ฐ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก ์ด๋ฅผ ์ํํฉ๋๋ค. ๋จธ๋ฆฌ๋ฅผ ๋นํ์ด ๋๋ฆฌ๋ ๊ฒ์ ์ ๋ง ๊ฐ๋จํ๊ณ ์ํ๋ ๋๋ก ๋ง๋๋ ๊ฒ๋ ๋งค์ฐ ์ฝ์ต๋๋ค. Webix๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ํ์ํ ๋๋ก ์๋ํ๊ณ ๋ชจ๋ ๋ฉด์์ ์ ๊ณ ๋ ค๋์ด ์๋ค๋ ์ฌ์ค ๋๋ฌธ์ ์ด๋ ค์์ ๊ฒช๋ ๊ฒฝ์ฐ๊ฐ ๊ฑฐ์ ์์ต๋๋ค. ๋๋ ๋งค์ฐ ๋ณต์กํ ์์ ์ด Webix๋ฅผ ์ ํํ์ง ์์ ๊ฒฝ์ฐ๋ณด๋ค ์ ๋ฐ ์ ๋๋ง ์งํ๋์์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ์ง ์์ผ๋ฉฐ ExtJS๋ฅผ ์ ์ธํ๊ณ ์์ฅ์ ํ์คํ ๋ค๋ฅธ ์ ํ์ด ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ค์ฉ์ ์ด์๊ธฐ ๋๋ฌธ์ ์ด๋ค ์ข ๋ฅ์ ์ธํฐ๋ท ๋ฐ์ ํ๋ก์ ํธ์๋ Webix๋ฅผ ์ถฉ๋ถํ ์ถ์ฒํ ์ ์์ต๋๋ค. ๊ทธ๊ฒ ๊ฒฐ๋ก ์ ๋๋ค!
์ฅ์
Webix๊ฐ ์ฝ๋ ์ค์ฌ ๊ฐ๋ฐ ๋ฒ์ ์ ์ ๊ณตํ๋ค๋ ์ ์ด ๋ง์์ ๋ญ๋๋ค. ๋๋ ์ถ๊ฐ์ ์ธ ๋งํฌ์ ์ค์ฌ ์ ๊ทผ ๋ฐฉ์๋ณด๋ค ์ด๊ฒ์ ์ ํธํฉ๋๋ค. ์ ๋ Webix๊ฐ ์ ๊ณตํ๋ API๊ฐ ํฉ๋ฆฌ์ ์ด๊ณ ์ผ๊ด๋๋ฉฐ ํฉ๋ฆฌ์ ์ด๋ผ๋ ์ ์ ์ข์ํฉ๋๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก ์ต์ํ์ง ์์ ๋ถํ์ ๋ํด์๋ ์ด๋ค ์์ฑ/๋ฐฉ๋ฒ์ด ํ์ํ์ง ์ถ์ ํ๋ ๊ฒ์ ๊ฐ๋จํฉ๋๋ค. Webix๊ฐ ์ต์ UI๋ฅผ ๊ตฌ์ถํ๋ ค๋ ๋๋ถ๋ถ์ ์์ ฏ๊ณผ ๊ตฌ์ฑ ์์๋ฅผ ์ ๊ณตํ๋ค๋ ์ ์ด ๋ง์์ ๋ญ๋๋ค. Webix์ ์ฑ๋ฅ์ ๋๊ตฌ์๊ฒ๋ ๋ค์ง์ง ์์ ๋ฟ๋ง ์๋๋ผ UI์ ๋ฌด๊ฒ์ ๋ณต์ก์ฑ์๋ ๋ถ๊ตฌํ๊ณ ์ ๊ธฐ์ ์ผ๋ก ์ฑ๋ฅ์ ์ ์งํฉ๋๋ค. Webix๋ ๊ฝค ์ข์ ๋น์ฉ ๋ชจ๋ธ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ํนํ ๋จ์ผ ์์ ๊ณผ ์๊ท๋ชจ ์์ ์ ๊ฒฝ์ฐ ๋น์ฉ์ด ๋ ์ ๋ ดํ ์๋ ์์ง๋ง ๋น์ฉ์ ๋ค๋ฅธ ์ ์ฌํ ํญ๋ชฉ๊ณผ ๋น๊ตํ๊ธฐ ์์ํ๋ฉด ์ค์ ๋ก Webix๊ฐ ์ค์ ๋ก ์๋นํ ๊ฒฝ์ ์ ์ด๋ผ๋ ๊ฒ์ ์๊ฒ ๋ฉ๋๋ค. Webix์ ๋น์ฉ ๋๋น ์ด์ต ๋น์จ์ ๋งค์ฐ ์ฐ์ํฉ๋๋ค. ์์ฌ์ ์ฌ์ง๊ฐ ์์ต๋๋ค!
๋จ์
Webix๊ฐ ์ ๊ณตํ๋ ๊ธฐ๋ณธ ์คํ์ผ์ด ๋ ์ข์ ์ ์์ผ๋ฉฐ ํด๋น ๋์์ธ์ ์กฐ์ ํ๋ ๊ธฐ๋ฅ๋ ์กฐ๊ธ ๋ ์ข์์ง ์ ์์ต๋๋ค. ์ง๊ตฌ์์ ๊ฑฐ์ ๋ชจ๋ ํญ๋ชฉ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ๋ฌธ์๋ ์กฐ๊ธ ๋ ๋์์ง ์ ์์ต๋๋ค. ์ ํ ์ด์ ํ์ง ์๊ณ ์ ๊ฐ ์ฌ์ฉํด ๋ณธ ๋ค๋ฅธ ๋ง์ ์ ํ๋ณด๋ค ํจ์ฌ ๋ซ์ง๋ง, ํ์ํ ์ธ๋ถ ์ฌํญ์ ์ ํํ ํ์ ํ๋ ๊ฒ์ด ์ข ์ข ์ด๋ ต์ต๋๋ค. ํนํ API ๋ฌธ์๋ ์ฝ๊ฐ์ ๊ตฌ์กฐ ์กฐ์ ์ ์ฌ์ฉํ ์ ์๋ค๊ณ ๊ฐ์ ํฉ๋๋ค.