Englishํ”„๋ž‘์Šค์–ด์ŠคํŽ˜์ธ์–ด

์˜จ์›์Šค ํŒŒ๋น„์ฝ˜

Windows์šฉ Layui UI ๋‹ค์šด๋กœ๋“œ

Layui UI Windows ์•ฑ์„ ๋ฌด๋ฃŒ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ Ubuntu ์˜จ๋ผ์ธ, Fedora ์˜จ๋ผ์ธ ๋˜๋Š” Debian ์˜จ๋ผ์ธ์—์„œ ์˜จ๋ผ์ธ win Wine์„ ์‹คํ–‰ํ•˜์‹ญ์‹œ์˜ค.

์ตœ์‹  ๋ฆด๋ฆฌ์Šค๋ฅผ layui-v2.8.17.zip์œผ๋กœ ๋‹ค์šด๋กœ๋“œํ•  ์ˆ˜ ์žˆ๋Š” Layui UI๋ผ๋Š” Windows ์•ฑ์ž…๋‹ˆ๋‹ค. ์›Œํฌ์Šคํ…Œ์ด์…˜์šฉ ๋ฌด๋ฃŒ ํ˜ธ์ŠคํŒ… ์ œ๊ณต์—…์ฒด์ธ OnWorks์—์„œ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

OnWorks์™€ ํ•จ๊ป˜ Layui UI๋ผ๋Š” ์ด ์•ฑ์„ ๋ฌด๋ฃŒ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์˜จ๋ผ์ธ์—์„œ ์‹คํ–‰ํ•˜์‹ญ์‹œ์˜ค.

์ด ์•ฑ์„ ์‹คํ–‰ํ•˜๋ ค๋ฉด ๋‹ค์Œ ์ง€์นจ์„ ๋”ฐ๋ฅด์„ธ์š”.

- 1. ์ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ PC์— ๋‹ค์šด๋กœ๋“œํ–ˆ์Šต๋‹ˆ๋‹ค.

- 2. ํŒŒ์ผ ๊ด€๋ฆฌ์ž https://www.onworks.net/myfiles.php?username=XXXXX์— ์›ํ•˜๋Š” ์‚ฌ์šฉ์ž ์ด๋ฆ„์„ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค.

- 3. ์ด๋Ÿฌํ•œ ํŒŒ์ผ ๊ด€๋ฆฌ์ž์—์„œ ์ด ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ์—…๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค.

- 4. ์ด ์›น์‚ฌ์ดํŠธ์—์„œ ๋ชจ๋“  OS OnWorks ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‹œ์ž‘ํ•˜์ง€๋งŒ ๋” ๋‚˜์€ Windows ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

- 5. ๋ฐฉ๊ธˆ ์‹œ์ž‘ํ•œ OnWorks Windows OS์—์„œ ์›ํ•˜๋Š” ์‚ฌ์šฉ์ž ์ด๋ฆ„์œผ๋กœ ํŒŒ์ผ ๊ด€๋ฆฌ์ž https://www.onworks.net/myfiles.php?username=XXXXX๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

- 6. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.

- 7. Linux ๋ฐฐํฌ ์†Œํ”„ํŠธ์›จ์–ด ์ €์žฅ์†Œ์—์„œ Wine์„ ๋‹ค์šด๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค. ์„ค์น˜๊ฐ€ ์™„๋ฃŒ๋˜๋ฉด ์•ฑ์„ ๋‘ ๋ฒˆ ํด๋ฆญํ•˜์—ฌ Wine๊ณผ ํ•จ๊ป˜ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ธ๊ธฐ ์žˆ๋Š” Windows ํ”„๋กœ๊ทธ๋žจ ๋ฐ ๊ฒŒ์ž„์„ ์„ค์น˜ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” Wine์„ ํ†ตํ•œ ๋ฉ‹์ง„ ์ธํ„ฐํŽ˜์ด์Šค์ธ PlayOnLinux๋ฅผ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

Wine์€ Linux์—์„œ Windows ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด์ง€๋งŒ Windows๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. Wine์€ ๋ชจ๋“  Linux ๋ฐ์Šคํฌํƒ‘์—์„œ ์ง์ ‘ Windows ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ์˜คํ”ˆ ์†Œ์Šค Windows ํ˜ธํ™˜์„ฑ ๊ณ„์ธต์ž…๋‹ˆ๋‹ค. ๋ณธ์งˆ์ ์œผ๋กœ Wine์€ Windows๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š๊ณ  ๋ชจ๋“  Windows ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก Windows๋ฅผ ์ฒ˜์Œ๋ถ€ํ„ฐ ์ถฉ๋ถ„ํžˆ ๋‹ค์‹œ ๊ตฌํ˜„ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ ์ƒท

Ad


๋ผ์œ ์ด UI


๊ธฐ์ˆ 

layui๋Š” ์ž์ฒด์ ์ธ ๊ณ ์ „์ ์ธ ๋ชจ๋“ˆํ™” ์‚ฌ์–‘์„ ์ฑ„ํƒํ•˜๊ณ  ๊ธฐ๋ณธ HTML/CSS/JS ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์„ ๋”ฐ๋ฅด๋Š” ์˜คํ”ˆ ์†Œ์Šค ์›น UI ๊ตฌ์„ฑ ์š”์†Œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์„ธํŠธ์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ์‚ฌ์šฉํ•˜๊ธฐ ๋งค์šฐ ์‰ฝ๊ณ  ์‚ฌ์šฉํ•  ์ค€๋น„๊ฐ€ ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํƒ€์ผ์€ ๋‹จ์ˆœํ•˜๊ณ  ๊ฐ€๋ณ๊ณ  ๊ตฌ์„ฑ ์š”์†Œ๋Š” ์šฐ์•„ํ•˜๊ณ  ํ’๋ถ€ํ•ฉ๋‹ˆ๋‹ค. ์†Œ์Šค ์ฝ”๋“œ์—์„œ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ์ด๋ฅด๊ธฐ๊นŒ์ง€ ๋ชจ๋“  ์„ธ๋ถ€ ์‚ฌํ•ญ์ด ์„ธ์‹ฌํ•˜๊ฒŒ ์ œ์ž‘๋˜์–ด ์›น ์ธํ„ฐํŽ˜์ด์Šค์˜ ๋น ๋ฅธ ๊ฐœ๋ฐœ์— ๋งค์šฐ โ€‹โ€‹์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค. Layui๋Š” MVVM์˜ ์ตœํ•˜์œ„ ๊ณ„์ธต์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ์™€ ๋‹ค๋ฅด์ง€๋งŒ, ๊ธธ์„ ๊ฑฐ์Šค๋ฅด์ง€ ์•Š๊ณ  ๊ธฐ๋ณธ์œผ๋กœ ๋Œ์•„๊ฐ€๋Š” ๊ฒƒ์„ ๋ฏฟ์Šต๋‹ˆ๋‹ค. ์ •ํ™•ํžˆ ๋งํ•˜๋ฉด ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ํ”„๋ŸฐํŠธ ์—”๋“œ ๋„๊ตฌ์— ๊ด€์—ฌํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ € ์ž์ฒด๋ฅผ ๋งˆ์ฃผํ•˜๊ณ  ํ•„์š”ํ•œ ๋ชจ๋“  ์š”์†Œ์™€ ์ƒํ˜ธ ์ž‘์šฉ์„ ์†๋์—์„œ ์—ฌ๊ธฐ์—์„œ ๊ฐ€์ ธ์˜ค๋„๋ก ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.



๊ธฐ๋Šฅ

  • layui๋ฅผ ์–ป์€ ํ›„ ์ •์  ๋ฆฌ์†Œ์Šค ํ”„๋กœ์ ํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— ์™„์ „ํžˆ ๋ฐฐํฌํ•˜์‹ญ์‹œ์˜ค.
  • layui๊ฐ€ ํŽธ๋ฆฌํ•œ ์›น ์ธํ„ฐํŽ˜์ด์Šค ์†”๋ฃจ์…˜์ด ๋˜์–ด ํ™”๋ฉด ์•ž์—์„œ ์ˆ˜์‹ญ์–ต ๋ฐ”์ดํŠธ๋กœ ๋ณ€ํ™˜๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค!
  • ๋‚ก์€ ๊ฒƒ์„ ๋ถ€์ˆ˜๊ณ  ์ƒˆ๋กœ์šด ๊ฒƒ์„ ์ง“๋‹ค
  • ๋‹ค์–‘ํ•œ ํ”„๋ŸฐํŠธ ์—”๋“œ ๋„๊ตฌ์— ๊ด€์—ฌํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
  • ๋ธŒ๋ผ์šฐ์ € ์ž์ฒด๋งŒ ๋งˆ์ฃผํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.
  • ์†Œ์Šค ์ฝ”๋“œ๋ถ€ํ„ฐ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•๊นŒ์ง€ ๋ชจ๋“  ์„ธ๋ถ€ ์‚ฌํ•ญ์ด ์„ธ์‹ฌํ•˜๊ฒŒ ์ œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค.


ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด

์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ


์นดํ…Œ๊ณ ๋ฆฌ

์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI), ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

์ด๊ฒƒ์€ https://sourceforge.net/projects/layui-ui.mirror/์—์„œ๋„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. ๋ฌด๋ฃŒ ์šด์˜ ์ฒด์ œ ์ค‘ ํ•˜๋‚˜์—์„œ ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•์œผ๋กœ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด OnWorks์—์„œ ํ˜ธ์ŠคํŒ…๋˜์—ˆ์Šต๋‹ˆ๋‹ค.


๋ฌด๋ฃŒ ์„œ๋ฒ„ ๋ฐ ์›Œํฌ์Šคํ…Œ์ด์…˜

Windows ๋ฐ Linux ์•ฑ ๋‹ค์šด๋กœ๋“œ

Linux ๋ช…๋ น

Ad