|
|
|
D3.js : ½±°í ºü¸¥ ÀÎÅÍ·¢Æ¼ºê µ¥ÀÌÅÍ ½Ã°¢È
|
|
|
Programming Insight(ÇÁ·Î±×·¡¹Ö ÀλçÀÌÆ®)1
¤Ó ½ºÄ± ¸Ó·¹ÀÌ(Scott Murray), º¯Ä¡ÈÆ
¤Ó
ÀλçÀÌÆ®
¤Ó
Interactive data visualization for the web.
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡ºD3.js¡»´Â ½Ã°¢È µµ±¸ÀÎ D3(Data-Driven Documents)¸¦ ´Ù·ç´Â ÀÔ¹®¼´Ù. À¥ ÆäÀÌÁö·Î µ¥ÀÌÅ͸¦ ºÒ·¯¿Í¼ ½Ã°¢È¸¦ »ý¼ºÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ±â¹Ý ¶óÀ̺귯¸®·Î, ¾î¶² ÇüÅÂÀÇ ½Ã°¢Èµµ ¸¸µé ¼ö ÀÖ´Â °·ÂÇÑ µµ±¸ÀÎ D3ÀÇ ±â¼úÀ» »ó¼¼ÇÏ°Ô ¾Ë·ÁÁØ´Ù. D3¸¸ÀÇ µ¶Æ¯ÇÑ ¸Þ¼µå·Î µ¥ÀÌÅÍ ½Ã°¢È¸¦ ¸¸µå´Â ¹æ¹ýÀ» 100¿© °³ÀÇ ¿¹Á¦ ÄÚµå¿Í ÇÔ²² º¸¿©ÁÖ°í ÀÖ´Ù.
-
-
D3·Î »ýµ¿°¨ ³ÑÄ¡´Â À¥ ±â¹Ý µ¥ÀÌÅÍ ½Ã°¢È¸¦ ¸¸µé¾î º¸ÀÚ!
½ñ¾ÆÁö´Â µ¥ÀÌÅÍÀÇ ¾çÀÌ ¾ÐµµÀûÀÎ ¼¼»ó¿¡¼, ½Ã°¢È´Â ¿øÇÏ´Â Á¤º¸¸¦ ½±°í ºü¸£°Ô ¾òÀ» ¼ö ÀÖ´Â °·ÂÇÑ µ¥ÀÌÅÍ Ç¥Çö ¹æ¹ýÀÌ´Ù. ƯÈ÷ À¥ ±â¹Ý µ¥ÀÌÅÍ ½Ã°¢È´Â ´Ùä·Ó°í µ¿ÀûÀÎ È¿°ú¸¦ ÅëÇÑ »óÈ£ÀÛ¿ëÀÌ °¡´ÉÇϹǷÎ, »ç¶÷µéÀ» »ç·ÎÀâ´Â ¾öû³ µµ±¸°¡ µÈ´Ù. [D3.js : ½±°í ºü¸¥ ÀÎÅÍ·¢Æ¼ºê µ¥ÀÌÅÍ ½Ã°¢È]´Â ¸ð´ø À¥¿¡¼ ¿Ï¼ºµµ ³ôÀº µ¥ÀÌÅÍ ½Ã°¢È¸¦ Á¦°øÇÏ·Á´Â µ¶ÀÚ¸¦ À§ÇØ, ½Ã°¢È µµ±¸ÀÎ D3(Data-Driven Documents)¸¦ ´Ù·ç´Â ÀÔ¹®¼´Ù. D3´Â À¥ ÆäÀÌÁö·Î µ¥ÀÌÅ͸¦ ºÒ·¯¿Í¼ ½Ã°¢È¸¦ »ý¼ºÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ±â¹Ý ¶óÀ̺귯¸®·Î, ¾î¶² ÇüÅÂÀÇ ½Ã°¢Èµµ ¸¸µé ¼ö ÀÖ´Â °·ÂÇÑ µµ±¸´Ù. ÀÌ Ã¥Àº ½Ã°¢È¸¦ ¸¸µé±â Àü¿¡ ¾Ë¾Æ µÎ¾î¾ß ÇÒ D3ÀÇ ±Ùº»ÀûÀÎ ±â¼ú(ÀÚ¹Ù½ºÅ©¸³Æ®, HTML, CSS, SVG µî)À» ¼Ò°³ÇÏ°í, div·Î °£´ÜÈ÷ ¸·´ë ±×·¡ÇÁ¸¦ »ý¼ºÇØ º¸´Â °ÍÀ» ½ÃÀÛÀ¸·Î Â÷Ãû D3¸¸ÀÇ µ¶Æ¯ÇÑ ¸Þ¼µå·Î µ¥ÀÌÅÍ ½Ã°¢È¸¦ ¸¸µå´Â ¹æ¹ýÀ» 100¿© °³ÀÇ ¿¹Á¦ ÄÚµå¿Í ÇÔ²² ¾Ë·Á ÁØ´Ù. À¥ ±â¼ú¿¡ Àͼ÷ÇÏÁö ¾ÊÀº »ç¶÷µµ ÃæºÐÈ÷ µû¶óÇÒ ¼ö ÀÖµµ·Ï ½±°Ô ¾²ÀÎ Æ©Å丮¾óÀ» µû¶ó D3ÀÇ ¼¼°è·Î ¶°³ª º¸ÀÚ. Ʋ·Î Âï¾î ³»´Â µíÇÑ Â÷Æ®°¡ ¾Æ´Ñ, ÀÚ½ÅÀÇ ÀÔ¸À¿¡ ¸Â´Â ½Ã°¢È¸¦ ¼Õ¿¡ ³ÖÀ» ¼ö ÀÖÀ» °ÍÀÌ´Ù.
[ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë] - D3ÀÇ ±â¼úÀû Åä´ë(HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®, SVG) ´ÙÁö±â - ôµµ¿Í ÃàÀ¸·Î À¯¿¬ÇÏ°Ô µ¥ÀÌÅÍ ´Ù·ç±â - ¸ð¼Ç, Æ®·£Áö¼Ç Àû¿ëÀ¸·Î µ¿ÀûÀÎ ½Ã°¢È ¸¸µé±â - µ¥ÀÌÅ͸¦ °¡Áö°í ¸¶À½´ë·Î Áö¿À±×·¡ÇÈ ¸Ê ¸¸µé±â - ¸·´ë Â÷Æ®, »êÆ÷µµ, ÆÄÀÌ Â÷Æ®, ´©Àû ¸·´ë Â÷Æ®, Æ÷½º ·¹À̾ƿôD3·Î »ýµ¿°¨ ³ÑÄ¡´Â À¥ ±â¹Ý µ¥ÀÌÅÍ ½Ã°¢È¸¦ ¸¸µé¾î º¸ÀÚ!
½ñ¾ÆÁö´Â µ¥ÀÌÅÍÀÇ ¾çÀÌ ¾ÐµµÀûÀÎ ¼¼»ó¿¡¼, ½Ã°¢È´Â ¿øÇÏ´Â Á¤º¸¸¦ ½±°í ºü¸£°Ô ¾òÀ» ¼ö ÀÖ´Â °·ÂÇÑ µ¥ÀÌÅÍ Ç¥Çö ¹æ¹ýÀÌ´Ù. ƯÈ÷ À¥ ±â¹Ý µ¥ÀÌÅÍ ½Ã°¢È´Â ´Ùä·Ó°í µ¿ÀûÀÎ È¿°ú¸¦ ÅëÇÑ »óÈ£ÀÛ¿ëÀÌ °¡´ÉÇϹǷÎ, »ç¶÷µéÀ» »ç·ÎÀâ´Â ¾öû³ µµ±¸°¡ µÈ´Ù.
¡ºD3.js : ½±°í ºü¸¥ ÀÎÅÍ·¢Æ¼ºê µ¥ÀÌÅÍ ½Ã°¢È¡»´Â ¸ð´ø À¥¿¡¼ ¿Ï¼ºµµ ³ôÀº µ¥ÀÌÅÍ ½Ã°¢È¸¦ Á¦°øÇÏ·Á´Â µ¶ÀÚ¸¦ À§ÇØ, ½Ã°¢È µµ±¸ÀÎ D3(Data-Driven Documents)¸¦ ´Ù·ç´Â ÀÔ¹®¼´Ù. D3´Â À¥ ÆäÀÌÁö·Î µ¥ÀÌÅ͸¦ ºÒ·¯¿Í¼ ½Ã°¢È¸¦ »ý¼ºÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ±â¹Ý ¶óÀ̺귯¸®·Î, ¾î¶² ÇüÅÂÀÇ ½Ã°¢Èµµ ¸¸µé ¼ö ÀÖ´Â °·ÂÇÑ µµ±¸´Ù.
ÀÌ Ã¥Àº ½Ã°¢È¸¦ ¸¸µé±â Àü¿¡ ¾Ë¾Æ µÎ¾î¾ß ÇÒ D3ÀÇ ±Ùº»ÀûÀÎ ±â¼ú(ÀÚ¹Ù½ºÅ©¸³Æ®, HTML, CSS, SVG µî)À» ¼Ò°³ÇÏ°í, div·Î °£´ÜÈ÷ ¸·´ë ±×·¡ÇÁ¸¦ »ý¼ºÇØ º¸´Â °ÍÀ» ½ÃÀÛÀ¸·Î Â÷Ãû D3¸¸ÀÇ µ¶Æ¯ÇÑ ¸Þ¼µå·Î µ¥ÀÌÅÍ ½Ã°¢È¸¦ ¸¸µå´Â ¹æ¹ýÀ» 100¿© °³ÀÇ ¿¹Á¦ ÄÚµå¿Í ÇÔ²² ¾Ë·Á ÁØ´Ù.
À¥ ±â¼ú¿¡ Àͼ÷ÇÏÁö ¾ÊÀº »ç¶÷µµ ÃæºÐÈ÷ µû¶óÇÒ ¼ö ÀÖµµ·Ï ½±°Ô ¾²ÀÎ Æ©Å丮¾óÀ» µû¶ó D3ÀÇ ¼¼°è·Î ¶°³ª º¸ÀÚ. Ʋ·Î Âï¾î ³»´Â µíÇÑ Â÷Æ®°¡ ¾Æ´Ñ, ÀÚ½ÅÀÇ ÀÔ¸À¿¡ ¸Â´Â ½Ã°¢È¸¦ ¼Õ¿¡ ³ÖÀ» ¼ö ÀÖÀ» °ÍÀÌ´Ù.
* ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë
- D3ÀÇ ±â¼úÀû Åä´ë(HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®, SVG) ´ÙÁö±â
- ôµµ¿Í ÃàÀ¸·Î À¯¿¬ÇÏ°Ô µ¥ÀÌÅÍ ´Ù·ç±â
- ¸ð¼Ç, Æ®·£Áö¼Ç Àû¿ëÀ¸·Î µ¿ÀûÀÎ ½Ã°¢È ¸¸µé±â
- µ¥ÀÌÅ͸¦ °¡Áö°í ¸¶À½´ë·Î Áö¿À±×·¡ÇÈ ¸Ê ¸¸µé±â
- ¸·´ë Â÷Æ®, »êÆ÷µµ, ÆÄÀÌ Â÷Æ®, ´©Àû ¸·´ë Â÷Æ®, Æ÷½º ·¹À̾ƿô
-
-
1Àå ¼Ò°³
1.1 ¿Ö µ¥ÀÌÅÍ ½Ã°¢ÈÀΰ¡? 1.2 ¿Ö ÄÚµå ÀÛ¼ºÀ» ÇØ¾ß Çϴ°¡? 1.3 ¿Ö »óÈ£ÀÛ¿ëÀÌ ÇÊ¿äÇÑ°¡? 1.4 ¿Ö À¥ ±â¹ÝÀΰ¡? 1.5 ÀÌ Ã¥ÀÌ ´Ù·ç´Â ³»¿ë 1.6 ´ë»óÀ¸·Î ÇÏ´Â µ¶ÀÚ 1.7 ÀÌ Ã¥ÀÌ ´Ù·çÁö ¾Ê´Â ³»¿ë 1.8 »ùÇà ÄÚµå 1.9 °¨»çÀÇ ¸»
2Àå D3 ¼Ò°³ 2.1 ¹«¾ùÀ» Çϴ°¡ 2.2 ¹«¾ùÀ» ÇÏÁö ¾Ê´Â°¡ 2.3 D3°¡ ³ª¿À±â±îÁö 2.4 D3ÀÇ ´ë¾Èµé
3Àå ±â¼úÀû Åä´ë 3.1 À¥ 3.2 HTML 3.3 DOM 3.4 °³¹ßÀÚ µµ±¸ 3.5 ·»´õ¸µ°ú ¹Ú½º ¸ðµ¨ 3.6 CSS 3.7 ÀÚ¹Ù½ºÅ©¸³Æ® 3.8 SVG 3.9 ȣȯ¼º¿¡ ´ëÇÑ ÁÖÀÇ»çÇ×
4Àå ¼³Á¤ 4.1 D3 ´Ù¿î·ÎµåÇϱâ 4.2 D3 ÂüÁ¶Çϱâ 4.3 À¥ ¼¹ö ¼³Á¤Çϱâ
5Àå µ¥ÀÌÅÍ 5.1 ÆäÀÌÁöÀÇ ¹®¼¿ä¼Ò »ý¼ºÇϱâ 5.2 µ¥ÀÌÅÍ ¿«±â
6Àå µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÑ µå·ÎÀ× 6.1 div·Î µå·ÎÀ×Çϱâ 6.2 data() ¸Þ¼µåÀÇ Èû 6.3 SVG·Î µå·ÎÀ×Çϱâ 6.4 ¸·´ë Â÷Æ® ¸¸µé±â 6.5 »êÆ÷µµ ¸¸µé±â 6.6 ´ÙÀ½ ´Ü°è
7Àå ôµµ 7.1 »ç°ú¿Í Çȼ¿ 7.2 Á¤ÀÇ¿ª°ú Ä¡¿ª 7.3 Á¤±ÔÈ 7.4 ôµµ ¸¸µé±â 7.5 »êÆ÷µµ¿¡ ôµµ Àû¿ëÇϱâ 7.6 »êÆ÷µµ °¡°øÇϱâ 7.7 ±âŸ ôµµ ¸Þ¼µå 7.8 ´Ù¸¥ Á¾·ùÀÇ Ã´µµ
8Àå Ãà 8.1 ÃàÀ̶õ? 8.2 Ãà ÁöÁ¤Çϱâ 8.3 º¸±â ÁÁ°Ô ´Ùµë±â 8.4 ´«±ÝÀ» À§ÇÑ È®ÀÎ »çÇ× 8.5 YÃ൵ ¸¸µéÀÚ 8.6 ¸¶Áö¸· ¼ÕÁú 8.7... ´«±ÝÀÇ ¶óº§ Æ÷¸ÅÆÃ(Fomatting)Çϱâ
9Àå °»½Å, Æ®·£Áö¼Ç, ¸ð¼Ç 9.1 ¸·´ë Â÷Æ®¸¦ Çö½ÇÈÇϱâ 9.2 µ¥ÀÌÅÍ °»½ÅÇϱâ 9.3 Æ®·£Áö¼Ç(Transition) 9.4 ´Ù¸¥ Á¾·ùÀÇ µ¥ÀÌÅÍ °»½Å
10Àå »óÈ£ÀÛ¿ë 10.1 À̺¥Æ® ¸®½º³Ê ¿«±â 10.2 À̺¥Æ® µ¿ÀÛ 10.3 SVG ¹®¼¿ä¼Ò ±×·ìÇÎÇϱâ 10.4 ÅøÆÁ 10.5 ÅÍÄ¡ Àåºñ¿¡ ´ëÇÑ °í·Á 10.6 ´ÙÀ½ Àå¿¡¼´Â
11Àå ·¹À̾ƿô 11.1 ÆÄÀÌ ·¹À̾ƿô 11.2 ½ºÅà ·¹À̾ƿô 11.3 Æ÷½º ·¹À̾ƿô
12Àå Áö¿À¸ÅÇÎ 12.1 GeoJSONÀ» ¸¸³ JSON 12.2 °æ·Î 12.3 Åõ¿µ¹ý 12.4 ´Ü°è±¸ºÐµµ 12.5 Æ÷ÀÎÆ® ÁöÁ¡ Ãß°¡Çϱâ 12.6 Áö¿Àµ¥ÀÌÅÍ Ãëµæ°ú ºÐ¼®
13Àå ÀͽºÆ÷Æà 13.1 ºñÆ®¸Ê 13.2 PDF 13.3 SVG
ºÎ·Ï A ´õ ±íÀÌ °øºÎÇϱâ A.1 ÃßõÇϴ å A.2 ÃßõÇÏ´Â À¥»çÀÌÆ® A.3 Ãßõ Æ®À§ÅÍ °èÁ¤1Àå ¼Ò°³
_1.1 ¿Ö µ¥ÀÌÅÍ ½Ã°¢ÈÀΰ¡?
_1.2 ¿Ö ÄÚµå ÀÛ¼ºÀ» ÇØ¾ß Çϴ°¡?
_1.3 ¿Ö »óÈ£ÀÛ¿ëÀÌ ÇÊ¿äÇÑ°¡?
_1.4 ¿Ö À¥ ±â¹ÝÀΰ¡?
_1.5 ÀÌ Ã¥ÀÌ ´Ù·ç´Â ³»¿ë
_1.6 ´ë»óÀ¸·Î ÇÏ´Â µ¶ÀÚ
_1.7 ÀÌ Ã¥ÀÌ ´Ù·çÁö ¾Ê´Â ³»¿ë
_1.8 »ùÇà ÄÚµå
_1.9 °¨»çÀÇ ¸»
2Àå D3 ¼Ò°³
_2.1 ¹«¾ùÀ» Çϴ°¡
_2.2 ¹«¾ùÀ» ÇÏÁö ¾Ê´Â°¡
_2.3 D3°¡ ³ª¿À±â±îÁö
_2.4 D3ÀÇ ´ë¾Èµé
3Àå ±â¼úÀû Åä´ë
_3.1 ˴
_3.2 HTML
_3.3 DOM
_3.4 °³¹ßÀÚ µµ±¸
_3.5 ·»´õ¸µ°ú ¹Ú½º ¸ðµ¨
_3.6 CSS
_3.7 ÀÚ¹Ù½ºÅ©¸³Æ®
_3.8 SVG
_3.9 ȣȯ¼º¿¡ ´ëÇÑ ÁÖÀÇ»çÇ×
4Àå ¼³Á¤
_4.1 D3 ´Ù¿î·ÎµåÇϱâ
_4.2 D3 ÂüÁ¶Çϱâ
_4.3 À¥ ¼¹ö ¼³Á¤Çϱâ
5Àå µ¥ÀÌÅÍ
_5.1 ÆäÀÌÁöÀÇ ¹®¼¿ä¼Ò »ý¼ºÇϱâ
_5.2 µ¥ÀÌÅÍ ¿«±â
6Àå µ¥ÀÌÅ͸¦ ÀÌ¿ëÇÑ µå·ÎÀ×
_6.1 div·Î µå·ÎÀ×Çϱâ
_6.2 data() ¸Þ¼µåÀÇ Èû
_6.3 SVG·Î µå·ÎÀ×Çϱâ
_6.4 ¸·´ë Â÷Æ® ¸¸µé±â
_6.5 »êÆ÷µµ ¸¸µé±â
_6.6 ´ÙÀ½ ´Ü°è
7Àå ôµµ
_7.1 »ç°ú¿Í Çȼ¿
_7.2 Á¤ÀÇ¿ª°ú Ä¡¿ª
_7.3 Á¤±ÔÈ
_7.4 ôµµ ¸¸µé±â
_7.5 »êÆ÷µµ¿¡ ôµµ Àû¿ëÇϱâ
_7.6 »êÆ÷µµ °¡°øÇϱâ
_7.7 ±âŸ ôµµ ¸Þ¼µå
_7.8 ´Ù¸¥ Á¾·ùÀÇ Ã´µµ
8Àå Ãà
_8.1 ÃàÀ̶õ?
_8.2 Ãà ÁöÁ¤Çϱâ
_8.3 º¸±â ÁÁ°Ô ´Ùµë±â
_8.4 ´«±ÝÀ» À§ÇÑ È®ÀÎ »çÇ×
_8.5 YÃ൵ ¸¸µéÀÚ
_8.6 ¸¶Áö¸· ¼ÕÁú
_8.7 ´«±ÝÀÇ ¶óº§ Æ÷¸ÅÆÃ(Fomatting)Çϱâ
9Àå °»½Å, Æ®·£Áö¼Ç, ¸ð¼Ç
_9.1 ¸·´ë Â÷Æ®¸¦ Çö½ÇÈÇϱâ
_9.2 µ¥ÀÌÅÍ °»½ÅÇϱâ
_9.3 Æ®·£Áö¼Ç(Transition)
_9.4 ´Ù¸¥ Á¾·ùÀÇ µ¥ÀÌÅÍ °»½Å
10Àå »óÈ£ÀÛ¿ë
_10.1 À̺¥Æ® ¸®½º³Ê ¿«±â
_10.2 À̺¥Æ® µ¿ÀÛ
_10.3 SVG ¹®¼¿ä¼Ò ±×·ìÇÎÇϱâ
_10.4 ÅøÆÁ
_10.5 ÅÍÄ¡ Àåºñ¿¡ ´ëÇÑ °í·Á
_10.6 ´ÙÀ½ Àå¿¡¼´Â
11Àå ·¹À̾ƿô
_11.1 ÆÄÀÌ ·¹À̾ƿô
_11.2 ½ºÅà ·¹À̾ƿô
_11.3 Æ÷½º ·¹À̾ƿô
12Àå Áö¿À¸ÅÇÎ
_12.1 GeoJSONÀ» ¸¸³ JSON
_12.2 °æ·Î
_12.3 Åõ¿µ¹ý
_12.4 ´Ü°è±¸ºÐµµ
_12.5 Æ÷ÀÎÆ® ÁöÁ¡ Ãß°¡Çϱâ
_12.6 Áö¿Àµ¥ÀÌÅÍ Ãëµæ°ú ºÐ¼®
13Àå ÀͽºÆ÷ÆÃ
_13.1 ºñÆ®¸Ê
_13.2 PDF
_13.3 SVG
ºÎ·Ï A ´õ ±íÀÌ °øºÎÇϱâ
_A.1 ÃßõÇϴ å
_A.2 ÃßõÇÏ´Â À¥»çÀÌÆ®
_A.3 Ãßõ Æ®À§ÅÍ °èÁ¤
-
-
|
½ºÄ± ¸Ó·¹ÀÌ(Scott Murray) [Àú]
|
|
-
µ¥ÀÌÅÍ ½Ã°¢È ±×¸®°í »óÈ£ÀÛ¿ëÀÌ ÀϾ´Â ±¸Çö¹°À» ¸¸µå´Â ÄÚµå ¾ÆƼ½ºÆ®À̸ç, ÀÎÅÍ·¢¼Ç µðÀÚÀÎ, ½Ã½ºÅÛ µðÀÚÀÎ ±×¸®°í »ý¼º ¿¹¼ú(generative art) ÀÛ¾÷µµ °âÇÏ°í ÀÖ´Ù.
ÇöÀç »÷ÇÁ¶õ½Ã½ºÄÚ ´ëÇб³ µðÀÚÀÎÇаú Á¶±³¼ö·Î ÀçÁ÷ÇÏ¸é¼ µ¥ÀÌÅÍ ½Ã°¢È¿Í ÀÎÅÍ·¢¼Ç µðÀÚÀÎÀ» °¡¸£Ä¡°í ÀÖ´Ù. ÇÁ·Î¼¼½Ì(http://processing.org) ÇÁ·ÎÁ§Æ®¿¡µµ Âü¿©ÇÏ°í ÀÖÀ¸¸ç, ÄÚµùÀ» ÅëÇÑ ¿¹¼ú ÀÛ¾÷¿¡ ´ëÇØ °ÀÇÇÑ´Ù. ¶ÇÇÑ ¹Ù»ç ´ëÇÐ(Vassar College)¿¡¼´Â Àι®ÇÐÀ», ¸Å»çÃß¼¼Ã÷ ¿¹¼ú µðÀÚÀÎ ´ëÇÐ(Massachusetts College of Art and Design)ÀÇ ´ÙÀ̳ª¹Í ¹Ìµð¾î ¿¬±¸¼Ò¿¡¼´Â ¼ø¼ö¹Ì¼ú ¼®»ç °úÁ¤À» °¡¸£Ä¡°í ÀÖ´Ù. ±×ÀÇ È°µ¿Àº alignedleft.com¿¡¼ º¼ ¼ö ÀÖ´Ù.
-
|
º¯Ä¡ÈÆ [Àú]
|
|
-
¹ø¿ªÀÌ Ãë¹Ì¿´À¸¸é ÇÏ´Â ÇÁ·ÐÆ®-¿£µå °³¹ßÀÚ. ÇöÀç´Â ³Ø½º¾Ë(Nexr)¿¡¼ ºòµ¥ÀÌÅÍ Ç÷§Æû UI °³¹ß ÆÀÀåÀ» ¸Ã°í ÀÖ´Ù. [ÀÚ¹Ù½ºÅ©¸³Æ® ¿Ïº® °¡À̵å 6ÆÇ(°³Á¤ÆÇ)]À» °ø¿ªÇß°í Grunt, D3 µîÀÇ ¿Â¶óÀÎ API¸¦ ¹ø¿ªÇß´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|