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

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

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

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

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

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

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

- 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


SVGR


๊ธฐ์ˆ 

React๋Š” ์ฆ‰์‹œ SVG๋ฅผ ์ง€์›ํ•˜๋ฉฐ SVG ํŒŒ์ผ ๋Œ€์‹  ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ฐ–๋Š” ๊ฒƒ์ด ๋” ๊ฐ„๋‹จํ•˜๊ณ  ์‰ฝ๊ณ  ํ›จ์”ฌ ๊ฐ•๋ ฅํ•ฉ๋‹ˆ๋‹ค. React ๊ตฌ์„ฑ ์š”์†Œ์— ๋ž˜ํ•‘๋œ SVG๋Š” ํŽ˜์ด์ง€์— ์ธ๋ผ์ธ๋˜๋ฉฐ CSS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SVGR์€ ๊ฒฌ๊ณ ํ•œ ์•„ํ‚คํ…์ฒ˜๋กœ ์ธํ•ด ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. svg-parser + Babel์„ ์‚ฌ์šฉํ•˜์—ฌ SVG ์ฝ”๋“œ๋ฅผ JavaScript ์ฝ”๋“œ๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ์ „์ฒด ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋ชจ๋“  SVG ํŒŒ์ผ(.svg ๋˜๋Š” .SVG์™€ ์ผ์น˜)์ด React ๊ตฌ์„ฑ ์š”์†Œ๋กœ ๋ณ€ํ™˜๋ฉ๋‹ˆ๋‹ค. react-native-svg๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ React Native๋ฅผ ํƒ€๊ฒŸํŒ…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SVGR์€ ๋…ธ๋“œ API๋ฅผ ๋…ธ์ถœํ•˜๋ฏ€๋กœ ์‚ฌ์šฉ์ž ์ง€์ • ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŒ๋“ค๊ฑฐ๋‚˜ SVGR์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋‹ค๋ฅธ ๋„๊ตฌ๋ฅผ ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SVGR์€ ์›นํŒฉ ๋กœ๋”๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ SVG๋ฅผ React ๊ตฌ์„ฑ ์š”์†Œ๋กœ ์ง์ ‘ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SVGR์€ CLI์™€ API ๋ชจ๋‘์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ช‡ ๊ฐ€์ง€ ์‚ฌ์šฉ์ž ์ง€์ • ๊ฐ€๋Šฅํ•œ ์˜ต์…˜๊ณผ ํ•จ๊ป˜ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  SVG ๋…ธ๋“œ๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ์ˆ˜์ •ํ•˜๊ณ  react-native-svg ๊ฐ€์ ธ์˜ค๊ธฐ์™€ ํ•จ๊ป˜ ํŠน์ • ํ…œํ”Œ๋ฆฟ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ง€์›๋˜์ง€ ์•Š๋Š” ๋ชจ๋“  ๋…ธ๋“œ๊ฐ€ ์ œ๊ฑฐ๋ฉ๋‹ˆ๋‹ค.



๊ธฐ๋Šฅ

  • SVG to React ๋ณ€ํ™˜๊ธฐ
  • ๋…ธ๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
  • CLI ๋„๊ตฌ
  • ์›นํŒฉ ํ”Œ๋Ÿฌ๊ทธ์ธ
  • ์‰ฌ์šด ํ†ตํ•ฉ
  • ์„ฑ๋Šฅ์˜ ์œ ์—ฐ์„ฑ


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

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


์นดํ…Œ๊ณ ๋ฆฌ

ํŒŒ์ผ ๊ด€๋ฆฌ์ž

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


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

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

์ฝ”๋”ฉ ๊ธฐ์ˆ  ์—†์ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ
์ฝ”๋”ฉ ๊ธฐ์ˆ  ์—†์ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ
PWCT๋Š” ์‚ฌ์šฉ์ž๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ๋งˆ๋ฒ•์‚ฌ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.
1 2 3 ๋‹จ๊ณ„๋กœ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. PWCT๋Š”
๋ฒ”์šฉ ๋น„์ฃผ์–ผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ
์ดˆ๋ณด์ž์™€ ์ „๋ฌธ๊ฐ€๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋œ ์–ธ์–ด
ํ”„๋กœ๊ทธ๋žจ์€ ...
์ฝ”๋”ฉ ๊ธฐ์ˆ  ์—†์ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋‹ค์šด๋กœ๋“œ
  • 3
    ์—ฐํ•ฉ RPM
    ์—ฐํ•ฉ RPM
    Gitter์— ์ฐธ์—ฌํ•˜์„ธ์š”!
    https://gitter.im/unitedrpms-people/Lobby
    URPMS ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋ฅผ ํ™œ์„ฑํ™”ํ•˜์‹ญ์‹œ์˜ค.
    ์‹œ์Šคํ…œ -
    https://github.com/UnitedRPMs/unitedrpms.github.io/bl...
    ํ†ตํ•ฉ RPM ๋‹ค์šด๋กœ๋“œ
  • 4
    Windows ๋””๋ ‰ํ† ๋ฆฌ ํ†ต๊ณ„
    Windows ๋””๋ ‰ํ† ๋ฆฌ ํ†ต๊ณ„
    WinDirStat(Windows ๋””๋ ‰ํ† ๋ฆฌ
    ํ†ต๊ณ„)๋Š” ๋””์Šคํฌ ์‚ฌ์šฉ๋Ÿ‰ ํ†ต๊ณ„์ž…๋‹ˆ๋‹ค.
    Windows์šฉ ๋ทฐ์–ด ๋ฐ ์ •๋ฆฌ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์—
    ์‹œ์ž‘ํ•˜๋ฉด WinDirStat๊ฐ€ ์ „์ฒด๋ฅผ ์ฝ์Šต๋‹ˆ๋‹ค.
    ๋””๋ ‰ํ† ๋ฆฌ ํŠธ๋ฆฌ...
    Windows ๋””๋ ‰ํ„ฐ๋ฆฌ ํ†ต๊ณ„ ๋‹ค์šด๋กœ๋“œ
  • 5
    DS4์œˆ๋„์šฐ
    DS4์œˆ๋„์šฐ
    DS4Window๋Š” ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค.
    ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์–ป์„ ์ˆ˜ ์žˆ๋„๋ก
    Playstation 4 ์‚ฌ์šฉ ๊ฒฝํ—˜
    PC์˜ DualShock ์ปจํŠธ๋กค๋Ÿฌ
    Xbox 360 ์—๋ฎฌ๋ ˆ์ด์…˜...
    DS4Windows ๋‹ค์šด๋กœ๋“œ
  • 6
    TDM-GCC MinGW ์ปดํŒŒ์ผ๋Ÿฌ
    TDM-GCC MinGW ์ปดํŒŒ์ผ๋Ÿฌ
    ๊ฐ€์žฅ ์ตœ๊ทผ์˜ ์•ˆ์ •์ ์ธ ๋ฆด๋ฆฌ์Šค
    GCC ์ปดํŒŒ์ผ๋Ÿฌ ํ”„๋กœ์ ํŠธ, 32๋น„ํŠธ ๋ฐ
    ๊ต๋ฌ˜ํ•˜๊ฒŒ ์œ„์žฅํ•œ 64๋น„ํŠธ Windows
    ์‹ค์ œ ์„ค์น˜ ํ”„๋กœ๊ทธ๋žจ ๋ฐ ์—…๋ฐ์ดํ„ฐ.
    ํŠน์ง•:G...
    TDM-GCC MinGW ์ปดํŒŒ์ผ๋Ÿฌ ๋‹ค์šด๋กœ๋“œ
  • ๋‹ค ...
    GeoServer ๋‹ค์šด๋กœ๋“œ
  • ๋”ยป
  • Linux ๋ช…๋ น

    Ad