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

Ad


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

Windows์šฉ tailwindcss ๋‹ค์šด๋กœ๋“œ

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

์ด๊ฒƒ์€ ์ตœ์‹  ๋ฆด๋ฆฌ์Šค๋ฅผ tailwindcss-windows-arm64.exe๋กœ ๋‹ค์šด๋กœ๋“œํ•  ์ˆ˜ ์žˆ๋Š” tailwindcss๋ผ๋Š” Windows ์•ฑ์ž…๋‹ˆ๋‹ค. ์›Œํฌ์Šคํ…Œ์ด์…˜์šฉ ๋ฌด๋ฃŒ ํ˜ธ์ŠคํŒ… ์ œ๊ณต์—…์ฒด์ธ OnWorks์—์„œ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

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

- 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


๋’ท๋ฐ”๋žŒ


๊ธฐ์ˆ 

HTML์„ ๋– ๋‚˜์ง€ ์•Š๊ณ  ํ˜„๋Œ€์ ์ธ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•˜์‹ญ์‹œ์˜ค. ๋งˆํฌ์—…์—์„œ ์ง์ ‘ ๋ชจ๋“  ๋””์ž์ธ์„ ๋นŒ๋“œํ•˜๋„๋ก ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” flex, pt-4, text-center ๋ฐ rotate-90๊ณผ ๊ฐ™์€ ํด๋ž˜์Šค๋กœ ๊ตฌ์„ฑ๋œ ์œ ํ‹ธ๋ฆฌํ‹ฐ ์šฐ์„  CSS ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค. ์œ ํ‹ธ๋ฆฌํ‹ฐ ํด๋ž˜์Šค๋Š” ์ž„์˜์˜ ๊ฐ’์œผ๋กœ ์Šคํƒ€์ผ์‹œํŠธ๋ฅผ ์–ด์ง€๋Ÿฝํžˆ๋Š” ๋Œ€์‹  ์‹œ์Šคํ…œ์˜ ์ œ์•ฝ ์กฐ๊ฑด ๋‚ด์—์„œ ์ž‘์—…ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ƒ‰์ƒ ์„ ํƒ, ๊ฐ„๊ฒฉ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๊ทธ๋ฆผ์ž ๋ฐ ์ž˜ ์„ค๊ณ„๋œ ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๊ตฌ์„ฑํ•˜๋Š” ๋ชจ๋“  ์š”์†Œ์˜ ์ผ๊ด€์„ฑ์„ ์‰ฝ๊ฒŒ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Tailwind๋Š” ๋งค์šฐ ๋‚ฎ์€ ์ˆ˜์ค€์ด๊ธฐ ๋•Œ๋ฌธ์— ๋™์ผํ•œ ์‚ฌ์ดํŠธ๋ฅผ ๋‘ ๋ฒˆ ๋””์ž์ธํ•˜๋„๋ก ๊ถŒ์žฅํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋™์ผํ•œ ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ์™€ ํฌ๊ธฐ ์กฐ์ •์„ ์‚ฌ์šฉํ•˜๋”๋ผ๋„ ๋‹ค์Œ ํ”„๋กœ์ ํŠธ์—์„œ ์™„์ „ํžˆ ๋‹ค๋ฅธ ๋ชจ์–‘์œผ๋กœ ๋™์ผํ•œ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์‰ฝ๊ฒŒ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Tailwind๋Š” ํ”„๋กœ๋•์…˜์šฉ์œผ๋กœ ๋นŒ๋“œํ•  ๋•Œ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๋ชจ๋“  CSS๋ฅผ ์ž๋™์œผ๋กœ ์ œ๊ฑฐํ•˜๋ฏ€๋กœ ์ตœ์ข… CSS ๋ฒˆ๋“ค์ด ๊ฐ€์žฅ ์ž‘์Šต๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ๋Œ€๋ถ€๋ถ„์˜ Tailwind ํ”„๋กœ์ ํŠธ๋Š” ํด๋ผ์ด์–ธํŠธ์— 10kB ๋ฏธ๋งŒ์˜ CSS๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.



ํŠน์ง•

  • ํฌ๊ธฐ๊ฐ€ ์ž‘์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜์ง€ ์•Š์€ CSS๋ฅผ ๋‹ค์‹œ ๋ฐฐ์†กํ•˜์ง€ ๋งˆ์„ธ์š”.
  • ์ง„์ง€ํ•˜๊ฒŒ ์›ํ•˜๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ด๋“  ๊ตฌ์ถ•ํ•˜์„ธ์š”.
  • ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ์œ„ํ•œ API
  • ํ˜ธ๋ฒ„ ๋ฐ ํฌ์ปค์Šค ์ƒํƒœ? ์šฐ๋ฆฌ๋Š” ๊ทธ๋“ค์„ ์–ป์—ˆ๋‹ค
  • ์ค‘๋ณต ๊ฑฑ์ •? ํ•˜์ง€๋งˆ
  • Tailwind์˜ @apply ์ง€์‹œ๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ˜๋ณต๋˜๋Š” ์œ ํ‹ธ๋ฆฌํ‹ฐ ํŒจํ„ด์„ ์‚ฌ์šฉ์ž ์ง€์ • CSS ํด๋ž˜์Šค๋กœ ์ถ”์ถœ


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

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


์นดํ…Œ๊ณ ๋ฆฌ

ํ”„๋ ˆ์ž„์›Œํฌ, ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)

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


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

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

  • 1
    ํ†ต์Œ
    ํ†ต์Œ
    SWIG๋Š” ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.
    C๋กœ ์ž‘์„ฑ๋œ ํ”„๋กœ๊ทธ๋žจ๊ณผ
    ๋‹ค์–‘ํ•œ ๊ณ ๊ธ‰ ์ˆ˜์ค€์˜ C++
    ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด. SWIG๋Š” ๋‹ค์Œ๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
    ๋‹ค๋ฅธ...
    SWIG ๋‹ค์šด๋กœ๋“œ
  • 2
    WooCommerce Nextjs ๋ฐ˜์‘ ํ…Œ๋งˆ
    WooCommerce Nextjs ๋ฐ˜์‘ ํ…Œ๋งˆ
    React WooCommerce ํ…Œ๋งˆ,
    ๋‹ค์Œ JS, Webpack, Babel, Node ๋ฐ
    GraphQL ๋ฐ Apollo๋ฅผ ์‚ฌ์šฉํ•œ Express
    ๊ณ ๊ฐ. React์˜ WooCommerce ์Šคํ† ์–ด(
    ํฌํ•จ: ์ œํ’ˆ...
    WooCommerce Nextjs ๋ฐ˜์‘ ํ…Œ๋งˆ ๋‹ค์šด๋กœ๋“œ
  • 3
    Archlabs_repo
    Archlabs_repo
    ArchLabs์šฉ ํŒจํ‚ค์ง€ ์ €์žฅ์†Œ ์ด๊ฒƒ์€
    ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋Š” ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ
    ์—
    https://sourceforge.net/projects/archlabs-repo/.
    ๊ทธ๊ฒƒ์€ OnWorks์—์„œ ํ˜ธ์ŠคํŒ…๋˜์—ˆ์Šต๋‹ˆ๋‹ค ...
    archlabs_repo ๋‹ค์šด๋กœ๋“œ
  • 4
    ์ œํผ ํ”„๋กœ์ ํŠธ
    ์ œํผ ํ”„๋กœ์ ํŠธ
    Zephyr ํ”„๋กœ์ ํŠธ๋Š” ์ƒˆ๋กœ์šด ์„ธ๋Œ€์ž…๋‹ˆ๋‹ค.
    ์‹ค์‹œ๊ฐ„ ์šด์˜์ฒด์ œ(RTOS)
    ์—ฌ๋Ÿฌ ํ•˜๋“œ์›จ์–ด ์ง€์›
    ์•„ํ‚คํ…์ฒ˜. ๊ทธ๊ฒƒ์€
    ์ž‘์€ ํฌ๊ธฐ์˜ ์ปค๋„...
    Zephyr ํ”„๋กœ์ ํŠธ ๋‹ค์šด๋กœ๋“œ
  • 5
    SC์ฝ˜
    SC์ฝ˜
    SCons๋Š” ์†Œํ”„ํŠธ์›จ์–ด ๊ตฌ์ถ• ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.
    ๊ทธ๊ฒƒ์€์— ๋Œ€ํ•œ ์šฐ์ˆ˜ํ•œ ๋Œ€์•ˆ์ž…๋‹ˆ๋‹ค
    ๊ณ ์ „์ ์ธ "๋งŒ๋“ค๊ธฐ" ๋นŒ๋“œ ๋„๊ตฌ
    ์šฐ๋ฆฌ ๋ชจ๋‘๋Š” ์•Œ๊ณ  ์‚ฌ๋ž‘ํ•ฉ๋‹ˆ๋‹ค. ์Šค์ฝ˜์€
    ๊ตฌํ˜„ ...
    SCons ๋‹ค์šด๋กœ๋“œ
  • 6
    PSeInt
    PSeInt
    PSeInt๋Š” ์˜์‚ฌ ์ฝ”๋“œ ํ•ด์„๊ธฐ์ž…๋‹ˆ๋‹ค.
    ์ŠคํŽ˜์ธ์–ด๋ฅผ ๊ตฌ์‚ฌํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•™์ƒ.
    ์ฃผ์š” ๋ชฉ์ ์€ ๋‹ค์Œ์„ ์œ„ํ•œ ๋„๊ตฌ๊ฐ€ ๋˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
    ๊ธฐ๋ณธ์„ ๋ฐฐ์šฐ๊ณ  ์ดํ•ดํ•˜๊ธฐ
    ๊ฐœ๋…...
    PSeInt ๋‹ค์šด๋กœ๋“œ
  • ๋”ยป

Linux ๋ช…๋ น

Ad