°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (15,390¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (11,340¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄÅ©Ä«µå 20% (12,960¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

½Ç¿ëÀûÀÎ SVG

¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

°øÀ¯Çϱâ
Á¤°¡

18,000¿ø

  • 16,200¿ø (10%ÇÒÀÎ)

    900P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
  • 3/29(±Ý) À̳» ¹ß¼Û ¿¹Á¤  (¼­¿ï½Ã °­³²±¸ »ï¼º·Î 512)
  • ¹«·á¹è¼Û
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

  • ¿¬°üµµ¼­(17)

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

À¥ À̹ÌÁö¸¦ ´Ù·ç´Â °¡Àå °­·ÂÇÑ ±â¼ú, SVG

SVGÀÇ ÀαⰡ Á¡Á¡ ³ô¾ÆÁö°í ÀÖ´Ù. SVG´Â Å©±â Á¶Á¤ÀÌ ÀÚÀ¯·Ó°í, ÆÄÀÏ Å©±â°¡ ÀÛ´Ù. ¸ðµç Çػ󵵿¡¼­ µ¶¸³ÀûÀÌ°í ¾î¶² Å©±â¿¡¼­µç ¼±¸íÇÏ°Ô º¸ÀÌ¸ç ´ëºÎºÐÀÇ ºê¶ó¿ìÀú¿¡¼­ Áö¿øµÈ´Ù. ÀÌ Ã¥¿¡¼­´Â SVGÀÇ °¡Àå ½Ç¿ëÀûÀÎ »ç¿ë ¹æ¹ý, SVG¸¦ ¼±ÅÃÇÒ ½Ã±â, »çÀÌÆ®¿¡ SVG¸¦ Àû¿ëÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ¶Ç ÀÏ·¯½ºÆ®·¹ÀÌÅÍ °°Àº Á¤±³ÇÑ ¼ÒÇÁÆ®¿þ¾î¿¡¼­ ±×·±Æ® °°Àº ¸í·ÉÁÙ µµ±¸¿¡ À̸£±â±îÁö ÀÛ¾÷À» µ½´Â µµ±¸¸¦ ¼Ò°³ÇÏ°í, ¾ÆÀÌÄÜ ½Ã½ºÅÛ ¸¸µé±â, ¼º´ÉÀ» ³ôÀÌ´Â ÃÖÀûÈ­, ½Ç°¨ ³ª´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¸¸µé±â µîÀ» ¼³¸íÇÑ´Ù. ÀÌ ¸ðµç °ÍÀº °³¹ßÀÚÀÎ ÀúÀÚ°¡ ¸ÅÀÏ »ç¿ëÇÏ´Â ±â´Éµé·Î ½Ç¿ë¼ºÀÌ °ËÁõµÇ¾ú´Ù. SVG ±âº» °³³äºÎÅÍ ²À ¾Ë¾Æ¾ß ÇÒ °Í¸¸ ´ãÀº ÀÌ Ã¥°ú ÇÔ²² À¥ À̹ÌÁö¸¦ ´Ù·ç´Â °­ÀÚ°¡ µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù.

ÃâÆÇ»ç ¼­Æò

À¥°³¹ßÀÚ°¡ ¸ÅÀÏ »ç¿ëÇÏ´Â ½Ç¿ëÀûÀÎ ±â¼ú
°¡Àå °­·ÂÇÑ À¥ À̹ÌÁö Æ÷¸Ë, SVG

SVG´Â ¾î¶»°Ô ¶Ù¾î³­°¡?
¤ý ¾î¶² Å©±â¿¡¼­µµ ¼±¸íÇÏ°Ô º¸ÀδÙ
SVG´Â Á¦ÇÑ ¾øÀÌ È®ÀåÇÒ ¼ö ÀÖÀ¸¸ç ¾î¶² Å©±â¿¡¼­µç ¼±¸íÇÏ°Ô º¸ÀδÙ. SVG´Â XMLÀ» ±â¹ÝÀ¸·Î º¤ÅÍ ±×·¡ÇÈÀ» Ç¥ÇöÇϱ⠶§¹®¿¡ ¸ðµç Çػ󵵿¡ ¿µÇâÀ» ¹ÞÁö ¾Ê°í È®´ëÇϰųª Ãà¼ÒÇصµ À̹ÌÁö°¡ ±úÁö´Â Çö»ó ¾øÀÌ ¼±¸íÇÏ°Ô º¸ÀδÙ.

¤ý ÆÄÀÏ Å©±â°¡ ÀÛ´Ù
SVG À̹ÌÁö´Â Å©°Ô ¸¸µé¼ö·Ï ÆÄÀÏ Å©±âµµ ±Þ°ÝÈ÷ Áõ°¡ÇÏ´Â ·¡½ºÅÍ(ºñÆ®¸Ê) À̹ÌÁö¿Í´Â ±Ø¸íÈ÷ ´ëÁ¶µÈ´Ù. SVG´Â Á¡, Á÷¼±, °î¼±°ú °°Àº ÇüÅÂÀÇ ¼öÇÐÀû ¿ä¼Ò¸¦ ±â¹ÝÀ¸·Î Çϱ⠶§¹®¿¡ À̹ÌÁö°¡ ±úÁöÁö ¾Ê°í ÆÄÀÏ Å©±âµµ ÀÛ´Ù. º¤ÅÍ ±×·¡ÇÈÀÇ ÀÌ·ÐÀû ÀåÁ¡ÀÌ »ç¶óÁö´Â À¯ÀÏÇÑ ½ÃÁ¡Àº º¤ÅÍ À̹ÌÁö°¡ ³Ê¹« º¹ÀâÇØ ÆÄÀÏ Å©±â°¡ ¸Å¿ì Ä¿Á® ½Ç¿ë¼ºÀ» ÀÒÀ» ¶§´Ù. ÀÌ ´ÜÁ¡ ¶ÇÇÑ ÃÖÀûÈ­¸¦ ÅëÇØ ºÒÇÊ¿äÇÑ Äڵ带 Á¦°ÅÇÏ¿© ÆÄÀÏ Å©±â¸¦ ÁÙÀÏ ¼ö ÀÖ´Ù. ÀÌ Ã¥ 5Àå¿¡¼­ °¡Àå È¿À²ÀûÀÎ ÃÖÀûÈ­ ¹æ¹ýÀ» ¼³¸íÇÏ°í ÀÚµ¿È­µÈ ÃÖÀûÈ­ µµ±¸¸¦ ¼Ò°³ÇÑ´Ù.

¤ý ºê¶ó¿ìÀú Áö¿ø
SVG´Â ¸ð¹ÙÀÏ°ú µ¥½ºÅ©ÅéÀ» Æ÷ÇÔÇØ ¸ðµç Á¾·ùÀÇ ÃֽŠºê¶ó¿ìÀú¿¡¼­ ÃÖ¼Ò ¼¼ °¡Áö ¹öÀüÀ» Áö¿øÇϱ⠶§¹®¿¡ ºê¶ó¿ìÀú ȣȯ¼º ¶ÇÇÑ SVGÀÇ ÀåÁ¡ÀÌ´Ù. ¹°·Ð Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀúµµ Àִµ¥ À̶§¿¡µµ ´ëÀÀ ¹æ¹ýÀÌ ÀÖ´Ù. 9Àå¿¡¼­ Æú¹éÀ̳ª ¸ð´õ³ªÀÌÀú µîÀ» ÀÌ¿ëÇÑ ¼Õ½¬¿î ´ëÀÀ ¹æ¹ýÀ» ¾Ë·ÁÁØ´Ù.

¤ý ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú
SVG ¾Ö´Ï¸ÞÀÌ¼Ç ¹æ½Ä¿¡´Â CSS¿Í SMIL, ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â ¸íÈ®È÷ ´Ù¸¥ ¼¼ °¡Áö ¹æ½ÄÀÌ ÀÖ´Ù. ´ÜÁ¶·Ó°í ÀÛÀº UI¸¦ ²Ù¹Ì´Â ¾Ö´Ï¸ÞÀ̼ǿ¡¼­ ½Ç°¨ ³ª´Â »óÈ£ÀÛ¿ë ¾Ö´Ï¸ÞÀÌ¼Ç ¼¼°è¿¡ À̸£±â±îÁö ¸¹Àº ºÎºÐ¿¡ Àû¿ëÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» ¾Ë·ÁÁØ´Ù. ¶Ç SVG¸¦ ¾Ö´Ï¸ÞÀ̼ÇÇÒ ¶§ CSS³ª ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÏ´Â ¹æ¹ý°ú CSS³ª ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¼±ÅÃÇϰųª ÇÇÇØ¾ß ÇÏ´Â »óȲÀ» ¾Ë·ÁÁØ´Ù.

¤ý HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ÇÔ²² µ¿ÀÛÇÒ ¼ö ÀÖ´Ù
SVG¿Í HTMLÀº ¸ðµÎ ¸¶Å©¾÷ ¾ð¾îÀ̸ç HTMLÀÌ ÅؽºÆ®¸¦ Ç¥ÇöÇÏ´Â °Íó·³, SVG´Â º»ÁúÀûÀ¸·Î ±×·¡ÇÈÀ» Ç¥ÇöÇÑ´Ù. SVG´Â µ¶¸³ ½ÇÇàÇü À̹ÌÁö Çü½ÄÀÌÁö¸¸ SVG¸¦ Áö¿øÇÏ´Â ºê¶ó¿ìÀú´Â ÀÌ SVG¸¦ ºÐ¼®ÇÏ°í HTML µµÅ¥¸ÕÆ® ³»¿¡¼­ ¹Ù·Î ·»´õ¸µ ÇÑ´Ù. µµÅ¥¸ÕÆ® ³»ÀÇ µµÅ¥¸ÕÆ®´Ù!
HTML°ú ¸¶Âù°¡Áö·Î SVG´Â DOMÀ» °®°í ÀÖÀ¸¸ç ÀÚ¹Ù½ºÅ©¸³Æ®·Î Á¢±ÙÇÒ ¼ö ÀÖ´Ù. À̸¦ ÅëÇØ °³¹ßÀÚ´Â SVG¸¦ ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¾Ö´Ï¸ÞÀ̼ÇÇÒ ¼ö ÀÖ´Ù. CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¿ÍÀÇ ´Ù¾çÇÑ È°¿ë ¹æ¹ýÀ» ¼³¸íÇÏ°í, CSS³ª ÀÚ¹Ù½ºÅ©¸³Æ®·Î ºÒ°¡´ÉÇÑ °ÍÀ» Çس»´Â À¯¿ëÇÑ µµ±¸¸¦ ¼Ò°³ÇÑ´Ù.
¤ý ¹ÝÀÀÇüÀÌ´Ù
SVG´Â ´Ù¾çÇÑ È­¸é »çÀÌÁî¿Í Çػ󵵸¦ žÀçÇÑ µð¹ÙÀ̽º¿¡ À¯¿¬ÇÏ°Ô ´ëÀÀÇÒ ¼ö ÀÖ¾î ¹ÝÀÀÇü À¥»çÀÌÆ®¿¡ ÀûÇÕÇÑ À̹ÌÁö Æ÷¸ËÀÌ´Ù. ¹ÝÀÀÇü µðÀÚÀΰú SVGÀÇ °¡Àå ºÐ¸íÇÑ ±³ÁýÇÕÀº CSS ¹Ìµð¾î Äõ¸®¿¡ ´ëÇÑ ÀÀ´ä¼ºÀÌ´Ù. SVG¸¦ ¾î¶² ½ÄÀ¸·Î »ç¿ëÇÏ´À³Ä¿¡ µû¶ó ¹Ìµð¾î Äõ¸®´Â ´Þ¶óÁö¸ç, ¹Ìµð¾î Äõ¸®·Î Å©±â Á¶Á¤À̳ª À§Ä¡ º¯°æ µî µðÀÚÀÎ ¼öÁ¤ ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.

¤ý Á¢±Ù¼º ÀÖ´Â SVG
SVG´Â ½Ã°¢ÀûÀ¸·Î ¼±¸íÇÏ´Ù. ½Ã°¢Àå¾Ö°¡ ÀÖ´Â °æ¿ì SVGÀÇ ¼±¸íµµ´Â Å« ÀÌÁ¡ÀÌ´Ù. ÀζóÀÎ SVG¸¦ »ç¿ëÇÏ¸é ½ºÅ©¸° ¸®´õ¿Í °°Àº º¸Á¶ ±â¼úÀ» »ç¿ëÇØ Á¤º¸¿¡ ´õ ¸¹ÀÌ ¾×¼¼½ºÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ¡´title¡µÀ» »ç¿ëÇÏ¸é º¸Á¶ ±â¼ú »ç¿ëÀÚ´Â ´ë»óÀÌ ¹«¾ùÀÎÁö ½Äº°ÇÒ ¼ö ÀÖ´Ù. ¡´desc¡µ·Î ´õ ÀÚ¼¼ÇÑ Á¤º¸¸¦ Á¦°øÇÒ ¼ö ÀÖ°í ¡´text¡µ ¿ä¼Ò·Î HTML ¿ä¼Ò¸¸Å­ Á¢±Ù¼º ÀÖ´Â ÅؽºÆ®¸¦ ¸¸µå´Â, HTML¿¡¼­´Â Çس»±â ¾î·Á¿î ±â´Éµµ °¡´ÉÇÏ´Ù.

¤ý µ¥ÀÌÅÍÀÇ ½Ã°¢È­
SVG´Â Â÷Æ®¸¦ ±×¸®´Â µ¥µµ »ç¿ëµÇ´Âµ¥ À¥¿¡¼­ Â÷Æ®¸¦ ±×¸®´Â µ¥ ƯÈ÷ ÁÁ´Ù. Â÷Æ®¿¡ ƯȭµÈ ±â´ÉÀº ¾øÁö¸¸ SVGÀÇ ¸ðµç ±â´ÉÀº ¸·´ë±×·¡ÇÁ¿Í ¼±±×·¡ÇÁ, ¿øÇü Â÷Æ® µîÀ» ±×¸®´Â µ¥ µµ¿òÀ» ÁØ´Ù. amCharts¿Í Highchartsó·³ SVG¿¡¼­ ¿ÏÀüÈ÷ Ãâ·ÂµÇ´Â °­·ÂÇÑ Â÷Æ® ¶óÀ̺귯¸®¸¦ ¼Ò°³ÇÑ´Ù.

¡ßÀÌ Ã¥¿¡¼­ ´Ù·ç´Â ³»¿ë
-SVG ±âº» °³³ä
-SVG¸¦ ¼±ÅÃÇÒ ½Ã±â
-»çÀÌÆ®¿¡ SVG¸¦ Àû¿ëÇÏ´Â ¹æ¹ý
-ÀÏ·¯½ºÆ®·¹ÀÌÅÍ, ±×·±Æ® µî ´Ù¾çÇÑ µµ±¸ ¼Ò°³
-Æú¹é ±¸ÇöÇÏ´Â ¹æ¹ý
-ÀζóÀÎ SVG È°¿ëÇϱâ
-SVGO·Î ÃÖÀûÈ­ ÀÚµ¿È­Çϱâ
-SVG ¾ÆÀÌÄÜ ½Ã½ºÅÛ ¸¸µé±â
-CSS·Î SVG ¾Ö´Ï¸ÞÀÌ¼Ç ¸¸µé±â
-SVG ÇÊÅÍ·Î µ¶Æ¯ÇÏ°í Àç¹ÌÀÖ´Â È¿°ú ÁÖ±â
-Å©±â Á¶Á¤°ú È®´ë ¹× Ãà¼ÒÇϱâ
-SVG ºê¶ó¿ìÀú Áö¿ø

¸ñÂ÷

Çѱ¹¾îÆÇ Ãâ°£¿¡ ¾Õ¼­
ÃßõÀÇ ±Û
¼­¹®
chapter 1 SVG »ç¿ë ±âÃÊ
chapter 2 ¼ÒÇÁÆ®¿þ¾î
chapter 3 ¾ÆÀÌÄÜ ½Ã½ºÅÛ ¸¸µé±â
chapter 4 ºôµå µµ±¸
chapter 5 SVG ÃÖÀûÈ­
chapter 6 Å©±â Á¶Á¤°ú È®´ë ¹× Ãà¼Ò
chapter 7 SVG ¾Ö´Ï¸ÞÀ̼Ç
chapter 8 ¸Å·ÂÀûÀÎ µðÀÚÀÎ ±â´É
chapter 9 Æú¹é
°á·Ð
°¨»çÀÇ ±Û
¿Å±äÀÌÀÇ ±Û
Âü°í ÀÚ·á
Âü°í URL
ã¾Æº¸±â

º»¹®Áß¿¡¼­

¼­¹®
SVG À̹ÌÁö´Â ÀÏ·ÃÀÇ ±×¸®±â ¸í·ÉÀ̹ǷΠƯÁ¤ Çȼ¿ Â÷¿ø¿¡ ¾ô¸ÅÀÌÁö ¾Ê´Â´Ù. ¶È°°Àº ÆÄÀÏÀ̶ó¸é ¾î¶² Å©±â¿¡¼­µµ ¶È°°ÀÌ ½Ã°¢Àû ¼±¸íÇÔÀ» À¯ÁöÇÒ °ÍÀÌ´Ù. ¸ÚÁöÁö ¾ÊÀº°¡? äÆùæÀÌ ¾Æ´Ñ Å¿¿¡ ÀÚ¹®ÀÚ´äÇؾ߰ڴÙ. SVG´Â Á¤¸» ¶Ù¾î³ª´Ù.

chapter 1 SVG »ç¿ë ±âÃÊ
SVG¿¡´Â HTMLÀÌ ¹Ù·Î °íÇâ°ú °°Àºµ¥, ÀÌ´Â ¸ðµÎ ¸¶Å©¾÷ ¾ð¾îÀ̱⠶§¹®ÀÌ´Ù(ÅÂ±×¿Í À̸¦ °¨½Î´Â Ȭȭ»ì°ýÈ£(¡´¡µ), ¼Ó¼º µîÀÇ Àͼ÷ÇÑ Æ¯Â¡À» °®Ãß¾ú´Ù). SVG´Â µ¶¸³ ½ÇÇàÇü À̹ÌÁö Çü½ÄÀÌÁö¸¸ SVG¸¦ Áö¿øÇÏ´Â ºê¶ó¿ìÀú´Â ÀÌ SVG¸¦ ºÐ¼®ÇÏ°í HTML µµÅ¥¸ÕÆ® ³»¿¡¼­ ¹Ù·Î ·»´õ¸µ ÇÑ´Ù. µµÅ¥¸ÕÆ® ³»ÀÇ µµÅ¥¸ÕÆ®´Ù!

chapter 2 ¼ÒÇÁÆ®¿þ¾î
À×Å©½ºÄÉÀÌÇÁ(Inkscape)¸¦ »ç¿ëÇØ¾ß ÇÒ ÀÌÀ¯°¡ ¸î °¡Áö ÀÖ´Ù. °¡Àå Å« ÀÌÀ¯´Â ¹«·áÀÎ µ¥´Ù ¿ÀǼҽº¶ó´Â Á¡ÀÌ´Ù. ÀÌ µµ±¸´Â ¸Æ°ú PC, ¸®´ª½º¿¡¼­ µ¿ÀÛÇÑ´Ù. SVG´Â À×Å©½ºÄÉÀÌÇÁÀÇ ³×ÀÌƼºê ÆÄÀÏ Çü½ÄÀÌ´Ù. µÎ ¹ø° ÀÌÀ¯´Â À×Å©½ºÄÉÀÌÇÁ ÆÀÀÌ SVG ¸í¼¼ °³¹ß¿¡ ±â¿©ÇÏ°í ÀÖ´Ù´Â Á¡ÀÌ´Ù.

chapter 3 ¾ÆÀÌÄÜ ½Ã½ºÅÛ ¸¸µé±â
½Ã°£À» µé¿© ÀÌ ¸ðµç À̾߱⸦ ÇÏ´Â ÀÌÀ¯´Â ÀζóÀÎ SVG°¡ ½ÇÁ¦·Î °¡Àå ¶Ù¾î³­ ¾ÆÀÌÄÜ ½Ã½ºÅÛÀ» ¸¸µé±â ¶§¹®ÀÌ´Ù. ±»ÀÌ ¸»ÇÏÀÚ¸é Àαâ ÀÖ´Â ¾ÆÀÌÄÜ ½Ã½ºÅÛ Á¢±Ù ¹æ½ÄÀÎ ¾ÆÀÌÄÜ ±Û²Ãº¸´Ù ´õ ÁÁ±â ¶§¹®ÀÌ´Ù. ÀζóÀÎ SVG ¾ÆÀÌÄÜ ½Ã½ºÅÛÀÌ ´õ ¼³µæ·Â ÀÖ´Â Á¡Àº SVG ½ºÇÁ¶óÀÌÆ®¸¦ ¸¸µé ÇÊ¿ä°¡ ¾ø´Ù´Â °ÍÀÌ´Ù.

chapter 4 ºôµå µµ±¸
±×·±Æ¼ÄÜ(Grunticon)Àº ¾îµð¼­³ª µ¿ÀÛÇÏ´Â ¾ÆÀÌÄÜÀ» Á¦°øÇϱâ À§ÇØ ¸ÚÁø °¨Áö ½ºÅ©¸³Æ®¸¦ Æ÷ÇÔÇØ ÇÊ¿äÇÑ ¸ðµç °ÍÀ» Á¦°øÇÑ´Ù. ÇÊ¿äÇÏ´Ù¸é PNG ¹öÀüÀ» °®Ãá ¿ÏÀüÈ÷ ´Ù¸¥ ½ºÅ¸ÀϽÃÆ®¸¦ ·ÎµåÇÑ´Ù. ¶ÇÇÑ ±Ùº»ÀûÀ¸·Î ÀÚµ¿È­µÇ¾î ÀÖ¾î ¾ÆÀÌÄÜÀ» À§ÇÑ ÀûÀýÇÑ ½Ã½ºÅÛÀ» °®Ãß°Ô ÇÑ´Ù.

chapter 5 ÃÖÀûÈ­
ÇÁ·ÎÁ§Æ®ÀÇ ·çÆ®¿¡¼­ ¸í·ÉÁÙ¿¡ grunt watch¸¦ ÀÔ·ÂÇØ ÀÛ¾÷À» ½ÃÀÛÇÑ´Ù. SVG°¡ Ãß°¡ ¶Ç´Â »èÁ¦, ¼öÁ¤µÉ ¶§¸¶´Ù ÃÖÀûÈ­µÈ ½ºÇÁ¶óÀÌÆ®°¡ »ý¼ºµÈ´Ù. ¿Ï¼ºµÈ ½ºÇÁ¶óÀÌÆ®¸¦ ÃÖÀûÈ­ÇÏ´Â ´ë¾Èµµ ÀÖ´Ù. ÀÌ ¹æ½ÄÀº Á»´õ È¿À²ÀûÀÌÁö¸¸ °¢°¢ÀÇ ÃÖÀûÈ­µÈ ¾ÆÀÌÄÜ »çº»À» °¡Áú ¼öµµ À־ ¹®Á¦¸¦ °Ý¸®µÈ ¹æ½ÄÀ¸·Î °Ë»çÇÒ ¼ö ÀÖ´Ù.

chapter 6 Å©±â Á¶Á¤°ú È®´ë ¹× Ãà¼Ò
·¡½ºÅÍ À̹ÌÁö¸¦ ´Ù·ê ¶§Ã³·³ °¡·Î¼¼·Î ºñÀ²À» °í·ÁÇÏÁö ¾Ê°í SVG¸¦ ÇØ´ç ºäÆ÷Æ®¿¡ ¸ÂÃß¾î Å©±â¸¦ Á¶Á¤ÇÏ·Á¸é ¾î¶»°Ô ÇØ¾ß ÇÒ±î? preserveAspectRatio¸¦ ²ô¸é µÈ´Ù!
chapter 7 SVG ¾Ö´Ï¸ÞÀ̼Ç
SVG ¾Ö´Ï¸ÞÀÌ¼Ç ¹æ½Ä¿¡´Â CSS¿Í SMIL, ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â ¸íÈ®È÷ ´Ù¸¥ ¼¼ °¡Áö ¹æ½ÄÀÌ ÀÖ´Ù. ÀÌµé ¹æ½ÄÀº ¼­·Î ´Ù¸¥ »óȲ¿¡¼­ ÁÖ¸ñÇÏ°í Àû¿ëÇÑ´Ù. SVG´Â ´ÜÁ¶·Ó°í ÀÛÀº UI¸¦ ²Ù¹Ì´Â ¾Ö´Ï¸ÞÀ̼ǿ¡¼­ ½Ç°¨ ³ª´Â »óÈ£ÀÛ¿ë ¾Ö´Ï¸ÞÀÌ¼Ç ¼¼°è¿¡ À̸£±â±îÁö ¸¹Àº ºÎºÐ¿¡ Àû¿ëÇÒ ¼ö ÀÖ´Ù.

chapter 8 ¸Å·ÂÀûÀÎ µðÀÚÀÎ ±â´É
SVG ÆÐÅÏÀº »ó´çÈ÷ º¹ÀâÇØÁú ¼ö ÀÖ´Â µðÀÚÀÎ ÀÛ¾÷(¿¹¸¦ µé¸é ¾ÆÁÖ ¸¹Àº Á¡À¸·Î µðÀÚÀÎÇÑ µ¥´Ù°¡ ÆÄÀϵµ ³Ê¹« Å« °æ¿ì)À» ½Å¼ÓÇÏ°Ô ÇÒ ¼ö ÀÖ´Ù. ±×¸®°í ´Ù¸¥ SVG Á¶°¢À¸·Î SVG ÆÐÅÏÀ» ¸¸µé ¼ö ÀÖ´Ù!
SVG ÇÊÅÍ´Â CSS ÇÊÅÍ¿¡¼­ ÇÒ ¼ö ÀÖ´Â ¸ðµç µ¿ÀÛÀ» ¼öÇàÇÏ¸ç ºê¶ó¿ìÀú Áö¿øÀº ´õ ¶Ù¾î³ª´Ù. ºí·¯¿Í °°Àº ½Ç¿ëÀûÀÎ ÇÊÅ͵µ SVG ÇÊÅÍ¿¡ ¸ðµÎ ÀÖ´Ù.

chapter 9 Æú¹é
ÀÌ·± ¹æ½ÄÀ¸·Î ÀÛ¾÷À» Çϸé ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ ·ÎµåÇÏÁö ¸øÇϰųª »ç¿ëÇÒ ¼ö ÀÖ´Â °æ¿ì¿¡µµ ÀûÀýÇÑ Æú¹éÀ» ³ªÅ¸³½´Ù. Áö±Ý±îÁö ´Ù·é ³»¿ëÀÌ SVG Æú¹éÀÇ ÀüºÎ´Â ¾Æ´Ï´Ù. ÃÖ¼±À» ´ÙÇØ ²À ¾Ë·Á¾ß°Ú´Ù°í »ý°¢ÇÑ °Í¸¸ ÀǵµÀûÀ¸·Î º¸¿©ÁÖ¾ú´Ù.

°á·Ð
ÀÌ Ã¥À» ÀÐÀ½À¸·Î½á SVG¸¦ ÀÌÇØÇÏ´Â ¹æ¹ýÀ̳ª »ç¿ë ¹æ¹ýÀ» ¾Ë ¼ö ÀÖ°Ô µÇ±â¸¦ ¹Ù¶õ´Ù. ¿ì¸®´Â SVG¸¦ »ç¿ëÇØ ¿ì¸® ÀڽŰú »ç¿ëÀÚ°¡ ÁÁ¾ÆÇÏ´Â ÀÏÀ» ÇÏ°í ÀÖ´Ù. ºê¶ó¿ìÀú Á¦ÀÛ»ç¿Í Ç¥ÁØÈ­À§¿øȸ°¡ È®ÀÎÇÏ°í ¹ÝÀÀÇÒ ¼ö ÀÖ´Â »õ·Î¿î °æ·Î¸¦ ±¸ÃàÇØ À¥¿¡ ±â¿©µµ ÇÏ°í ÀÖÀ¸¸ç, ÀÌ´Â ´Ù½Ã SVG¸¦ ´õ °­·ÂÇÏ°Ô ¸¸µå´Â µ¥ µµ¿òÀ» ÁØ´Ù.

°ü·ÃÀ̹ÌÁö

ÀúÀÚ¼Ò°³

Å©¸®½º ÄÚÀ̾î [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

Áö³­ ¸î ³â µ¿¾È ¿öµåÇÁ·¹½º¸¦ ÀÌ¿ëÇØ Å¬¶óÀ̾ðÆ® »çÀÌÆ®¿¡ ÈûÀ» ºÒ¾î³Ö°í ÀÖ´Â À¥µðÀÚÀ̳ʴÙ. ¿öµåÇÁ·¹½º»Ó¸¸ ¾Æ´Ï¶ó ¾î¶² À¥»çÀÌÆ®¿¡³ª Àû¿ëÇÒ ¼ö ÀÖ°í ±× ±â´ÉÀ» Çâ»ó½Ãų ¼ö ÀÖ´Â ¸ðµç ÀÌ·Ð(RSS)À» ±¸µ¶ÇÑ´Ù. ¿öµåÇÁ·¹½º·Î »çÀÌÆ®¸¦ µðÀÚÀÎÇÏÁö ¾ÊÀ» ¶§´Â CSS¿Í À¥µðÀÚÀÎÀÇ ¸ðµç °ÍÀ» ´Ù·é À¯¸íÇÑ µðÀÚÀÎ Ä¿¹Â´ÏƼÀÎ CSS-tricks.com¿¡¼­ »ç¶÷µé°ú ±×ÀÇ ÁöÇý¸¦ ³ª´«´Ù.

±èµµ±Õ [¿ª] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

ÀÌ »óÇ°ÀÇ ½Ã¸®Áî

(ÃÑ 18±Ç / ÇöÀ籸¸Å °¡´Éµµ¼­ 18±Ç)

¼±ÅÃÇÑ »óÇ° ºÏÄ«Æ®´ã±â

Àü°øµµ¼­/´ëÇб³Àç ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    100ÀÚÆò

    ÀÛ¼º½Ã À¯ÀÇ»çÇ×

    ÆòÁ¡
    0/100ÀÚ
    µî·ÏÇϱâ

    100ÀÚÆò

    10.0
    (ÃÑ 0°Ç)

    ÆǸÅÀÚÁ¤º¸

    • ÀÎÅÍÆÄÅ©µµ¼­¿¡ µî·ÏµÈ ¿ÀǸ¶ÄÏ »óÇ°Àº ±× ³»¿ë°ú Ã¥ÀÓÀÌ ¸ðµÎ ÆǸÅÀÚ¿¡°Ô ÀÖÀ¸¸ç, ÀÎÅÍÆÄÅ©µµ¼­´Â ÇØ´ç »óÇ°°ú ³»¿ë¿¡ ´ëÇØ Ã¥ÀÓÁöÁö ¾Ê½À´Ï´Ù.

    »óÈ£

    (ÁÖ)±³º¸¹®°í

    ´ëÇ¥ÀÚ¸í

    ¾Èº´Çö

    »ç¾÷ÀÚµî·Ï¹øÈ£

    102-81-11670

    ¿¬¶ôó

    1544-1900

    ÀüÀÚ¿ìÆíÁÖ¼Ò

    callcenter@kyobobook.co.kr

    Åë½ÅÆǸž÷½Å°í¹øÈ£

    01-0653

    ¿µ¾÷¼ÒÀçÁö

    ¼­¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù)

    ±³È¯/ȯºÒ

    ¹ÝÇ°/±³È¯ ¹æ¹ý

    ¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼­ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼­ ½Åû °¡´É

    ¹ÝÇ°/±³È¯°¡´É ±â°£

    º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É
    ´Ü, »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»

    ¹ÝÇ°/±³È¯ ºñ¿ë

    º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã
    »óÇ°À̳ª ¼­ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯/¹ÝÇ°Àº ¹Ý¼Û·á ÆǸÅÀÚ ºÎ´ã

    ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯

    ·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
    (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)

    ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    ¿¹) È­ÀåÇ°, ½ÄÇ°, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî

    ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì
    ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý

    ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì

    ·ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì

    »óÇ° Ç°Àý

    °ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½

    ¼ÒºñÀÚ ÇÇÇغ¸»ó
    ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó

    ·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

    ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ

    (ÁÖ)KGÀ̴Ͻýº °áÁ¦´ë±Ý¿¹Ä¡¾÷ µî·Ï¹øÈ£: 02-006-00013

    (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ
    ¸ðµç °Å·¡¿¡ ´ëÇÏ¿© (ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
    µî·Ï ¿©ºÎ´Â e-±ÝÀ¶¹Î¿ø¼¾ÅÍ È¨ÆäÀÌÁö(www.fcsc.kr)ÀÇ µî·Ï¡¤½Å°í>ÀüÀÚ±ÝÀ¶¾÷µî·ÏÇöȲ ¸Þ´º¿¡¼­ È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼­ºñ½º °¡ÀÔ»ç½Ç È®ÀÎ

    ¹è¼Û¾È³»

    • ±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.

    • Ãâ°í°¡´É ½Ã°£ÀÌ ¼­·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.

    • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.

    • ¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.

    • - µµ¼­ ±¸¸Å ½Ã 15,000¿ø ÀÌ»ó ¹«·á¹è¼Û, 15,000¿ø ¹Ì¸¸ 2,500¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë