·Î±×ÀÎ ¤Ó ȸ¿ø°¡ÀÔ ¤Ó Àå¹Ù±¸´Ï ¤Ó °í°´¼¾ÅÍ ¤Ó ¸¶ÀÌÆäÀÌÁö ¤Ó ȸ»ç¼Ò°³
kangcom
Àüü
Home >   >   > 

HTML5 µ¥ÀÌÅÍ Ã³¸®¿Í ±¸Çö

 [100°¡Áö ¿¹Á¦·Î ¹è¿ì´Â ¸ð´ø À¥À» À§ÇÑ µ¥ÀÌÅÍ Ç¥Çö ±â¹ý acorn+PACKT ½Ã¸®Áî]
   
ÁöÀºÀÌ °í¸£±â ÄÚ¼¼ºê, ¹ÌÅ× ¹ÌÆ®·¹½ºÅ° [¿Å±äÀÌ]±èÅ¿ø   |   ÃâÆÇ»ç ¿¡ÀÌÄÜ  |   ¹ßÇàÀÏ 2014³â 08¿ù 27ÀÏ
 
Ŭ¸¯ÇϽøé Å« µµ¼­À̹ÌÁö¸¦ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
ÆÇ¸Å°¡ 35,000¿ø ¡æ 31,500¿ø 10%
¸¶Àϸ®Áö 5% 1,750¿ø
¹ßÇàÀÏ 2014-08-27
ISBN 8960775959 |  9788960775954
±âŸÁ¤º¸ ¹ø¿ª¼­ | 592ÂÊ | Paperback
¿¹»óÃâ°íÀÏ 2~3ÀÏ À̳» (±Ù¹«ÀϱâÁØ)
¹è¼Ûºñ ¹«·á¹è¼Û
   
ÇÁ·Î±×·¡¹Ö¾ð¾î
Á¾ÇÕÁö¼ö 0p
   
ÀÌ Ã¥ÀÇ ¿ø¼­
  Html5 Data and Services Cookbook
Packt Publishing | Gorgi Kosev
 

¡Ú ¿ä¾à ¡Ú

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)¿¡¼­ ÁöÀεé°ú Çϵå¿þ¾î¸¦ ÇØÅ·Çϰųª ÄÚµå °øÀ¯¸¦ Çϸç ÇǾƳ븦 ¿¬ÁÖÇϱ⵵ ÇÑ´Ù.



ÀúÀÚ : ¹ÌÅ× ¹ÌÆ®·¹½ºÅ°

ÀúÀÚ ¹ÌÅ× ¹ÌÆ®·¹½ºÅ°(Mite Mitreski)´Â ÀÚ¹Ù¿Í JVM¿¡ ±â¹ÝÇÑ »ç¿ëÀÚ Á¤ÀÇ ¿£ÅÍÇÁ¶óÀÌÁî ¾ÖÇø®ÄÉÀÌ¼Ç ÀÛ¾÷À» Çϰí ÀÖÀ¸¸ç °ú°Å¿¡´Â ÇÁ·Î±×·¡¹Ö ÄÚ½º Æ®·¹À̳ʷΠÀÏÇϱ⵵ Çß´Ù. ¶ÇÇÑ ¸¶ÀÌÆ®´Â ¸¶Äɵµ´Ï¾Æ¿¡ ÀÖ´Â °³¹ß±×·ì¿¡¼­ Ȱ¹ßÇÏ°Ô È°µ¿Çϰí ÀÖÀ¸¸ç ÇöÀç´Â °°Àº °³¹ß ±×·ìÀÇ ÀÚ¹Ù À¯Àú ±×·ì(JUG)ÀÇ ¸®´õ·Î Ȱµ¿ÇÑ´Ù. ±×¸®°í ¿ÀǼҽº ¼ÒÇÁÆ®¿þ¾î, ¿ÀÇ µ¥ÀÌÅÍ Æ÷¸Ë, ¿ÀÇ À¥¿¡ ¿­Á¤À» °®°í ÀÖÀ¸¸ç °¡²û¾¿ ºí·Î±×(http://blog.mitemitreski.com)¿¡ ±ÛÀ» ¿Ã¸®¸ç Æ®À§ÅÍ(@mitemitreski)¿¡¼­µµ Ȱµ¿ÇÑ´Ù.



¿ªÀÚ : ±èÅ¿ø

¿ªÀÚ ±èÅ¿øÀº ´Ù³â°£ ºê¶ó¿ìÀú °³¹ßÀÚ·Î »ýȰÇÏ´Ù°¡ Áö±ÝÀº SK Planet¿¡¼­ Ŭ¶ó¿ìµå ½ºÆ®¸®¹Ö ½Ã½ºÅÛ¿ë À¥ Ç÷§ÆûÀ» ¿¬±¸ ÁßÀ̸ç HTML5 Ç¥ÁØ ¹× À¥ Æ®·£µå¿¡µµ °ü½ÉÀÌ ¸¹¾Æ Ç×»ó Ãֽбâ¼úÀ» ½ÀµæÇÏ·Á ³ë·Â ÁßÀÌ´Ù. À¥Å¶ ±â¹Ý ÇÁ·ÎÁ§Æ®¸¦ ¿©·µ ¼öÇàÇßÀ¸¸ç ÇöÀç´Â Å©·Î¹Ì¾ö ±â¹ÝÀÇ À¥ Ç÷§Æû¿¡¼­ À¥ÀÇ ÀåÁ¡À» Àß Ç¥ÇöÇϵµ·Ï ³ë·Â ÁßÀÌ´Ù.


µî·ÏµÈ ¼­ÆòÀÌ ¾ø½À´Ï´Ù.
±è¿ë¼ºÀÇ C & C++ ¿Ïº®°¡À̵å...
±è¿ë¼º
¼±ÅÃµÈ »óǰÀ» ÂòÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼±ÅÃµÈ »óǰÀ» ¹Ù·Î±¸¸Å ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
 
ÃÊ Áß °í
ÀüüÆò±Õ(0)
ȸ¿øÆòÁ¡   ȸ¿ø¼­Æò¼ö 0
¿¡ÀÌÄÜ ÃâÆÇ»çÀÇ ½Å°£
ÀÚ¿¬¾î ó¸®¿Í µö·¯´×
¸® µ¢/±èÀç¹Î Àú
36,000¿ø
(10%¡é+5%)
 
µ¥ÀÌÅͺ£À̽º ÀÎÅͳνº
ÀÌÅÂÈÖ/ÀÌ¿ìÇö Àú
31,500¿ø
(10%¡é+5%)
 
ÀÚ»ê¿î¿ëÀ» À§ÇÑ ±ÝÀ¶ ¸Ó½Å·¯´×
À̱âÈ« Àú
18,000¿ø
(10%¡é+5%)
 
ŸÀÔ½ºÅ©¸³Æ® ½ÇÀü ÇÁ·ÎÁ§Æ®(À¥ ÇÁ·ÎÆä¼Å³Î)
ÇÇÅÍ ¿ÀÇÑ·Ð/±èÀ¯¼º Àú
31,500¿ø
(10%¡é+5%)
 
ÇÁ·¹ÀÓ¿öÅ© ¾ø´Â ÇÁ·ÐÆ®¿£µå °³¹ß
·ù¿µ¼±/·ù¿µ¼± Àú
22,500¿ø
(10%¡é+5%)
 
À̸ÞÀÏÁÖ¼Ò¼öÁý°ÅºÎ