|
|
|
HTML5 µ¥ÀÌÅÍ Ã³¸®¿Í ±¸Çö : 100°¡Áö ¿¹Á¦·Î ¹è¿ì´Â ¸ð´ø À¥À» À§ÇÑ µ¥ÀÌÅÍ Ç¥Çö ±â¹ý
|
|
|
acorn PACKT1
¤Ó °í¸£±â ÄÚ¼¼ºê(Gorgi Kosev), ±èÅ¿ø
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
HTML5 Data and Services Cookbook
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡ºHTML5 µ¥ÀÌÅÍ Ã³¸®¿Í ±¸Çö¡»Àº HTML5¿¡¼ µ¥ÀÌÅ͸¦ ´Ù·ç´Â ¹æ¹ýÀ» ¾Ë±â ½±°Ô ¼³¸íÇÑ Ã¥ÀÌ´Ù. HTML5¿¡¼ ¹®ÀÚ¸¦ Ç¥½ÃÇÏ´Â ¹æ¹ý, ÇÃ·Ô Â÷Æ® ¶óÀ̺귯¸®¸¦ »ç¿ëÇØ Â÷Æ® ¸¸µé±â, ¾Ö´Ï¸ÞÀÌ¼Ç »ý¼º°ú ÀÎÅÍ·¢Æ¼ºê ½Ã°¢È, HTMl5¿¡¼ Æû °ËÁõÀ» ÇÏ´Â ¹æ¹ý, Ŭ¶óÀ̾ðÆ®¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®·Î JSON, base64, XML Çü½ÄÀ¸·Î Á÷·ÄÈ ÇÏ´Â ¹æ¹ý, ´Ù¸¥ µÎ ŸÀÔÀÇ À¥ ÇÁ·¹ÀÓ¿öÅ© µîÀ» ¼Ò°³ÇÏ°í ÀÖ´Ù. ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÇÑ °¡Áö ¹æ¹ý ÀÌ»óÀ¸·Î »ç¿ëÇØ º» °³¹ßÀÚ¿¡°Ô ÀûÇÕÇØ, HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °ü·ÃÇÑ ½Ç·ÂÀ» Å°¿ì°íÀÚ ÇÏ´Â »ç¶÷µé¿¡°Ô À¯¿ëÇÑ Á¤º¸¸¦ Á¦°øÇÏ°í ÀÖ´Ù.
-
-
¡Ú ¿ä¾à ¡Ú
HTML5¿¡¼ µ¥ÀÌÅ͸¦ ´Ù·ç´Â ¹æ¹ýÀ» ¾Ë±â ½±°Ô ¼³¸íÇÑ Ã¥ÀÌ´Ù. ÀÌ Ã¥¿¡¼´Â HTML5ÀÇ °¡Àå ±âÃÊÀûÀÎ ÅؽºÆ®¿Í ±×·¡ÇÈ µ¥ÀÌÅͺÎÅÍ ¼¹ö¿ÍÀÇ Åë½Å ¹× °£´ÜÇÑ ¸ÖƼ ¹Ìµð¾î »ç¿ë¹ý±îÁö ´Ù¾çÇÑ ³»¿ëÀ» ¾Ë±â ½±°Ô Ç®ÀÌÇßÀ¸¸ç »ó¼¼ÇÑ ¿¹Á¦¸¦ Á¦°øÇÑ´Ù. ÀÌ Ã¥À» ÀÐ°í ³ª¸é µ¶ÀÚ ¿©·¯ºÐÀº HTML5¸¦ ½ÊºÐ È°¿ëÇÑ ¸ÚÁø À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ°Ô µÉ °ÍÀÌ´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
1Àå, ¡®¹®ÀÚ µ¥ÀÌÅÍ Ç¥½Ã¡¯¿¡¼´Â HTML5¿¡¼ ¹®ÀÚ¸¦ Ç¥½ÃÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ±×¸®°í ¼ýÀÚ Çü½Ä º¯È¯, ¼ö½Ä Ç¥½Ã¿Í ÃøÁ¤À» ´Ù·é´Ù. ¶ÇÇÑ Ç¥ µ¥ÀÌÅÍ Ç¥½Ã¿Í ¸ÅÀÏ °³¹ßµÇ´Â ±â´É Áß ÀϺθ¦ »ç¿ëÇÏ´Â ¸¶Å©´Ù¿î ·»´õ¸µÀ» º¸¿©ÁØ´Ù.
2Àå, ¡®±×·¡ÇÈ µ¥ÀÌÅÍ Ç¥½Ã¡¯¿¡¼´Â ÇÃ·Ô Â÷Æ® ¶óÀ̺귯¸®¸¦ »ç¿ëÇØ Â÷Æ®¸¦ ¸¸µé¾îº¸¸ç ÃֽŠD3.jsµµ ´Ù·ïº»´Ù. ¶ÇÇÑ ¸¶Ä¿¿Í °æ·Î¸¦ Æ÷ÇÔÇÑ Áöµµµµ ´Ù·ïº»´Ù.
3Àå, ¡®µ¥ÀÌÅÍ ¾Ö´Ï¸ÞÀÌ¼Ç Ç¥½Ã¡¯¿¡¼´Â ¾Ö´Ï¸ÞÀÌ¼Ç »ý¼º°ú ÀÎÅÍ·¢Æ¼ºê ½Ã°¢È¸¦ ¾Ë¾Æº»´Ù. ÀÎÅÍ·¢Æ¼ºê ½Ã°¢È´Â D3.js¸¦ »ç¿ëÇÏÁö¸¸ ½ºÅ©·¡Ä¡¿¡¼ ½ÃÀÛÇÏ´Â ¿¹Á¦¿Í ÅëÁö API ±â¼ú µîÀ» »ç¿ëÇÑ ¿¹Á¦µµ ÀÖ´Ù.
4Àå, ¡®HTML5 ÀÔ·Â ÄÄÆ÷³ÍÆ® »ç¿ë¡¯¿¡¼´Â °£´ÜÇÑ ÅؽºÆ® ÀÔ·Â »ç¿ëºÎÅÍ HTML5¿¡¼ Ãß°¡µÈ »õ·Î¿î ÀԷ ŸÀÔ±îÁö ¾Ë¾Æº»´Ù. ¶ÇÇÑ À§Ä¡ ¶Ç´Â µå·¡±× ¾Ø µå·Ó°ú °°ÀÌ Á» ´õ Áøº¸µÈ ÀÔ·ÂÀÇ »õ·Î¿î ¼Ó¼º »ç¿ë¹ýÀ» ¾Ë¾Æº»´Ù.
5Àå, ¡®»ç¿ëÀÚ Á¤ÀÇ ÀÔ·Â ÄÄÆ÷³ÍÆ®¡¯¿¡¼´Â 4Àå¿¡¼ ´Ù·é ³»¿ë¿¡ ÀÌ¾î »õ·Î¿î ±â´ÉÀÌ Ãß°¡µÈ »ç¿ëÀÚ Á¤ÀÇ ÄÁÆ®·Ñ ¶Ç´Â µ¥½ºÅ©Å¾ ¾ÖÇø®ÄÉÀ̼ǿ¡ ÀÖ´Â ÄÄÆ÷³ÍÆ®¸¦ Èä³» ³½ ÄÁÆ®·Ñ µîÀ» ¸¸µé¾îº»´Ù. ¶ÇÇÑ 5Àå¿¡¼´Â ¸Þ´º, ´ÙÀ̾ó·Î±×, ¸®½ºÆ® ¼±ÅÃ, ¸®Ä¡ ÅؽºÆ® ÀÔ·Â °°Àº ÄÁÆ®·ÑÀ» »ý¼ºÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
6Àå, ¡®µ¥ÀÌÅÍ °ËÁõ¡®¿¡¼´Â HTMl5¿¡¼ Æû °ËÁõÀ» ÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù. ÅؽºÆ®, ¼ýÀÚ¸¦ °ËÁõÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº¸°í À̸ÞÀÏ°ú ¼ýÀÚ¸¦ °ËÁõÇÏ´Â ¹Ì¸® ¸¸µé¾îÁø °ËÁõÀ» »ç¿ëÇÏ´Â ¹æ¹ýµµ ¾Ë¾Æº»´Ù. ¶ÇÇÑ Node.js¸¦ »ç¿ëÇØ ¼¹ö¿¡¼ °ËÁõÇÏ´Â ¹æ¹ý°ú Ŭ¶óÀ̾ðÆ®¿Í ¼¹ö¸¦ ¿¬°èÇØ °ËÁõÇÏ´Â ¹æ¹ýµµ ¾Ë¾Æº»´Ù.
7Àå, ¡®µ¥ÀÌÅÍ Á÷·ÄÈ¡¯¿¡¼´Â Ŭ¶óÀ̾ðÆ®¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®·Î JSON, base64, XML Çü½ÄÀ¸·Î Á÷·ÄÈ ÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÏ¸ç °Å²Ù·Î Á÷·ÄÈµÈ µ¥ÀÌÅÍ¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼·Î ¸¸µå´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
8Àå, ¡®¼¹ö Åë½Å¡¯¿¡¼´Â Node.js¿Í REST API¸¦ ¹è¿öº»´Ù. ¶ÇÇÑ ¼ø¼ö ÀÚ¹Ù½ºÅ©¸³Æ®·Î¸¸ HTTP ÄÝÀ» ¸¸µå´Â ÀÚ¼¼ÇÑ Á¤º¸¸¦ ¾Ë¾Æº¸¸ç ¹ÙÀ̳ʸ® ÆÄÀÏÀ» ´Ù·ç´Â ¹æ¹ý°ú Åë½Å º¸¾Èµµ ¾Ë¾Æº»´Ù.
9Àå, ¡®Å¬¶óÀ̾ðÆ® ÅÛÇø´¡®¿¡¼´Â Handlebars, EJS, Jade °°Àº Ŭ¶óÀ̾ðÆ®¿¡¼ »ç¿ëÇÏ´Â °¡Àå Àαâ ÀÖ´Â ÅÛÇø´ ¾ð¾îÀÇ »ç¿ë¹ýÀ» ¾Ë¾Æº»´Ù. Ãß°¡·Î ¾ð¾îÀÇ »ç¿ë¹ý¿Ü¿¡ ÆļÈ, ÇÊÅÍ, ¹Í½ºÀÎ °°Àº Áøº¸µÈ ±â´Éµµ ¾Ë¾Æº»´Ù.
10Àå, ¡®µ¥ÀÌÅÍ ¹ÙÀεù ÇÁ·¹ÀÓ¿öÅ©¡¯¿¡¼´Â ´Ù¸¥ µÎ ŸÀÔÀÇ À¥ ÇÁ·¹ÀÓ¿öÅ©¸¦ ¾Ë¾Æº»´Ù. ¸ÕÀú ¸¹Àº Á¾·ùÀÇ Å¬¶óÀ̾ðÆ® Ãø MVC ÇÁ·¹ÀÓ¿öÅ©¸¦ °·ÂÇÏ°Ô Ç¥ÇöÇÏ´Â ¾Þ±Ö¶ó(Angular)¸¦ ¾Ë¾Æº¸°í ÀÓÀÇÀÇ µµ¸ÞÀο¡¼ ±â´ÉÀÇ ÆøÀ» Á¶ÀýÇÒ ¼ö ÀÖ´Â ¸ÞÅ׿À(Meteor)¸¦ ¾Ë¾Æº»´Ù.
11Àå, ¡®µ¥ÀÌÅÍ ÀúÀå¼Ò¡¯¿¡¼´Â HTML5¿¡¼ »ç¿ëÇÏ´Â »õ·Î¿î Ŭ¶óÀ̾ðÆ® ÀúÀå¼Ò API¸¦ ¾Ë¾Æº¸¸ç ÆÄÀÏÀ» ´Ù·ç´Â »õ·Î¿î APIµµ »ìÆ캻´Ù. ÀÌ »õ·Î¿î ±â´ÉÀ» È°¿ëÇϸé ÆäÀÌÁö¸¦ »õ·Î°íħÇصµ °è¼Ó µ¥ÀÌÅ͸¦ »ç¿ëÇÒ ¼ö ÀÖÀ¸¸ç °¢ ¿äû¿¡ µû¶ó Á¤º¸¸¦ Àü¼ÛÇÏÁö ¾Ê´Â Ŭ¶óÀ̾ðÆ® Á¤º¸¸¦ ÀúÀåÇÒ ¼ö ÀÖ´Ù.
12Àå, ¡®¸ÖƼ¹Ìµð¾î¡¯¿¡¼´Â ÀÌÀü¿¡´Â ¿ÜºÎ Ç÷¯±×ÀÎÀ¸·Î ¼öÇàÇÑ ±â´ÉÀÎ ºê¶ó¿ìÀú¿¡¼ ºñµð¿À¿Í ¿Àµð¿À¸¦ Àç»ýÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
ºÎ·Ï A, ¡®Node.js ¼³Ä¡¿Í npm »ç¿ë¹ý¡¯¿¡¼´Â Node.js¸¦ ¼³Ä¡ÇÏ´Â °£´ÜÇÑ ¼Ò°³¿Í ÇÔ²² npm ÆÐÅ°Áö ¸Å´ÏÀú »ç¿ë¹ýÀ» ¾Ë¾Æ...º»´Ù.
ºÎ·Ï B, ¡®Ä¿¹Â´ÏƼ¿Í ¸®¼Ò½º¡¯¿¡¼´Â HTML5 ¹ßÀü¿¡ ±â¿©ÇÏ´Â ´Üü¿¡ ´ëÇÑ °£·«ÇÑ ¼³¸í°ú ¿ª»ç¸¦ ¼Ò°³ÇÑ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÇÑ °¡Áö ¹æ¹ý ÀÌ»óÀ¸·Î »ç¿ëÇØ º» °³¹ßÀÚ¿¡°Ô ÀûÇÕÇÏ´Ù. ¶ÇÇÑ ¹é¿£µå(backend) Äڵ带 ¸¹ÀÌ »ç¿ëÇÏ°í ÀÖÁö¸¸ HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °ü·ÃÇÑ ½Ç·ÂÀ» Å°¿ì°íÀÚ ÇÏ´Â »ç¶÷µéÀ» À§ÇÑ Ã¥À̸ç, À¥ ÆäÀÌÁöÀÇ Äڵ带 ´Ü¼øÇÏ°Ô º¹»çÇØ ºÙ¿© ¾²´Â °³¹ßÀÚ°¡ ½ÇÁ¦ ³»ºÎ ±¸µ¿ ¹æ½Ä±îÁö ¾Ë°í ½Í¾îÇÒ ¶§ ÀûÇÕÇÑ Ã¥ÀÌ´Ù. ±×¸®°í HTML5ÀÇ ÃֽŠ±â¹ý°ú ±â´ÉÀ» ½ÀµæÇØ ÀÚ±â°è¹ßÀ» ÇÏ°í ½ÍÀº »ç¶÷µé¿¡°Ôµµ À¯¿ëÇÏ´Ù.
ÀÌ Ã¥Àº óÀ½ ½ÃÀÛÇÏ´Â »ç¶÷¿¡°Ôµµ ¾Ë¸Â°í, HTMLÀ̳ª ÀÚ¹Ù½ºÅ©¸³Æ® ¹× Á¦ÀÌÄõ¸®¸¦ ÀÌ¹Ì ´Ù·ïº» °³¹ßÀÚ¿¡°Ôµµ ÀûÇÕÇÑ Ã¥ÀÌÁö¸¸, ¹Ýµå½Ã ±íÀº Áö½ÄÀÌ ¼±ÇàµÇ¾î¾ß ÇÏ´Â °ÍÀº ¾Æ´Ï´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
¡á Flot ¶Ç´Â HTML5 ĵ¹ö½º·Î Â÷Æ® ¸¸µé±â
¡á D3.js·Î ¸ÚÁø ½Ã°¢È¿°ú ¸¸µé±â
¡á ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú°¡ ÀÖ´Â ÀÎÅÍ·¢Æ¼ºêÇÑ ½Ã°¢È¿°ú ¸¸µé±â
¡á HTML5 ÀÔ·Â µµ¿ò¸» »ç¿ëÇϱâ
¡á »ç¿ëÀÚ Á¤ÀÇ ÀÔ·Â ÄÄÆ÷³ÍÆ® ¸¸µé±â
¡á HTMLÀ» °£´ÜÈ÷ ¸¸µå´Â Ŭ¶óÀ̾ðÆ® ÅÛÇø´ ¸¸µé±â
¡á Angular.js ¶Ç´Â ¸ÞÅ׿À¸¦ È°¿ëÇÑ ÀÚµ¿ µ¥ÀÌÅÍ ¹ÙÀεù »ç¿ëÇϱâ
¡á Node.js¸¦ È°¿ëÇØ ÀÚµ¿ µ¥ÀÌÅÍ ¹ÙÀεù ¸¸µé±â
¡Ú ÀúÀÚ ¼¹® ¡Ú
HTML5´Â PC¿¡¼ºÎÅÍ ÅÂºí¸´, ½º¸¶Æ®Æù ½ÉÁö¾î´Â ÃֽŠTV±îÁö ¸ðµç °÷¿¡ ÀÖ´Ù. À¥Àº °¡Àå Áøº¸µÈ À¯ºñÄõÅͽº ¾ÖÇø®ÄÉÀÌ¼Ç Ç÷§ÆûÀ̸ç Á¤º¸ ¸Åü´Ù. ¶ÇÇÑ ÃÖ±Ù¿¡´Â HTML5°¡ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® À©µµ¿ì 8, ÆÄÀ̾îÆø½º OS, ±¸±Û Å©·Ò OS¿Í °°Àº ¿î¿µÃ¼Á¦¿¡ µµÀԵƴÙ.
À¥¿¡ ÀÖ¾î¼ °³¹æ¼ºÀº °¡Àå Áß¿äÇÑ ´ö¸ñ Áß Çϳª´Ù. HTML5´Â ¾î¶°ÇÑ ±â¼ú¿¡ Á¾¼ÓÀûÀÌ¸ç °³º°ÀûÀÎ ¼Ö·ç¼Ç°ú´Â ¹Ý´ëµÇ´Â ÀÔÀå¿¡ ÀÖ´Ù. ¶ÇÇÑ HTML5´Â Áö³ ¸î ³â µ¿¾È ½Ç·Î Çõ¸í°úµµ °°Àº ¹ßÀü °úÁ¤À» °ÅÃÄ¿Ô´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ¶ÇÇÑ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¿¡ ÀÖ¾î ¼¹ö¿Í Ŭ¶óÀ̾ðÆ® ¾çÂÊ ¸ðµÎ¿¡¼ Àß »ç¿ëµÉ ¼ö ÀÖµµ·Ï ¹ßÀüµÇ¾î ¿Ô´Ù.
ÀÌ Ã¥Àº ÃÖ±Ù HTML5 ±â´ÉÀ» ºü¸£°Ô ¹è¿ï ¼ö ÀÖ°Ô ±¸¼ºµÆ´Ù. Ã¥À» ´Ù ÀÐ°í ³ª¸é ºê¶ó¿ìÀú¿Í ¼¹ö ¾çÂÊ ¸ðµÎ¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÄÀ» ½ÀµæÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ¶ÇÇÑ »õ·Î¿î HTML5 ±â¼úÀ» ½ÊºÐ È°¿ëÇØ ÀÛÁö¸¸ ¸ÚÁø ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖÀ» °ÍÀ̸ç ÇöÀç »ç¿ëÇÏ°í ÀÖ´Â ¾ÖÇø®ÄÉÀ̼ǿ¡ HTML5ÀÇ »õ·Î¿î ±â¼úÀ» Á¢¸ñÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» ½ÀµæÇÏ°Ô µÉ °ÍÀÌ´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
ÃÖ±Ù IT ºÐ¾ßÀÇ ÇÖ Å°¿öµå´Â ´Ü¿¬ HTML5¶ó°í ÇÒ ¼ö ÀÖ´Ù. ÃÖ±Ù ¸î ³â µ¿¾È HTML5´Â ±âÁ¸ HTML°ú Â÷À̸¦ ¸ø ´À³¥ Á¤µµ·Î »ý¼ÒÇÑ ºÐ¾ß¿´Áö¸¸, ÇöÀç´Â µ¥½ºÅ©Å¾°ú ¸ð¹ÙÀÏÀ» ³Ñ¾î ÀÚµ¿Â÷, TV ºÐ¾ß·Î±îÁö ÆÛÁ®³ª°¡°í ÀÖÀ¸¸ç ¸î ³â ÈÄ¿¡´Â ¾ø¾î¼´Â ¾È µÉ ±â¼úÀÌ µÉ °ÍÀ̶ó°í ¸¹Àº Àü¹®°¡´Â ¿¹ÃøÇÑ´Ù.
ÀÌ·¸°Ô ºü¸£°Ô º¯ÇØ°¡´Â À¥ Ç¥Áؽô뿡 »ç¿ëÀÚ ¿ä±¸¿¡ ¸ÂÃç °³¹ßÀÚ°¡ ÀÚÀ¯·Ó°Ô µ¥ÀÌÅ͸¦ ó¸®ÇØ ´õ¿í °¡Ä¡ ÀÖ´Â Á¤º¸¸¦ µµÃâÇÏ´Â ÀÏÀº ¹«¾ùº¸´Ù Áß¿äÇÑ ¿ä¼Ò¶ó°í ÇÒ ¼ö ÀÖ´Ù. ƯÈ÷ À¥À̶ó´Â ¹«´ë¿¡¼ ¹«ÇÑÈ÷ ³ÑÃijª´Â µ¥ÀÌÅ͸¦ Á¶ÇÕÇÏ°í °¡°øÇØ ºü¸£°Ô ¼¹ö·Î Àü¼ÛÇÑ µÚ »ç¿ëÀÚ¿¡°Ô ÀǹÌÀÖ´Â Á¤º¸¸¦ Àü´ÞÇÏ´Â ÇàÀ§´Â °¡Àå ±âº»ÀûÀÎ ºñÁî´Ï½º ¸ðµ¨ Áß Çϳª´Ù.
ÀÌ Ã¥Àº ÀÌ·± À¥ Ç¥ÁØ È帧¿¡ ¸ÂÃç ÃֽŠHTML5 ±â´ÉÀ» ºü¸£°Ô ½ÀµæÇÒ ¼ö ÀÖ°í ½±°Ô ã¾Æ º¼ ¼ö ÀÖµµ·Ï ±¸¼ºµÇ¾î ÀÖ´Ù. Ã¥À» ´Ù ÀÐ°í ³ª¸é »õ·Î¿î HTML5 ±â¼úÀ» ÀÌ¿ëÇØ ÀÛÁö¸¸ ¸ÚÁø À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ°Ô µÉ °ÍÀÌ´Ù.
-
-
1Àå ÅؽºÆ® µ¥ÀÌÅÍ Ç¥½Ã
__¼Ò°³
__¾î¸²¼ö Ç¥½Ã
__Æеù¼ö Ç¥½Ã
__¹ÌÅ͹ý°ú ¿µ±¹½Ä µµ·®Çü Ç¥½Ã
__»ç¿ëÀÚ ½Ã°£´ë ³¯Â¥ Çü½Ä Ç¥½Ã
__°æ°ú ½Ã°£À» µ¿ÀûÀ¸·Î Ç¥½Ã
__¼ö½Ä Ç¥½Ã
__³¡ÀÌ ¾ø´Â ½ºÅ©·Ñ ¸®½ºÆ® »ý¼º
__Á¤·ÄÇÒ ¼ö ÀÖ´Â ÆäÀÌÁö°¡ ÀÖ´Â Å×ÀÌºí »ý¼º
__º¹¼ö ¼±Åà ÇÊÅÍ »ý¼º
__¹üÀ§ ÇÊÅÍ »ý¼º
__°áÇÕµÈ º¹ÀâÇÑ ÇÊÅÍ »ý¼º
__HTML·Î ÄÚµå Ç¥½Ã
__¸¶Å©´Ù¿î ·»´õ¸µ
__ÀÚµ¿ ¾÷µ¥ÀÌÆ® Çʵå
2Àå ±×·¡ÇÈ µ¥ÀÌÅÍ Ç¥½Ã
__¼Ò°³
__²©Àº¼±Çü Â÷Æ® ¸¸µé±â
__¸·´ëÇü Â÷Æ® ¸¸µé±â
__ÆÄÀÌ Â÷Æ® ¸¸µé±â
__¿µ¿ªÇü Â÷Æ® ¸¸µé±â
__È¥ÇÕÇü Â÷Æ® Ç¥½Ã
__°ÅÇ°Çü Â÷Æ® ¸¸µé±â
__À§Ä¡¸¦ Ç¥½ÃÇÑ Áöµµ º¸À̱â
__°æ·Î°¡ ÀÖ´Â Áöµµ Ç¥½Ã
__°ÔÀÌÁö Ç¥½Ã
__Æ®¸® Ç¥½Ã
__À¥ ±Û²Ã·Î ³ªÅ¸³»´Â LED Á¡¼öÆÇ
3Àå µðÇ»Áî ¼ÎÀ̵ù
__¼Ò°³
__¸ð¼Ç Â÷Æ® ¸¸µé±â
__¹æÇâ ±×·¡ÇÁ Ç¥½Ã
__½Ç½Ã°£ ¹üÀ§ Â÷Æ® ÇÊÅÍ ¸¸µé±â
__À̹ÌÁö ij·¯¼¿ ¸¸µé±â
__Â÷Æ® ÁÖ¹Ö°ú Æд×
__À¥ ÅëÁö API »ç¿ë
__µ¥ÀÌÅÍ ÁýÇÕÀ» »ç¿ëÇØ Áö±¸¸¦ ³ªÅ¸³»´Â Áöµµ¸¦ »ý¼º
4Àå HTML5 ÀÔ·Â ÄÄÆ÷³ÍÆ® »ç¿ë
__¼Ò°³
__text ÀÔ·Â ÇÊµå »ç¿ë
__textarea »ç¿ë
__³¯Â¥ ÀÔ·Â
__½Ã°£ ÀÔ·Â
__ÀüȹøÈ£ ÀÔ·Â
__¹üÀ§ ...ÀÔ·Â Çʵå
__Ä÷¯ ¼±Åà ÀÔ·Â
__´ÜÀÏ ¼±Åà µå·Ó´Ù¿î »ç¿ë
__´ÙÁß ¼±Åà ¸®½ºÆ® »ç¿ë
__Áö¸® À§Ä¡ ÀÔ·Â
__Ŭ¶óÀ̾ðÆ®¿¡¼ ÆÄÀÏ ÀÔ·Â »ç¿ë
__µå·¡±×¾Øµå·Ó ÆÄÀÏ ¿µ¿ª »ç¿ë
5Àå »ç¿ëÀÚ Á¤ÀÇ ÀÔ·Â ÄÄÆ÷³ÍÆ®
__¼Ò°³
__±âº» ¸®Ä¡ ÅؽºÆ® ÀÔ·ÂÀ» À§ÇÑ contentEditable »ç¿ë
__ÁøÈµÈ ¸®Ä¡ ÅؽºÆ® ÀÔ·Â
__µå·Ó´Ù¿î ¸Þ´º ¸¸µé±â
__»ç¿ëÀÚ Á¤ÀÇ ´ëÈ »óÀÚ ¸¸µé±â
__ÀÔ·Â ³»¿ª ÀÚµ¿ ¿Ï¼º ±â´É ¸¸µé±â
__»ç¿ëÀÚ Á¤ÀÇ ´ÜÀÏ ¼±Åà ¸®½ºÆ® ¸¸µé±â
__´ÙÁß ¼±Åà ¸®½ºÆ® ¸¸µé±â
__Áöµµ¸¦ »ç¿ëÇÑ Áö¸®Àû À§Ä¡ ÀÔ·Â
6Àå µ¥ÀÌÅÍ °ËÁõ
__¼Ò°³
__ÅؽºÆ® ±æÀÌ °ËÁõ
__¼ýÀÚ ¹üÀ§ °ËÁõ
__³»Àå ÆÐÅÏÀ» »ç¿ëÇÑ °ËÁõ
__°í±Þ ³»Àå ±ÔÄ¢°ú »ç¿ëÀÚ Á¤ÀÇ °ËÁõÀ» »ç¿ë
__Æнº¿öµå °µµ °è»ê
__¹Ì±¹ ¿ìÆí¹øÈ£ °ËÁõ
__¼¹ö Ãø °ËÁõ ±â´ÉÀ» ºñµ¿±â·Î È°¿ë
__Ŭ¶óÀ̾ðÆ® °ËÁõ ±â´É°ú ¼¹ö °ËÁõ ±â´ÉÀ» Á¶ÇÕ
7Àå µ¥ÀÌÅÍ Á÷·ÄÈ
__¼Ò°³
__JSON¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼·Î ¿ªÁ÷·ÄÈ
__JSON ¹®ÀÚ¿·Î °´Ã¼ Á÷·ÄÈ
__base64 ¹æ½ÄÀ¸·Î ÀÎÄÚµùµÈ ¹ÙÀ̳ʸ® µ¥ÀÌÅÍ µðÄÚµù
__¹ÙÀ̳ʸ® µ¥ÀÌÅͳª ÅؽºÆ®¸¦ base64·Î ÀÎÄÚµù
__¹ÙÀ̳ʸ® µ¥ÀÌÅ͸¦ JSONÀ¸·Î Á÷·ÄÈ
__ÄíÅ°ÀÇ Á÷·ÄÈ ¹× ¿ªÁ÷·ÄÈ
__ÆûÀ» Á÷·ÄÈÇØ ¿äû ¹®ÀÚ¿·Î Çü¼º
__XML ¹®¼¸¦ DOMParser·Î Àбâ
__Ŭ¶óÀ̾ðÆ®¿¡¼ Ãø¿¡¼ ÇÏ´Â XML ¹®¼ Á÷·ÄÈ
8Àå ¼¹ö Åë½Å
__JSONÀ» °¡Á®¿À´Â HTTP GET »ý¼º
__»ç¿ëÀÚ Á¤ÀÇ Çì´õ°¡ ÀÖ´Â ¿äû »ý¼º
__API ¹öÀü ÀÛ¾÷
__JSONP·Î JSON µ¥ÀÌÅÍ °¡Á®¿À±â
__¼¹ö·ÎºÎÅÍ XML µ¥ÀÌÅÍ Àбâ
__FormData ÀÎÅÍÆäÀ̽º »ç¿ë
__¼¹ö·Î ¹ÙÀ̳ʸ® µ¥ÀÌÅ͸¦ Àü¼Û
__Node.js·Î SSL ¿¬°á »ý¼º
__¿¡ÀÌÀ轺 Ǫ½Ã·Î ÇÏ´Â ½Ç½Ã°£ ¾÷µ¥ÀÌÆ®
__À¥¼ÒÄÏÀ¸·Î ÇÏ´Â ½Ç½Ã°£ ¸Þ½ÃÁö ±³È¯
9Àå Ŭ¶óÀ̾ðÆ® ÅÛÇø´
__¼Ò°³
__ÇÚµé¹Ù¸¦ »ç¿ëÇÑ °´Ã¼ ·»´õ¸µ
__EJS¸¦ »ç¿ëÇÑ °´Ã¼ ·»´õ¸µ
__Á¦À̵带 »ç¿ëÇÑ °´Ã¼ ·»´õ¸µ
__ÇÚµé¹Ù¸¦ »ç¿ëÇÑ ¸®½ºÆ® ·»´õ¸µ
__EJS¸¦ »ç¿ëÇÑ ¸®½ºÆ® ·»´õ¸µ
__Á¦À̵带 »ç¿ëÇÑ ¸®½ºÆ® ·»´õ¸µ
__ÇÚµé¹Ù ÇïÆÛ·Î ÅÛÇø´ °£¼ÒÈ
__ÇÚµé¹Ù ÆļȷΠÅÛÇø´À» Àç»ç¿ë
__EJS ÆļȷΠÅÛÇø´À» Àç»ç¿ë
__Á¦À̵å ÇÊÅÍ »ç¿ë
__Á¦ÀÌµå ¹Í½ºÀÎ »ç¿ë
__Á¦À̵忡¼ ·¹À̾ƿô°ú ºí·°À» »ç¿ë
10Àå µ¥ÀÌÅÍ ¹ÙÀεù ÇÁ·¹ÀÓ¿öÅ©
__¼Ò°³
__µ¥ÀÌÅÍ ¹ÙÀεùÀ¸·Î ±âº» ¾Þ±Ö·¯¸¦ »ý¼º
__¸®½ºÆ® ·»´õ¸µ°ú ¾Þ±Ö·¯ ÄÁÆ®·Ñ·¯
__¾Þ±Ö·¯ÀÇ ¶ó¿ìÆÃ, ÇÊÅÍ, ¹é¿£µå ¼ºñ½º
__¾Þ±Ö·¯ Ŭ¶óÀ̾ðÆ® °ËÁõ
__¾Þ±Ö·¯ Áö½ÃÀÚ·Î Â÷Æ® ÄÄÆ÷³ÍÆ® ¸¸µé±â
__Meteor.js ¾ÖÇø®ÄÉÀÌ¼Ç ±¸Á¶
__¹ÝÀÀÇü ÇÁ·Î±×·¡¹Ö°ú Meteor.js¿¡ ÀÖ´Â µ¥ÀÌÅÍ
__¶óÀ̺ê HTML°ú Meteor.js »ç¿ëÀÚ Á¤ÀÇ µ¥ÀÌÅÍ
__Meteor.js º¸¾È ¸ÞÄ¿´ÏÁò
11Àå µ¥ÀÌÅÍ ½ºÅ丮Áö
__¼Ò°³
__µ¥ÀÌÅÍ URI
__¼¼¼Ç ½ºÅ丮Áö¿Í ·ÎÄà ½ºÅ丮Áö
__ÆÄÀÏ¿¡¼ µ¥ÀÌÅÍ Àбâ
__IndexedDB »ç¿ë
__½ºÅ丮Áö Á¦ÇÑ°ú ´õ ¸¹Àº ¿ë·® ¿ä±¸
__ºê¶ó¿ìÀú È÷½ºÅ丮 ´Ù·ç±â
12Àå ¸ÖƼ¹Ìµð¾î
__¼Ò°³
__¿Àµð¿À ÆÄÀÏ Àç»ý
__ºñµð¿À ÆÄÀÏ Àç»ý
__¹Ìµð¾î ¿¤¸®¸ÕÆ® »ç¿ëÀÚ Á¤ÀÇ ÄÁÆ®·Ñ
__ºñµð¿À¿¡ ÀÚ¸· ³Ö±â
__¸ÖƼ¹Ìµð¾î ÀÓº£µù
__HTML5 ¿Àµð¿À¸¦ »ç¿ëÇØ ÅؽºÆ®¸¦ À½¼ºÀ¸·Î º¯È¯
ºÎ·Ï A Node.js ¼³Ä¡¿Í npm »ç¿ë
ºÎ·Ï B Ä¿¹Â´ÏƼ¿Í ¸®¼Ò½º
-
-
|
°í¸£±â ÄÚ¼¼ºê(Gorgi Kosev) [Àú]
|
|
-
Node.js¿¡ ±â¹ÝÇÑ Å¬¶ó¿ìµå ¼Ö·ç¼Ç»Ó¸¸ ¾Æ´Ï¶ó ¸ð¹ÙÀÏ°ú µ¥½ºÅ©Å¾ HTML5 ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â Å©¸®¿¡À̼ÇÆÈ(CreationPal)¿¡¼ ¼ÒÇÁÆ®¿þ¾î ¿£Áö´Ï¾î¸¦ À̲ø°í ÀÖ´Ù. ¶ÇÇÑ ½ºÆ÷ƼÆÈ(SpotyPal)°ú ±¸±Û´Ú½º¸¦ À§ÇÑ ¾ÛÀú(Appzer) °°Àº Å©¸®¿¡À̼ÇÆÈ¿¡¼ »ç¿ëÇÏ´Â Àü¹ÝÀûÀÎ ±â¼ú ¼±Åðú °³¹ßÀ» ¸Ã°í ÀÖ´Ù. 2008³â ¼¼ÀÎÆ® ½Ã¸± ¸Þ¼Òµð¿ì½º ´ëÇп¡¼ Àü±â°øÇкθ¦ Á¹¾÷ÇßÀ¸¸ç 2011¿¡ ÀÎÅÚ¸®ÀüÆ® ÀÎÆ÷¸ÞÀÌ¼Ç ½Ã½ºÅÛ Àü°øÀ¸·Î ¼®»çÇÐÀ§¸¦ ¹ÞÀ¸¸ç ÄÄÇ»ÅÍ ½Ã½ºÅÛ°ú ±â°è ÇнÀ Çù¾÷À» ¿¬±¸Çß´Ù. ¿©°¡ ½Ã°£¿¡´Â ÇÙ·¦(hack lab)¿¡¼ ÁöÀεé°ú Çϵå¿þ¾î¸¦ ÇØÅ·Çϰųª ÄÚµå °øÀ¯¸¦ Çϸç ÇǾƳ븦 ¿¬ÁÖÇϱ⵵ ÇÑ´Ù.
-
|
±èÅ¿ø [Àú]
|
|
-
¿©·¯ ÇØ ºê¶ó¿ìÀú °³¹ßÀÚ·Î »ýÈ°ÇÏ´Ù°¡ Áö±ÝÀº SKÇ÷¡´Ö¿¡¼ Ŭ¶ó¿ìµå ½ºÆ®¸®¹Ö ½Ã½ºÅÛ¿ë À¥ Ç÷§ÆûÀ» ¿¬±¸ ÁßÀÌ´Ù. ¶ÇÇÑ TV¿ë À¥ Ç÷§Æû¿¡ ¿Ã¸± À¯¿ëÇÑ À¥¾ÛÀ» ã¾Æ ¹æ¶û ÁßÀ̸ç HTML5 Ç¥ÁØ°ú À¥ Æ®·»µå¿¡µµ °ü½ÉÀÌ ¸¹¾Æ Ç×»ó ÃֽŠ±â¼úÀ» ½ÀµæÇÏ·Á ¹ß¹öµÕÄ¡°í ÀÖ´Ù. À¥Å¶ ±â¹Ý ÇÁ·ÎÁ§Æ®¸¦ ¿©·¯ Â÷·Ê ¼öÇàÇßÀ¸¸ç ÇöÀç´Â Å©·Î¹Ì¿òChromium ±â¹ÝÀÇ À¥ Ç÷§Æû¿¡¼ À¥ÀÇ °¡Ä¡¸¦ Àß Ç¥ÇöÇÏ°íÀÚ ³ë·ÂÇÏ°í ÀÖ´Ù. ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£ÇÑ [WebGL 3D ÇÁ·Î±×·¡¹Ö](2012), [HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¸¸µå´Â À©µµ¿ì 8¾Û](2013)À» ¹ø¿ªÇß´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|