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

Ad


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

Linux์šฉ CSSgram ๋‹ค์šด๋กœ๋“œ

CSSgram Linux ์•ฑ์„ ๋ฌด๋ฃŒ๋กœ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ Ubuntu ์˜จ๋ผ์ธ, Fedora ์˜จ๋ผ์ธ ๋˜๋Š” Debian ์˜จ๋ผ์ธ์—์„œ ์˜จ๋ผ์ธ์œผ๋กœ ์‹คํ–‰

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

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

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

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

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

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

- 4. ์ด ์›น์‚ฌ์ดํŠธ์—์„œ OnWorks Linux ์˜จ๋ผ์ธ ๋˜๋Š” Windows ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ ๋˜๋Š” MACOS ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

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

- 6. ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ์„ค์น˜ํ•˜๊ณ  ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

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

Ad


CSS๊ทธ๋žจ


๊ธฐ์ˆ 

๊ฐ„๋‹จํžˆ ๋งํ•ด CSSgram์€ CSS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ธ์Šคํƒ€๊ทธ๋žจ๊ณผ ๊ฐ™์€ ํ•„ํ„ฐ๋กœ ์ด๋ฏธ์ง€๋ฅผ ์ง์ ‘ ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ํ•˜๋Š” ์ผ์€ ์ด๋ฏธ์ง€์— ํ•„ํ„ฐ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ๋‹ค์–‘ํ•œ ํ˜ผํ•ฉ ๊ธฐ์ˆ ์„ ํ†ตํ•ด ์ƒ‰์ƒ ๋ฐ/๋˜๋Š” ๊ทธ๋ผ๋””์–ธํŠธ ์˜ค๋ฒ„๋ ˆ์ด๋ฅผ ์ ์šฉํ•˜์—ฌ ํ•„ํ„ฐ ํšจ๊ณผ๋ฅผ ๋ชจ๋ฐฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฆ‰, ์ˆ˜๋™ ์ด๋ฏธ์ง€ ์ฒ˜๋ฆฌ๊ฐ€ ์ค„์–ด๋“ค๊ณ  ์›น์—์„œ ๋” ์žฌ๋ฏธ์žˆ๋Š” ํ•„ํ„ฐ ํšจ๊ณผ๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค! ์šฐ๋ฆฌ๋Š” ํ•„ํ„ฐ ํšจ๊ณผ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์˜์‚ฌ ์š”์†Œ(์ฆ‰, :before ๋ฐ :after)๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฏ€๋กœ ์ด๋Ÿฌํ•œ ํ•„ํ„ฐ๋ฅผ ํฌํ•จํ•˜๋Š” ์š”์†Œ(์˜ˆ: ์ฝ˜ํ…์ธ  ๋ธ”๋ก๊ณผ ๊ฐ™์€ ์ฝ˜ํ…์ธ  ๋ธ”๋ก์ด ์•„๋‹˜)์— ์ ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. . ๊ถŒ์žฅ ์‚ฌํ•ญ์€ ์ด๋ฏธ์ง€๋ฅผ ๊ผฌ๋ฆฌํ‘œ. CSS ์•„ํ‚คํ…์ฒ˜์—์„œ ์‚ฌ์šฉ์ž ์ง€์ • ์ด๋ฆ„ ์ง€์ •์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ํ”„๋กœ์ ํŠธ ๋‚ด์—์„œ ์ œ๊ณต๋œ ์Šคํƒ€์ผ์— ๋Œ€ํ•œ .scss ํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•œ ๋‹ค์Œ ์Šคํƒ€์ผ ์ •์˜ ๋‚ด์—์„œ ํ•„ํ„ฐ ํšจ๊ณผ๋ฅผ @extendํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฏน์Šค์ธ์„ ์‚ฌ์šฉํ•˜๋ฉด ์—ฌ๋Ÿฌ ํ•„ํ„ฐ ์ธ์ˆ˜๋ฅผ ํด๋ž˜์Šค์— ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ œ๊ณต๋œ ํ•„ํ„ฐ ์™ธ์— ํ•„ํ„ฐ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๋Š” ๊ฒฝ์šฐ(์˜ˆ: ํ๋ฆผ ํšจ๊ณผ ์ถ”๊ฐ€)์— ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.



ํŠน์ง•

  • CSS ํ•„ํ„ฐ ๋ฐ ๋ธ”๋ Œ๋“œ ๋ชจ๋“œ๋กœ Instagram ํ•„ํ„ฐ๋ฅผ ์žฌ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ์ž‘์€(<1kb gzipped!) ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
  • ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” CSS ํ•„ํ„ฐ์™€ CSS ๋ธ”๋ Œ๋“œ ๋ชจ๋“œ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • Google ํฌ๋กฌ ๋ฐ Mozilla Firefox ์ง€์›
  • CSS ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ํ•„ํ„ฐ ์ด๋ฆ„์ด ์žˆ๋Š” ํด๋ž˜์Šค๋ฅผ ์ด๋ฏธ์ง€๊ฐ€ ํฌํ•จ๋œ ์š”์†Œ์— ์ถ”๊ฐ€ํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.
  • ๋ฏน์Šค์ธ์„ ์‚ฌ์šฉํ•˜๋ฉด ์—ฌ๋Ÿฌ ํ•„ํ„ฐ ์ธ์ˆ˜๋ฅผ ํด๋ž˜์Šค์— ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋ฏน์Šค์ธ๊ณผ ํ•จ๊ป˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ถ”๊ฐ€ ํ•„ํ„ฐ๋ฅผ ์ธ์ˆ˜๋กœ ์ถ”๊ฐ€ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.


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

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



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


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

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

Linux ๋ช…๋ น

  • 1
    ์•„๋น„ ์›Œ๋“œ
    ์•„๋น„ ์›Œ๋“œ
    abiword ๏ฟฝ ์œ ์—ฐํ•œ ํฌ๋กœ์Šค ํ”Œ๋žซํผ ๋‹จ์–ด
    ํ”„๋กœ์„ธ์„œ ...
    ์•ฝ์–ด ์‹คํ–‰
  • 2
    abl
    abl
    abl - ๋‹ค์Œ์— ๋Œ€ํ•œ ์ ‘๋‘์–ด ํ‘œํ˜„
    ๋ถ€์šธ ํ•จ์ˆ˜ ์„ค๋ช…:
    libablmmm.a๋Š” ๋‹ค์Œ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.
    ๋ถ€์šธ ํ•จ์ˆ˜๋ฅผ a๋กœ ํ‘œํ˜„
    LISP์™€ ์œ ์‚ฌํ•œ ํ˜•ํƒœ. ...
    ์‹คํ–‰
  • 3
    create_bmp_for_direct_in_circ
    create_bmp_for_direct_in_circ
    sorry_no_written_yet - atlc ์‚ฌ์šฉ์˜ ์ผ๋ถ€
    create_bmp_for_rect_in_circ ์˜จ๋ผ์ธ ์‚ฌ์šฉ
    onworks.net ์„œ๋น„์Šค. ...
    create_bmp_for_rect_in_circ ์‹คํ–‰
  • 4
    create_bmp_for_direct_in_direct
    create_bmp_for_direct_in_direct
    create_bmp_for_rect_in_rect - ๋น„ํŠธ๋งต
    ์ง์‚ฌ๊ฐํ˜• ๋„์ฒด์šฉ ๋ฐœ์ „๊ธฐ
    ์ง์‚ฌ๊ฐํ˜• ๋„์ฒด ๋‚ด๋ถ€(์˜ ์ผ๋ถ€
    ...
    create_bmp_for_rect_in_rect ์‹คํ–‰
  • 5
    ๊ฐญ5
    ๊ฐญ5
    gap5 - ๊ฒŒ๋†ˆ ์กฐ๋ฆฝ ํ”„๋กœ๊ทธ๋žจ(์˜ ์ผ๋ถ€
    ์Šคํ…Œ๋“  ํŒจํ‚ค์ง€) ...
    ๋Ÿฐ๊ฐญ5
  • 6
    gapi2-codegen
    gapi2-codegen
    ๋ฌธ์„œํ™”๋˜์ง€ ์•Š์Œ - ์ด์— ๋Œ€ํ•œ ๋งจํŽ˜์ด์ง€ ์—†์Œ
    ํ”„๋กœ๊ทธ๋žจ. ์„ค๋ช…: ์ด ํ”„๋กœ๊ทธ๋žจ์€
    ๋งจํŽ˜์ด์ง€๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์ด ๋ช…๋ น์„ ์‹คํ–‰
    ๋„์›€๋ง ์Šค์œ„์น˜๋กœ ๋ฌด์—‡์„ ๋ณผ ์ˆ˜ ์žˆ๋Š”์ง€
    ํ•˜๋‹ค. ์— ๋Œ€ํ•œ ...
    gapi2-codegen ์‹คํ–‰
  • ๋”ยป

Ad