|
|
|
HTML5 CSS3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼® : HTML5 Çʼö API·Î ¹è¿ì´Â Â÷¼¼´ë À¥ ÇÁ·Î±×·¡¹Ö
|
|
|
¿¡ÀÌÄÜ À¥ ÇÁ·ÎÆä¼Å³Î ½Ã¸®Áî1
¤Ó J.D. °í»þ(J.D. Gauchat), È«¿µÇ¥
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
HTML5 for masterminds
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
HTML5ÀÇ °³³ä°ú ½ÇÀü ÇÁ·Î±×·¡¹ÖÀÇ Á¤¼®À» ¾È³»ÇÑ ÀÔ¹®¼!
HTML5 Çʼö API·Î ¹è¿ì´Â Â÷¼¼´ë À¥ ÇÁ·Î±×·¡¹Ö¡ºHTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®¡». Çʼö Áö½ÄÀÇ ½Àµæ¿¡¼ HTML5 ¸í¼¼¿¡ Æ÷ÇÔµÈ º¹ÀâÇÑ ÁÖÁ¦ÀÇ ¸¶½ºÅͱîÁö ´Ü°èº°·Î HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ À¥ ÇÁ·Î±×·¡¹ÖÀÇ Á¤µµ¸¦ ¼³¸íÇÑ Ã¥ÀÌ´Ù. HTML5ÀÇ ¹®¼±¸Á¶, CSS3 ½ºÅ¸ÀÏ°ú ÇÁ·ÎÆÛƼ, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±âº»ÀûÀÎ ¼³¸íÀ» ½ÃÀÛÀ¸·Î ºñµð¿À¿Í ¿Àµð¿À, Æû, ĵ¹ö½º, µå·¡±×¾Øµå·Ó, Áö¿À·ÎÄÉÀ̼Ç, À¥ ½ºÅ丮Áö, IndexedDB, ÆÄÀÏ, Ä¿¹Â´ÏÄÉÀ̼Ç, À¥ ¿öÄ¿, È÷½ºÅ丮, ¿ÀÇÁ¶óÀΰú °°Àº Çʼö API¿¡ ´ëÇØ ½ÇÀü ¿¹Á¦¸¦ Áß½ÉÀ¸·Î ÃÑ 16Àå¿¡ °ÉÃÄ ´Ü°èº°·Î ¸íÄèÇÏ°Ô Ç®¾î°£´Ù. ÀÌ Ã¥À» ÀÐ°í ³ª¸é HTML5¸¦ ÀÌ¿ëÇØ ¹®¼¸¦ ±¸Á¶ÈÇÏ´Â ¹æ¹ý, CSS3¸¦ ÀÌ¿ëÇØ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ´Â ¹æ¹ý, °¡Àå °·ÂÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ ÀÌ¿ëÇØ ÀÛ¾÷ÇÏ´Â ¹æ¹ýÀ» ¾Ë°Ô µÉ °ÍÀÌ´Ù.
-
-
HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ À¥ ÇÁ·Î±×·¡¹ÖÀÇ Á¤µµ(ïáÔ³)¸¦ ¼³¸íÇÏ´Â ¾ÆÁÖ ÁÁÀº Âü°í¼´Ù. HTML5ÀÇ ¹®¼±¸Á¶, CSS3 ½ºÅ¸ÀÏ°ú ÇÁ·ÎÆÛƼ, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±âº»ÀûÀÎ ¼³¸íÀ» ½ÃÀÛÀ¸·Î ºñµð¿À¿Í ¿Àµð¿À, Æû, ĵ¹ö½º, µå·¡±×¾Øµå·Ó, Áö¿À·ÎÄÉÀ̼Ç, À¥ ½ºÅ丮Áö, IndexedDB, ÆÄÀÏ, Ä¿¹Â´ÏÄÉÀ̼Ç, À¥ ¿öÄ¿, È÷½ºÅ丮, ¿ÀÇÁ¶óÀΰú °°Àº Çʼö API¿¡ ´ëÇØ ½ÇÀü ¿¹Á¦¸¦ Áß½ÉÀ¸·Î ÃÑ 16Àå¿¡ °ÉÃÄ ´Ü°èº°·Î ¸íÄèÇÏ°Ô Ç®¾î°£´Ù. ÀÌ Ã¥À¸·Î HTML5ÀÇ °³³ä°ú ½ÇÀü ÇÁ·Î±×·¡¹ÖÀÇ Á¤¼®À» ÇÔ²² È®ÀÎÇغ¸ÀÚ.
¿ì¸®´Â Çõ¸í¿¡ Á÷¸éÇØ ÀÖ´Ù. À¥Àº ¸ÞÀÎ °³¹ß Ç÷§ÆûÀÎ µ¿½Ã¿¡ Á¤º¸¿Í ¼ÒÇÁÆ®¿þ¾î¿¡ ´ëÇÑ ÁÖ¿ä ±â¹ÝÀÌ µÇ°í ÀÖ´Ù. ÃÖ±Ù ¸î ³â µ¿¾È ¸ð¹ÙÀÏ ±â±â´Â ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼ÇÀ» °¡´ÉÇÑ ¼ö´Ü¿¡¼ Çʼö ¿ä¼Ò·Î ¹Ù²ã ³õ¾Ò´Ù. ÇöÀç À¥¿¡¼ µ¶¸³ÀûÀ¸·Î µ¿ÀÛÇÏ´Â ÄÄÇ»ÅÍ°¡ °³¹ß ÁßÀ̸ç Ãâ½Ãµµ ¸ñÀü¿¡ µÎ°í ÀÖ´Ù. À¥¿¡¼ µ¿ÀÛÇÏ´Â ¼ÒÇÁÆ®¿þ¾î´Â ±× ¾î´À ¶§º¸´Ù ´õ Á¤±³ÇØÁö°í ÀÖÀ¸¸ç, ÃÖÁ¾ÀûÀ¸·Î µ¥½ºÅ©Åé ¾ÖÇø®ÄÉÀ̼ÇÀ» ´ëüÇÏ°í ÀÖ´Ù. º¯ÈÀÇ ¼öÁØÀº ½ÇÇèÀûÀÌ°í ±ÞÁøÀûÀ̸ç HTML5°¡ ÀÌ·¯ÇÑ º¯ÈÀÇ Á߽ɿ¡ ¼ ÀÖ´Ù.
¡ºHTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®¡»Àº Çʼö Áö½ÄÀÇ ½Àµæ¿¡¼ HTML5 ¸í¼¼¿¡ Æ÷ÇÔµÈ º¹ÀâÇÑ ÁÖÁ¦ÀÇ ¸¶½ºÅͱîÁö ´Ü°èº°·Î µ¶ÀÚ¸¦ ¾È³»ÇÑ´Ù. ÀÌ Ã¥À» ÀÐ°í ³ª¸é HTML5¸¦ ÀÌ¿ëÇØ ¹®¼¸¦ ±¸Á¶ÈÇÏ´Â ¹æ¹ý, CSS3¸¦ ÀÌ¿ëÇØ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ´Â ¹æ¹ý, °¡Àå °·ÂÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ ÀÌ¿ëÇØ ÀÛ¾÷ÇÏ´Â ¹æ¹ýÀ» ¾Ë°Ô µÈ´Ù.
ÀÌ Ã¥Àº ´Ü¼øÇÑ HTML5ÀÇ ¾È³»¼°¡ ¾Æ´Ï´Ù. ÀÌ Ã¥Àº µ¸º¸ÀÌ´Â À¥»çÀÌÆ®¿Í ³î¶ó¿î À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±¸ÃàÀ» ±âº»ºÎÅÍ ¼³¸íÇÏ´Â Àüü °úÁ¤ÀÌ´Ù. °¢ Àå¿¡¼´Â HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ º¹ÀâÇÑ ¹®Á¦»Ó¸¸ ¾Æ´Ï¶ó ±âº» °³³äÀ» »ìÆ캻´Ù. ½Ç¿ëÀûÀÎ Àüü Äڵ带 ÅëÇØ Ãʺ¸ÀÚ´Â °³³äÀ» ÆľÇÇÒ ¼ö ÀÖÀ¸¸ç Àü¹®°¡´Â °¢°¢ÀÇ Å±×, ½ºÅ¸ÀÏ ¶Ç´Â ¸í¼¼¿¡ Æ÷ÇÔµÈ ÇÔ¼öÀÇ ½ÇÁ¦ »ç¿ë ¹æ½ÄÀ» È®ÀÎÇÒ ¼ö ÀÖ´Ù. ÄÚµå´Â µ¶ÀÚµéÀÌ º¹ÀâÇÑ ÁÖÁ¦¸¦ Á¡ÁøÀûÀ¸·Î ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï Ã¥ Àü¹Ý¿¡ °ÉÃÄ Æ¯Á¤ÇÑ ¼ø¼·Î ¹èÄ¡µÅ ÀÖ´Ù.
¡ºHTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®¡»Àº µ¶ÀÚµéÀÌ ÃֽŠÀ¥ ±â¼ú¿¡ Àͼ÷ÇØÁú ¼ö ÀÖ°Ô ÇÏ´Â µ¥ ¸ñÇ¥¸¦ µ×´Ù. ÀÌ·¯ÇÑ ±â¼úÀº ¹Ì·¡¸¦ ÁغñÇϱâ À§ÇØ °³¹ßµÆÀ¸¸ç, ÀÌ Ã¥Àº ¿©·¯ºÐÀÇ ÀáÀç·ÂÀ» Àϱú¿ì±â À§ÇØ ¾²¿©Á³´Ù. ÀÌÁ¦ ¸¶½ºÅÍ°¡ µÇ¾îº¸ÀÚ!
¡Ú ÀúÀÚ ¼¹® ¡Ú
HTML5´Â ±âÁ¸ ¸¶Å©¾÷ ¾ð¾îÀÇ »õ·Î¿î ¹öÀüÀÌ ¾Æ´Ï¶ó(¡®¿¹Àü¡¯ ±â¼úÀÇ °³¼±ÀÌ ¾Æ´Ï¶ó) ¸ð¹ÙÀÏ ±â±â¿Í Ŭ¶ó¿ìµå ÄÄÇ»Æðú ³×Æ®¿öÅ· ½Ã´ë¿¡ À¥»çÀÌÆ®¿Í ¾ÖÇø®ÄÉÀÌ¼Ç Á¦ÀÛÀ» À§ÇÑ »õ·Î¿î °³³äÀÌ´Ù.
ÀÌ ¸ðµç °ÍÀº ¿À·¡ Àü¿¡ À¥ ÆäÀÌÁöÀÇ ±âº»ÀûÀÎ ±¸Á¶¸¦ ¸¸µé°í ÇØ´ç ÄÜÅÙÃ÷¸¦ ±¸¼ºÇÏ°í Á¤º¸¸¦ °øÀ¯Çϱâ À§ÇØ °³¹ßµÈ HTMLÀÇ °£´ÜÇÑ ¹öÀüÀ¸·Î ½ÃÀÛÇß´Ù. ¾ð¾î¿Í À¥ ÀÚü´Â ÁÖ·Î ÅؽºÆ®¸¦ ÅëÇÑ Á¤º¸ Åë½ÅÀÇ ¸ñÀûÀ¸·Î ź»ýÇß´Ù.
ÇÏÁö¸¸ HTMLÀÇ Çù¼ÒÇÑ È°¿ë ¹üÀ§·Î ÀÎÇØ, °¢ ±â¾÷µéÀº ¿¹Àü¿¡ ¾ø´ø »õ·Î¿î ¾ð¾î¿Í ¼ÒÇÁÆ®¿þ¾î¸¦ °³¹ßÇÏ°í À¥¿¡ ±â´ÉÀ» Ãß°¡Çϱ⠽ÃÀÛÇß´Ù. ´ç½Ã Ãʱ⿡ °³¹ßµÈ ¾ð¾î¿Í ¼ÒÇÁÆ®¿þ¾î µéÀº °·ÂÇÏ°í À¯¸íÇÑ Ç÷¯±×ÀÎÀ¸·Î ¼ºÀåÇß´Ù. °£´ÜÇÑ °ÔÀÓ°ú Àç¹ÌÀÖ´Â ¾Ö´Ï¸ÞÀ̼ÇÀº °ð Á¤±³ÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ¸·Î º¯Çß°í À¥ÀÇ °³³äÀ» ¿ÏÀüÈ÷ ¹Ù²ã³õ´Â »õ·Î¿î °æÇèÀ» Á¦°øÇß´Ù.
»õ·Ó°Ô °³¹ßµÈ °Íµé Áß¿¡¼´Â ÀÚ¹Ù¿Í Ç÷¡½Ã°¡ °¡Àå ¼º°øÀûÀ̾ú´Ù. ÀÚ¹Ù¿Í Ç÷¡½Ã´Â Æø³Ð°Ô äÅõǾúÀ¸¸ç ÀÎÅͳÝÀÇ ¹Ì·¡·Î ¿©°ÜÁ³´Ù. ÇÏÁö¸¸ »ç¿ëÀÚ ¼ö°¡ Á¡Á¡ Áõ°¡ÇÏ°í, ÀÎÅÍ³Ý ºñÁî´Ï½º¿Í »çȸÀû ¼ÒÅëÀ» À§ÇÑ ÁÖ¿ä ºÐ¾ß¿¡¼ ÄÄÇ»ÅÍ »ç¿ëÀÚ °£ »óÈ£ ¿¬°áÇÏ´Â ¹æ¹ýÀÌ Â÷Â÷ º¯ÈÇÏ°Ô µÇ¸é¼, ÀÚ¹Ù¿Í Ç÷¡½Ã¿¡ Á¸ÀçÇÏ´ø Á¦¾à»çÇ×Àº »çÇü ¼±°í¸¦ ¹Þ°Ô µÆ´Ù.
ÀÚ...¹Ù¿Í Ç÷¡½ÃÀÇ ÁÖµÈ ºÒÆíÇÔÀº ÅëÇÕ(integration)ÀÇ °áÇÌÀ̶ó ÇÒ ¼ö ÀÖ´Ù. ÀÚ¹Ù¿Í Ç÷¡½Ã ¸ðµÎ óÀ½ºÎÅÍ Ç÷¯±×ÀÎÀ¸·Î Ãâ¹ßÇßÀ¸¸ç, ±¸Á¶¿¡ »ðÀÔµÇÁö¸¸ ±âº»ÀûÀ¸·Î ´ÜÁö ȸéÀÇ ÀϺΠ¿µ¿ª¿¡ ÇØ´çÇÏ´Â ±¸Á¶ÇÏ°í¸¸ °øÀ¯ÇÑ´Ù. ¾ÖÇø®ÄÉÀ̼ǰú ¹®¼ »çÀÌÀÇ Åë½Å°ú ÅëÇÕÀº ¾ø¾ú´Ù.
ÅëÇÕÀÇ ¹ÌÁøÇÔÀº ¸Å¿ì ½É°¢ÇÑ ¹®Á¦°¡ µÆÀ¸¸ç HTML ¹®¼¿¡¼ ¿µ¿ªÀ» °øÀ¯ÇÏ°í Ç÷¯±×ÀÎÀÇ Á¦¾à»çÇ׿¡ ¿µÇâÀ» ¹ÞÁö ¾Ê´Â ¾ð¾î °³¹ßÀ» À§ÇÑ ±æÀ» ¸¶·ÃÇÏ°Ô µÆ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®´Â ºê¶ó¿ìÀú¿¡ ³»ÀåµÈ Çؼ®Çü ¾ð¾î(interpreted language)·Î¼, ºÐ¸íÈ÷ »ç¿ëÀÚÀÇ °æÇèÀ» Çâ»ó½ÃÅ°°í À¥¿¡ ±â´ÉÀ» Á¦°øÇÏ´Â ¹æ¹ýÀ̾ú´Ù. ÇÏÁö¸¸ ¸î ³â°£ º¸±Þ ½ÃµµÀÇ ½ÇÆÐ¿Í ¿À³²¿ëÀ¸·Î ÀÎÇØ ½ÃÀå¿¡¼ ¿ÂÀüÈ÷ äÅõÇÁö ¾Ê¾ÒÀ¸¸ç Àα⵵ °¨¼ÒÇß´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÆïÇÏÇÏ´Â »ç¶÷µé¿¡°Ô´Â äÅÃÀ» ¹Ý´ëÇÏ´Â ÁÁÀº ÀÌÀ¯°¡ µÆÀ¸¸ç, ¶ÇÇÑ ´ç½Ã ÀÚ¹Ù½ºÅ©¸³Æ®´Â Ç÷¡½Ã¿Í ÀÚ¹ÙÀÇ ±â´ÉÀ» ´ëüÇÒ ´É·ÂÁ¶Â÷ ¾ø¾ú´Ù. ±×¸®°í ºÐ¸íÈ÷ ÀÚ¹Ù¿Í Ç÷¡½Ã°¡ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ¹üÀ§¸¦ Á¦ÇÑÇÏ°í À¥ÀÇ ÄÜÅÙÃ÷¸¦ °í¸³½ÃÅ°´Â ½Ã±â¿´À½¿¡µµ, ºñµð¿À ½ºÆ®¸®¹Ö °°Àº Àαâ ÀÖ´Â ±â´ÉÀº À¥ÀÇ Å« ºñÁßÀ» Â÷ÁöÇÏ°Ô µÆ°í ÀÌ´Â ÀÚ¹Ù³ª Ç÷¡½Ã ±â¼úÀ» ÅëÇؼ¸¸ È¿°úÀûÀ¸·Î Á¦°øµÉ ¼ö ÀÖ¾ú´Ù.
ÀÌ¿Í °°Àº ¼º°ø¿¡µµ ºÒ±¸ÇÏ°í À¥ ¿µ¿ª¿¡¼ ÀÚ¹Ù´Â ¼èÅðÇß´Ù. ¾ð¾î º»·¡ÀÇ º¹À⼺, ÁöÁöºÎÁøÇÑ ¹ßÀü°ú ÅëÇÕÀÇ ¹ÌÁøÇÔÀ¸·Î ÀÎÇØ ¿À´Ã³¯ ÀÚ¹Ù´Â ÁÖ·ù À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡ ´õ ÀÌ»ó »ç¿ëµÇÁö ¾ÊÀ» Á¤µµ·Î ±× Áß¿äµµ°¡ ÁÙ¾îµé°Ô µÆ´Ù. ÀÚ¹Ù°¡ »ç¶óÁöÀÚ À¥ ½ÃÀåÀº Ç÷¡½Ã¸¦ ÁÖ¸ñÇß´Ù. ÇÏÁö¸¸ Ç÷¡½Ã°¡ À¥¿¡¼ °æÀïÀÚ¿Í ±âº»ÀûÀΠƯ¼ºÀ» °øÀ¯ÇØ¾ß ÇÑ´Ù´Â »ç½ÇÀº Ç÷¡½Ãµµ ÀÚ¹Ù¿Í µ¿ÀÏÇÑ ¿î¸í¿¡ óÇÏ°Ô µÉ °ÍÀ¸·Î º¸¿´´Ù.
ÇÑÆí, À¥¿¡ Á¢±ÙÇÏ´Â ¼ÒÇÁÆ®¿þ¾î´Â °è¼Ó ¹ßÀüÇß´Ù. »õ·Î¿î ±â´ÉÀ» ºñ·ÔÇØ ´õ »¡¶óÁø ÀÎÅÍ³Ý Á¢¼Ó ±â¼ú°ú ÇÔ²² ºê¶ó¿ìÀú ¿ª½Ã ÀÚ¹Ù½ºÅ©¸³Æ® ¿£ÁøÀ» Çâ»ó½ÃÄ×´Ù. ´õ °·ÂÇØÁú¼ö·Ï ´õ ¸¹Àº ±âȸ°¡ »ý°åÀ¸¸ç ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î´Â ÀÌ ¸ðµç °ÍÀ» ¹Þ¾ÆµéÀÏ Áغñ¸¦ °®Ãè´Ù.
ÀÌ·¯ÇÑ °úÁ¤¿¡¼ °³¹ßÀÚµéÀº ÀÚ¹Ù¿Í Ç÷¡½Ã ¸ðµÎ »ç¿ëÀÚÀÇ Áõ°¡·Î ÀÎÇØ ¿ä±¸µÇ´Â ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¦ÀÛÇÏ´Â µ¥ ÇÊ¿äÇÑ µµ±¸¸¦ Á¦°øÇϱ⿡´Â ÃæºÐÇÏÁö ¾Ê´Ù°í È®½ÅÇϱ⿡ À̸£·¶´Ù. °á±¹ °³¹ßÀÚµéÀº ÀÌÀü¿¡ º» ÀûÀÌ ¾ø´ø ¹æ½ÄÀ¸·Î ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¾ÖÇø®ÄÉÀ̼ǿ¡ Àû¿ëÇϱ⠽ÃÀÛÇß´Ù. Çõ½Å°ú ³î¶ó¿î °á°ú°¡ ´õ ¸¹Àº ÇÁ·Î±×·¡¸ÓµéÀÇ ´«±æÀ» ²ø¾ú´Ù. °ð ¡®À¥ 2.0¡¯ÀÌ Åº»ýÇß°í °³¹ßÀÚÀÇ Ä¿¹Â´ÏƼ¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ Àνĵµ ±Þ°ÝÈ÷ º¯Çß´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¿¹Àü¿¡ ¾î´À ´©±¸µµ À¥¿¡¼ ÀÌ·ï³»Áö ¸øÇÑ ÀÛ¾÷ÀÇ ¼öÇà°ú Çõ½ÅÀ» °¡´ÉÇÏ°Ô ÇÑ ¾ð¾îÀÓ¿¡ ºÐ¸íÇÏ´Ù. Áö³ ¸î ³â°£ Àü¼¼°è ÇÁ·Î±×·¡¸Óµé°ú À¥ µðÀÚÀ̳ʵéÀº ÀÌ ±â¼úÀÇ ÇÑ°è¿Í À̽ļºÀÇ Ãʱ⠰áÇÔÀ» ±Øº¹Çϱâ À§ÇØ ¸Å¿ì ³î¶ó¿î ¹æ¾ÈÀ» ³»³õ¾Ò´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®´Â HTML°ú CSS¿Í ÇÔ²² À¥ÀÇ ¹ßÀü¿¡ Àý½ÇÈ÷ ÇÊ¿äÇÑ °¡Àå ¿Ïº®ÇÑ Á¶ÇÕÀÌ µÆ´Ù.
HTML5´Â ½ÇÁ¦·Î ÀÌ·¯ÇÑ Á¶ÇÕÀ» °³¼±½ÃŲ, ¸ðµç ³»¿ëÀ» Çѵ¥ °áÇÕÇÏ´Â Á¢ÂøÁ¦¿Íµµ °°´Ù. HTML5´Â À¥ÀÇ ¸ðµç Ãø¸é¿¡ ´ëÇÑ Ç¥ÁØÀ» Á¦¾ÈÇßÀ¸¸ç Æ÷ÇÔµÈ °¢°¢ÀÇ ±â¼ú¿¡ ´ëÇÑ ¸ñÀûµµ ºÐ¸íÈ÷ Çß´Ù. Áö±ÝºÎÅÍ HTMLÀº ±¸Á¶ÀûÀÎ ¿ä¼Ò¸¦ Á¦°øÇϸç, CSS´Â ÇØ´ç ±¸Á¶¸¦ ½Ã°¢ÀûÀ¸·Î ¸Å·ÂÀûÀÌ°í À¯¿ëÇÏ°Ô º¯È¯ÇÏ´Â ¹æ¹ý¿¡ ÁýÁßÇϸç, ÀÚ¹Ù½ºÅ©¸³Æ®´Â ±â´ÉÀ» Á¦°øÇÏ°í Àüü À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ ¸ðµç ´É·ÂÀ» Á¦°øÇÑ´Ù.
À¥»çÀÌÆ®¿Í ¾ÖÇø®ÄÉÀ̼ÇÀÇ °æ°è´Â ¸¶Ä§³» »ç¶óÁ³´Ù. ±×¸®°í ÇÊ¿äÇÑ ±â¼úÀº ÁغñµÆ´Ù. À¥ÀÇ ¹Ì·¡´Â À¯¸ÁÇϸç HTML, CSS ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â ¼¼ °¡Áö ±â¼úÀÇ Á¶ÇÕ°ú ¹ßÀüÀº ÇϳªÀÇ °·ÂÇÑ ¸í¼¼°¡ µÆÀ¸¸ç ÀÎÅͳÝÀ» ¼±µµÀûÀÎ °³¹ß¿ë Ç÷§ÆûÀ¸·Î º¯È½ÃÅ°°í ÀÖ´Ù. HTML5´Â ºÐ¸íÈ÷ ÀÌ·¯ÇÑ ¹æ½ÄÀ» À̲ø°í ÀÖ´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
HTML5´Â W3C¿¡¼ ¸¸µç Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ¾ÖÇÃ, ±¸±Û, ¸ðÁú¶ó, ¿ÀÆä¶ó ±×¸®°í ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® µîÀÇ ¸ðµç º¥´õ°¡ Âü¿©ÇÏ°í ÀÖ½À´Ï´Ù. HTML5¿¡ ÀÌ¿Í °°Àº ÁÖ¿ä ¼±µµ±â¾÷µéÀÌ ¾Õ´ÙÅý Âü¿©ÇÏ´Â ÀÌÀ¯´Â ºÐ¸í HTML5¿¡ ±× ¹«¾ùÀΰ¡ ¡®¸Å·Â¡¯ÀÌ ÀÖ¾î¼ÀÏ °Ì´Ï´Ù.
¿¹Àü¿¡ ¾Èö¼ö ±³¼ö´ÔÀÌ ¡®¹«¸Æŵµ»ç¡¯¶ó´Â TV ÇÁ·Î±×·¥¿¡ Ã⿬ÇØ ÀÚ½ÅÀÇ ¼º°ø ¿äÀÎÀº ¡®¿îÀ̶õ ±âȸ°¡ Áغñ¸¦ ¸¸³ °Í¡¯À̶ó°í À̾߱âÇß½À´Ï´Ù. ¾Æ¸¶µµ ÁغñµÈ HTML5°¡ ¸ð¹ÙÀÏÀ̶ó´Â ±âȸ¸¦ ¸¸³ª ¡®¿î¡¯ ÁÁÀº ¼º°øÀ» °ÅµÐ ½ºÅ丮°¡ ÀÌ¿Í ºñ½ÁÇÏÁö ¾ÊÀ»±î¿ä?
HTML5´Â ´õ ÀÌ»ó ȸ鸸 Ç¥ÇöÇÏ´Â ¡®¼ö´Ü¡¯ÀÌ ¾Æ´Õ´Ï´Ù. HTML5´Â ÀÌÀü ¹öÀüÀÇ °³¼±ÀÌ ¾Æ´Ï¶ó »õ·Î¿î ¡®Ç÷§Æû¡¯ÀÔ´Ï´Ù. ±âÁ¸ÀÇ HTMLÀÌ ¡®Ç¥Çö¡¯¿¡ ÁýÁßÇÑ ¡®¼öµ¿ÀûÀÎ ¼ö´Ü¡¯À̾ú´Ù¸é HTML5´Â À¥ÀÇ ¡®±â¹Ý¡¯ÀÌ µÇ´Â ¡®´Éµ¿ÀûÀÎ µµ±¸¡¯ÀÔ´Ï´Ù. HTML5°¡ °¢±¤¹Þ´Â ÀÌÀ¯µµ °ú°ÅÀÇ ÇѰ踦 ¶Ù¾î³ÑÀº ÀÌ¿Í °°Àº ¡®Çõ½Å¡¯¿¡ ÀÖ´Ù°í »ý°¢µË´Ï´Ù.
ÀÌ Ã¥Àº HTML5¿Í °ü·ÃµÈ ÁÖ¿ä ÇÙ½É ÁÖÁ¦¸¦ ÃÑ 16ÀåÀ¸·Î ±¸¼ºÇßÀ¸¸ç °¢ ÀåÀº °ÅÀÇ µ¶¸³ÀûÀÔ´Ï´Ù. óÀ½¿¡´Â °£´ÜÇÑ ±âº»³»¿ëÀ¸·Î ½ÃÀÛÇØ ±× ¿¹Á¦¸¦ Á¡ÁøÀûÀ¸·Î ¿Ï¼ºÇØ ³ª°¡´Â ¹æ½ÄÀÌ¸ç °¢ ÀåÀÌ ³¡³ª¸é ÀüüÀûÀÎ ³»¿ëÀ» ÇÑ´«¿¡ ÆľÇÇÒ ¼ö ÀÖ°Ô ±¸¼ºÇß½À´Ï´Ù. °á±¹ °¢ ÀåÀº ±â½ÂÀü°áÀÇ ½ºÅ丮°¡ ÀÖ´Â ´ÜÆí µå¶ó¸¶¿Í °°½À´Ï´Ù. µû¶ó¼ óÀ½¿¡´Â ÀÌ Ã¥À» °¡º¿î ¸¶À½À¸·Î ÀÐÀ¸¸é¼ Àüü À±°ûÀ» ÆľÇÇÏ¸é µË´Ï´Ù. ±×·± ´ÙÀ½ °¢ ¿¹Á¦¸¦ ÀÚ¼¼È÷ »ìÆ캸°í ½ÇÇàÇغ¸¸é ¡®°¨¡¯À» Àâ°Ô µÉ °Ì´Ï´Ù.
ÀÌ Ã¥°ú ´õºÒ¾î ÀÌ Ã¥¿¡ ´ëÇÑ È¨ÆäÀÌÁöµµ ¸Å¿ì ¾ËÂ÷°Ô ±¸¼ºµÅ ÀÖ½À´Ï´Ù. ȨÆäÀÌÁö¸¦ º¸¸é ÀúÀÚÀÇ ¼¶¼¼ÇÔ°ú Àü¹®ÀûÀÎ Áö½ÄÀÌ ÀÌ Ã¥ÀÌ Åº»ýÇÑ ¿øµ¿·ÂÀ̶ó È®½ÅÇÏ°Ô µË´Ï´Ù. ÀÌÁ¦ Àüü ¡®½£¡¯À» º¸¾Ò°í, ÄÚµå¶ó´Â ¡®³ª¹«¡¯µµ »ìÆìºÃ´Ù¸é ÇÑ ´Ü°è ´õ ³ª¾Æ°¡ ÀÌ Ã¥ÀÇ È¨ÆäÀÌÁö¸¦ ²À ¹æ¹®ÇØ º¸½Ã±â ¹Ù¶ø´Ï´Ù. ȨÆäÀÌÁö(±×¸² 1 ÂüÁ¶)ÀÇ ¿ìÃø »ó´Ü¿¡ ÀÖ´Â ¡®Links¡¯ ¸Þ´º¸¦ Ŭ¸¯ÇÏ½Ã¸é °¢ Àå°ú °ü·Ã ÀÖ´Â ÁÖ¿ä »çÀÌÆ®ÀÇ ¸µÅ©°¡ º¸ÀÔ´Ï´Ù(±×¸² 2 ÂüÁ¶). ÀÌ ¸µÅ©ÀÇ ³»¿ëÀ» È®ÀÎÇÏ°í ÀÌÇØÇÏ°Ô µÇ¸é µåµð¾î ±× ¡®½£¡¯¿¡ ÀÖ´Â ¡®³ª¹«¡¯ ¿Ü¿¡µµ ¾Æ¸§´Ù¿î ¡®²É¡¯µµ º¸ÀÏ °Ì´Ï´Ù.
ÀÌ Ã¥ÀÇ ¼Ò½ºÄÚµå´Â ÃÑ ¼¼ °¡Áö ÇüÅ·ΠÁ¦°øÇÕ´Ï´Ù. ù ¹ø°´Â txt ÆÄÀÏ ÇüÅ·Πå¿¡ ÀÖ´Â ¸ðµç Äڵ带 °¢°¢ÀÇ ÅؽºÆ® ÆÄÀÏ·Î Á¦°øÇÕ´Ï´Ù. ¿¹ÄÁ´ë Ã¥ÀÇ ÄÚµå 1-1ÀÇ ÅؽºÆ® ÆÄÀÏÀº code1-1.txtÀÔ´Ï´Ù. µÎ ¹ø°´Â html ÆÄÀÏ ÇüÅÂÀÔ´Ï´Ù. txt ÆÄÀÏ°ú ¸¶Âù°¡Áö·Î Ã¥ÀÇ ¸ðµç Äڵ带 Á¦°øÇÕ´Ï´Ù. ÇÏÁö¸¸ html ÆÄÀÏÀ» ºê¶ó¿ìÀú¿¡¼ ¿¸é, °á°ú°¡ ¾Æ´Ï¶ó ÇØ´ç Äڵ尡 ºê¶ó¿ìÀú¿¡ Á÷Á¢ ³ªÅ¸³³´Ï´Ù. ¸¶Áö¸·À¸·Î ¼¼ ¹ø°´Â Ã¥ÀÇ º»¹®¿¡ Àִ ȸé ĸó¸¦ À§ÇØ ÀÛ¼ºÇÑ html ÆÄÀÏÀÔ´Ï´Ù. ¾Õ¼ ¼³¸íÇßµíÀÌ ÀÌ Ã¥ÀÇ ±¸¼ºÀÌ Á¡ÁøÀû ±¸¼ºÀ¸·Î µÇ¾îÀÖ¾î ÀÌÀü css ÆÄÀÏÀ̳ª js ÆÄÀÏÀ» µ¤¾î¾²°Ô µÇ´Â °æ¿ì°¡ ÀÖ½À´Ï´Ù. µû¶ó¼ ȸé ĸó ½Ã »ç¿ëÇÑ ÄÚµåÀÇ °æ¿ì´Â µ¶¸³ÀûÀ¸·Î ÀÛ¼ºÇØ ÇØ´ç Äڵ常 ½ÇÇàÇÏ¸é °á°ú¸¦ ¹Ù·Î È®ÀÎÇØ º¼ ¼ö ÀÖµµ·Ï html, css, js ÆÄÀÏÀ» ¸ðµÎ ÇÕÃļ ÇϳªÀÇ html ÆÄÀÏ·Î ÀÛ¼ºÇß½À´Ï´Ù. ±×¸®°í ÀÌ¿Í °°Àº ÅëÇÕ html ÆÄÀÏÀÇ ¸í¸í ±ÔÄ¢Àº html+css+js ¼øÀ¸·Î ºÎ¿©Çß½À´Ï´Ù. ¿¹ÄÁ´ë code5-4+5+6~10.html ÆÄÀÏÀÇ °æ¿ì´Â ¡®ÄÚµå 5-4ÀÇ html ÆÄÀÏ+ÄÚµå 5-5ÀÇ css ÆÄÀÏ+ÄÚµå 5-6¿¡¼ ÄÚµå 5~10±îÁöÀÇ jsÆÄÀÏ¡¯À» ¸ðµÎ ÇÕÃļ Çϳª·Î ÀÛ¼ºÇÑ html ÆÄÀÏÀÔ´Ï´Ù. Âü°í·Î µÎ °³ÀÇ ÆÄÀÏÀ» ÇÕÄ£ °æ¿ì¿¡ ù ¹ø°´Â html ÆÄÀÏÀÌ°í µÎ ¹ø°´Â css³ª js ÆÄÀÏÀÔ´Ï´Ù. Àüü ¼Ò½ºÄÚµå´Â ¿¡ÀÌÄÜ ÃâÆÇ»çÀÇ µµ¼Á¤º¸ ÆäÀÌÁö¿¡¼ zip ÆÄÀÏ·Î Á¦°øÇÕ´Ï´Ù.
HTML5´Â ÇöÀçµµ ÁøÈ ÁßÀÎ À¥ Ç¥ÁØÀÔ´Ï´Ù. µû¶ó¼ Å©·Î½º ºê¶ó¿ì¡(cross browsing)À» °¡´ÉÇÏ°Ô ÇÏ·Á¸é °¢ ºê¶ó¿ìÀú¿¡¼ HTML5ÀÇ Áö¿ø ¿©ºÎ¸¦ ¹Ýµå½Ã È®ÀÎÇØ ºÁ¾ß ÇÕ´Ï´Ù. À̸¦ È®ÀÎÇØ º¼ ¼ö ÀÖ´Â °¡Àå ÁÁÀº »çÀÌÆ®´Â htlm5test.comÀÔ´Ï´Ù. ÀÌ »çÀÌÆ®°¡ ÀÇ¹Ì ÀÖ´Â °ÍÀº HTML5ÀÇ ¿ä¼Ò³ª Æû µîÀÇ ±â´É¿¡ ´ëÇÑ Áö¿ø ¿©ºÎ¸¦ ÇÑ´«¿¡ ÆľÇÇÏ°í È®ÀÎÇØ º¼ ¼ö ÀÖ´Ù´Â Á¡ÀÔ´Ï´Ù. Âü°í·Î ÀÌ Ã¥ÀÇ ¼Ò½ºÄڵ忡 ´ëÇÑ È¸é ĸó´Â ¸Æ OS X 10.7.4ÀÇ »çÆĸ® 5.1.7À» ±âÁØÀ¸·Î ÀÛ¾÷ÇßÀ¸¸ç »çÆĸ®°¡ Áö¿øÇÏÁö ¾Ê´Â ÀϺΠ±â´É¿¡ ´ëÇؼ± Å©·ÒÀ̳ª ÆÄÀ̾îÆø½ºÀÇ ÃֽŠ¹öÀü Áß¿¡ Áö¿øÇÏ´Â ºê¶ó¿ìÀú¿¡¼ ÀÛ¾÷Çß½À´Ï´Ù.
HTML5ÀÇ ¼¼°è·Î ¶Ù¾îµç µ¶ÀÚ ¿©·¯ºÐÀÇ ¿Á¤°ú µµÀü¿¡ °æÀǸ¦ Ç¥ÇÕ´Ï´Ù. ÀÌ Ã¥ÀÌ µ¶ÀÚ ¿©·¯ºÐÀÇ ³ë·Â¿¡ ÁÁÀº ±æ¶óÀâÀÌ°¡ µÇ±æ ¹Ù¶ó¸ç, °¨»çÀÇ ¸»°ú ÇÔ²² °Ç½ÂÀ» º÷´Ï´Ù.
-
-
1Àå HTML5 ¹®¼
___±âº» ±¸¼º
___±¸Á¶
______µ¶Å¸ÀÔ
______¡´html¡µ
______¡´head¡µ
______¡´body¡µ
______¡´meta¡µ
______¡´title¡µ
______¡´link¡µ
___¹Ùµð ±¸Á¶
______±¸¼º
______¡´header¡µ
______¡´nav¡µ
______¡´section¡µ
______¡´aside¡µ
______¡´footer¡µ
___¹Ùµð ³»ºÎ
______¡´article¡µ
______¡´hgroup¡µ
______¡´figure¡µ¿Í ¡´figcaption¡µ
___½Å/±¸ ¿ä¼Ò
______¡´mark¡µ
______¡´small¡µ
______¡´cite¡µ
______¡´address¡µ
______¡´time¡µ
___ïÒà´: HTML5 ¹®¼
2Àå CSS ½ºÅ¸ÀÏ°ú ¹Ú½º ¸ðµ¨
___CSS¿Í HTML
___½ºÅ¸ÀÏ°ú ±¸Á¶
______ºí·Ï ¿ä¼Ò
______¹Ú½º ¸ðµ¨
___½ºÅ¸ÀÏ¿¡ ´ëÇÑ ±âº» »çÇ×
______ÀζóÀÎ ½ºÅ¸ÀÏ
______ÀÓº£µðµå ½ºÅ¸ÀÏ
______¿ÜºÎ ÆÄÀÏ
______ÂüÁ¶
______Å°¿öµå·Î ÂüÁ¶
______id ¼Ó¼ºÀ¸·Î ÂüÁ¶
______Ŭ·¡½º ¼Ó¼ºÀ¸·Î ÂüÁ¶
______ÀÓÀÇÀÇ ¼Ó¼ºÀ¸·Î ÂüÁ¶
______À¯»ç Ŭ·¡½º·Î ÂüÁ¶
______»õ·Î¿î ¼±ÅÃÀÚ
___ÅÛÇø´¿¡ CSS Àû¿ë
___ÀüÅëÀûÀÎ ¹Ú½º ¸ðµ¨
______ÅÛÇø´
______¹ü¿ë ¼±ÅÃÀÚ *
______»õ·Î¿î Á¦¸ñ °èÃþ±¸Á¶
______»õ·Î¿î HTML5 ¿ä¼Ò ¼±¾ð
______¹Ùµð Áß¾Ó Á¤·Ä
______¸ÞÀÎ ¹Ú½º »ý¼º
______Çì´õ
______³»ºñ°ÔÀ̼ǹÙ
______¼½...¼Ç°ú »çÀ̵å¹Ù
______ǪÅÍ
______¸¶¹«¸® ÀÛ¾÷
______¹Ú½º Å©±â
___À¯¿¬ÇÑ ¹Ú½º ¸ðµ¨
___À¯¿¬ÇÑ ¹Ú½º ¸ðµ¨ ÀÌÇØ
______display
______box-orient
______box-direction
______box-ordinal-group
______box-pack
______box-flex
______box-align
___ïÒà´: CSS ½ºÅ¸ÀÏ°ú ¹Ú½º ¸ðµ¨
______À¯¿¬ÇÑ ¹Ú½º ¸ðµ¨
______À¯»ç Ŭ·¡½º¿Í ¼±ÅÃÀÚ
3Àå CSS3 ÇÁ·ÎÆÛƼ
___»õ·Î¿î ±ÔÄ¢
______CSS3°¡ ¹ÌÃƾî¿ä!
______ÅÛÇø´
______border-radius
______box-shadow
______text-shadow
______@font-face
______¼±Çü ±×¶óµð¾ðÆ®
______¿øÇü ±×¶óµð¾ðÆ®
______RGBA
______HSLA
______outline
______border-image
______º¯Çü°ú Àüȯ
______transform: scale
______transform: rotate
______transform: skew
______transform: translate
______ÀÏ°ý º¯Çü
______µ¿Àû º¯Çü
______Àüȯ
___ïÒà´: CSS3 ÇÁ·ÎÆÛƼ
4Àå ÀÚ¹Ù½ºÅ©¸³Æ®
___ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿¬°ü¼º
___ÀÚ¹Ù½ºÅ©¸³Æ® ÅëÇÕ
______ÀζóÀÎ
______³»Àå
______¿ÜºÎ ÆÄÀÏ
___»õ·Î¿î ¼±ÅÃÀÚ
______querySelector()
______querySelectorAll()
___À̺¥Æ® Çڵ鷯
______ÀζóÀÎ À̺¥Æ® Çڵ鷯
______ÇÁ·ÎÆÛƼ·Î¼ÀÇ___ À̺¥Æ® Çڵ鷯
______addEventListener() ¸Þ¼Òµå
___API
______ĵ¹ö½º API
______µå·¡±× ¾Øµå µå·Ó API
______Áö¿À·ÎÄÉÀÌ¼Ç API
______½ºÅ丮Áö API
______ÆÄÀÏ API
______Ä¿¹Â´ÏÄÉÀ̼ÇAPI
______À¥ ¿öÄ¿API
______È÷½ºÅ丮API
______¿ÀÇÁ¶óÀÎAPI
___¿ÜºÎ ¶óÀ̺귯¸®
______Á¦ÀÌÄõ¸®
______±¸±Û Áöµµ
___ïÒà´: ÀÚ¹Ù½ºÅ©¸³Æ®
______¿ä¼Ò
______¼±ÅÃÀÚ
______À̺¥Æ®
______API
5Àå ºñµð¿À¿Í ¿Àµð¿À
___HTML5¸¦ ÀÌ¿ëÇÑ ºñµð¿À Àç»ý
______¡´video¡µ ¿ä¼Ò
______¡´video¡µ ¼Ó¼º
___ºñµð¿À Ç÷¹À̾î Á¦ÀÛ
______µðÀÚÀÎ
______ÄÚµå
______À̺¥Æ®
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
______ÄÚµå µ¿ÀÛ
___ºñµð¿À Æ÷¸Ë
___HTML5¸¦ ÀÌ¿ëÇÑ ¿Àµð¿À Àç»ý
______¡´audio¡µ ¿ä¼Ò
___¿Àµð¿À Ç÷¹À̾î ÇÁ·Î±×·¡¹Ö
___ïÒà´: ºñµð¿À¿Í ¿Àµð¿À
______¿ä¼Ò
______¼Ó¼º
______ºñµð¿À ¼Ó¼º
______À̺¥Æ®
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
6Àå Æû°ú Æû API
___HTML5 À¥ Æû
______¡´form¡µ ¿ä¼Ò
______¡´input¡µ ¿ä¼Ò
______email ŸÀÔ
______search ŸÀÔ
______url ŸÀÔ
______tel ŸÀÔ
______number ŸÀÔ
______range ŸÀÔ
______date ŸÀÔ
______week ŸÀÔ
______month ŸÀÔ
______time ŸÀÔ
______datetime ŸÀÔ
______datetime-local ŸÀÔ
______color ŸÀÔ
___»õ·Î¿î ¼Ó¼º
______placeholder ¼Ó¼º
______required ¼Ó¼º
______multiple ¼Ó¼º
______autofocus ¼Ó¼º
______pattern ¼Ó¼º
______form ¼Ó¼º
___»õ·Î¿î Æû ¿ä¼Ò
______¡´datalist¡µ ¿ä¼Ò
______¡´progress¡µ ¿ä¼Ò
______¡´meter¡µ ¿ä¼Ò
______¡´output¡µ ¿ä¼Ò
___Æû API
______setCustomValidity()
______Invalid À̺¥Æ®
______½Ç½Ã°£ À¯È¿¼º °ËÁõ
______À¯È¿¼º Á¦¾àÁ¶°Ç
______willValidate
___ïÒà´: Æû°ú Æû API
______ŸÀÔ
______¼Ó¼º
______¿ä¼Ò
______¸Þ¼Òµå
______À̺¥Æ®
______»óÅÂ
7Àå ĵ¹ö½º API
___ĵ¹ö½º Áغñ
______¡´canvas¡µ ¿ä¼Ò
______getContext()
___ĵ¹ö½º¿¡ ±×¸®±â
______»ç°¢Çü ±×¸®±â
______»ö»ó
______±×¶óµð¾ðÆ®
______Æнº »ý¼º
______¼± ½ºÅ¸ÀÏ
______ÅؽºÆ®
______±×¸²ÀÚ
______º¯È¯
______»óÅ º¹±¸
______globalCompositeOperation
___À̹ÌÁö ó¸®
______drawImage()
______À̹ÌÁö µ¥ÀÌÅÍ
______ÆÐÅÏ
___¾Ö´Ï¸ÞÀ̼Ç
___ºñµð¿À ó¸®
___ïÒà´: ĵ¹ö½º API
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
8Àå µå·¡±× ¾Ø µå·Ó API
___À¥¿¡¼ÀÇ µå·¡±× ¾Ø µå·Ó
______»õ·Î¿î À̺¥Æ®
______dataTransfer
______dragenter, dragleave, dragend
______À¯È¿ÇÑ ¼Ò½º ¼±ÅÃ
______setDragImage()
______ÆÄÀÏ
___ïÒà´: µå·¡±× ¾Ø µå·Ó API
______À̺¥Æ®
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
9Àå Áö¿À·ÎÄÉÀÌ¼Ç API
___À§Ä¡ ã±â
______getCurrentPosition(location)
______getCurrentPosition(location, error)
______getCurrentPosition(location, error, configuration)
______watchPosition(location, error, configuration)
______±¸±Û Áöµµ »ç¿ë
___ïÒà´: Áö¿À·ÎÄÉÀÌ¼Ç API
______¸Þ¼Òµå
______°´Ã¼
10Àå À¥ ½ºÅ丮Áö API
___µÎ °¡Áö ½ºÅ丮Áö ½Ã½ºÅÛ
___sessionStorage
______µ¥ÀÌÅÍ ½ºÅ丮Áö ±¸Çö
______µ¥ÀÌÅÍ »ý¼º
______µ¥ÀÌÅÍ Á¶È¸
______µ¥ÀÌÅÍ »èÁ¦
___localStorage
______½ºÅ丮Áö À̺¥Æ®
______½ºÅ丮Áö °ø°£
___ïÒà´: À¥ ½ºÅ丮Áö API
______½ºÅ丮Áö ÇüÅÂ
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
______À̺¥Æ®
11Àå IndexedDB API
___·Î¿ì·¹º§ API
______µ¥ÀÌÅͺ£À̽º
______°´Ã¼¿Í °´Ã¼ ÀúÀå¼Ò
______À妽º
______Æ®·£Àè¼Ç
______°´Ã¼ ÀúÀå¼Ò ¸Þ¼Òµå
___IndexedDB ±¸Çö
______ÅÛÇø´
______µ¥ÀÌÅͺ£À̽º ¿±â
______µ¥ÀÌÅͺ£À̽º ¹öÀü
______°´Ã¼ ÀúÀå¼Ò¿Í À妽º
______°´Ã¼ Ãß°¡
______°´Ã¼ Á¶È¸
______ÄÚµå Á¾·á¿Í Å×½ºÆ®
___µ¥ÀÌÅÍ ¸ñ·Ï
______Ä¿¼
______¼ø¼ º¯°æ
___µ¥ÀÌÅÍ »èÁ¦
___µ¥ÀÌÅÍ °Ë»ö
___ïÒà´: IndexedDB API
______ȯ°æ ÀÎÅÍÆäÀ̽º(IDBEnvironment¿Í IDBFactory)
______µ¥ÀÌÅͺ£À̽º ÀÎÅÍÆäÀ̽º(IDBDatabase)
______°´Ã¼ ÀúÀå¼Ò ÀÎÅÍÆäÀ̽º(IDBObjectStore)
______Ä¿¼ ÀÎÅÍÆäÀ̽º(IDBCursor)
______Æ®·£Àè¼Ç ÀÎÅÍÆäÀ̽º(IDBTransaction)
______¹üÀ§ ÀÎÅÍÆäÀ̽º(IDBKeyRangeConstructors)
______¿¡·¯ ÀÎÅÍÆäÀ̽º(IDBDatabaseException)
12Àå ÆÄÀÏ API
___ÆÄÀÏ ½ºÅ丮Áö
___»ç¿ëÀÚÀÇ ÆÄÀÏ Ã³¸®
______ÅÛÇø´
______ÆÄÀÏ Àбâ
______ÆÄÀÏ ÇÁ·ÎÆÛƼ
______ºí·Ó
______À̺¥Æ®
___ÆÄÀÏ »ý¼º
______ÅÛÇø´
______ÇÏµå µå¶óÀ̺ê
______ÆÄÀÏ »ý¼º
______µð·ºÅ͸® »ý¼º
______ÆÄÀÏ ¸ñ·Ï
______ÆÄÀÏ Ã³¸®
______À̵¿
______º¹»ç
______»èÁ¦
___ÆÄÀÏ ÄÜÅÙÃ÷
______ÄÜÅÙÃ÷ ÀÛ¼º
______ÄÜÅÙÃ÷ Ãß°¡
______ÄÜÅÙÃ÷ Àбâ
___½ÇÁ¦ ÆÄÀÏ ½Ã½ºÅÛ
___ïÒà´: ÆÄÀÏ API
______Blob ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API)
______File ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API)
______FileReader ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API)
______LocalFileSystem ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______FileSystem ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______Entry ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______DirectoryEntry ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______DirectoryRead___er ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______FileEntry ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: µð·ºÅ͸®¿Í ½Ã½ºÅÛ)
______BlobBuilder ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: ¶óÀÌÅÍ)
______FileWriter ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API: ¶óÀÌÅÍ)
______FileError ÀÎÅÍÆäÀ̽º(ÆÄÀÏ API¿Í È®Àå)
13Àå Ä¿¹Â´ÏÄÉÀÌ¼Ç API
___¿¡ÀÌÀ轺 ·¹º§ 2
______µ¥ÀÌÅÍ Á¶È¸
______ÀÀ´ä ÇÁ·ÎÆÛƼ
______À̺¥Æ®
______µ¥ÀÌÅÍ Àü¼Û
______Å©·Î½º ±Ù¿ø ¿äû
______ÆÄÀÏ ¾÷·Îµå
______½ÇÁ¦ ¾ÖÇø®ÄÉÀ̼Ç
___Å©·Î½º µµÅ¥¸ÕÆ® ¸Þ½Ã¡
______»ý¼ºÀÚ
______¸Þ½ÃÁö À̺¥Æ®¿Í ÇÁ·ÎÆÛƼ
______¸Þ½ÃÁö Àü¼Û
______ÇÊÅÍ¿Í Å©·Î½º ±Ù¿ø
___À¥ ¼ÒÄÏ
______WS ¼¹ö ¼³Á¤
______»ý¼ºÀÚ
______¸Þ¼Òµå
______ÇÁ·ÎÆÛƼ
______À̺¥Æ®
______ÅÛÇø´
______Åë½Å ½ÃÀÛ
______Àüü ¾ÖÇø®ÄÉÀ̼Ç
___ïÒà´: Ä¿¹Â´ÏÄÉÀÌ¼Ç API
______XMLHttpRequest ·¹º§ 2
______À¥ ¸Þ½Ã¡ API
______À¥¼ÒÄÏ API
14Àå À¥ ¿öÄ¿ API
___°í³À̵µ ÀÛ¾÷
______¿öÄ¿ »ý¼º
______¸Þ½ÃÁö ¼Û¼ö½Å
______¿¡·¯ °ËÃâ
______¿öÄ¿ Á¾·á
______µ¿±â½Ä API
______½ºÅ©¸³Æ® ÀÓÆ÷Æ®
______°øÀ¯ ¿öÄ¿
___ïÒà´: À¥ ¿öÄ¿ API
______¿öÄ¿
______Àü¿ë ¿öÄ¿
______°øÀ¯ ¿öÄ¿
15Àå È÷½ºÅ丮 API
___È÷½ºÅ丮 ÀÎÅÍÆäÀ̽º
______À¥ ³»ºñ°ÔÀ̼Ç
______»õ·Î¿î ¸Þ¼Òµå
______°¡Â¥ URL
______̧˞
______½ÇÀü ¿¹Á¦
___ïÒà´: È÷½ºÅ丮 API
16Àå ¿ÀÇÁ¶óÀÎ API
___ij½Ã ¸Å´ÏÆ佺Ʈ
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ
______Ä«Å×°í¸®
______ÁÖ¼®
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ »ç¿ë
___¿ÀÇÁ¶óÀÎ API
______¿¡·¯
______¿Â¶óÀΰú ¿ÀÇÁ¶óÀÎ
______ij½Ã ó¸®
______ÁøÇà
______ij½Ã ¾÷µ¥ÀÌÆ®
___ïÒà´: ¿ÀÇÁ¶óÀÎ API
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ
______ÇÁ·ÎÆÛƼ
______À̺¥Æ®
______¸Þ¼Òµå
¸ÎÀ½¸»
___¼¼°è¸¦ À§ÇÑ ÀÛ¾÷
______´ë¾È
______¸ð´õ³ªÀÌÀú
______¶óÀ̺귯¸®
______±¸±Û Å©·Ò ÇÁ·¹ÀÓ
___Ŭ¶ó¿ìµå¸¦ À§ÇÑ ÀÛ¾÷
___ÃÖÁ¾ ±Ç°í
-
-
|
J.D. °í»þ(J.D. Gauchat) [Àú]
|
|
-
ÇÁ¸®·£¼ À¥ ÇÁ·Î±×·¡¸ÓÀÌÀÚ ¼¼°è ½ÃÀå¿¡¼ ±âȸ¸¦ ¹ß±¼Çϱâ À§ÇØ ÃÖ¼±À» ´ÙÇÏ´Â ±â¾÷°¡´Ù. Áö³ 10³â°£ ´Ù¼öÀÇ ÇÁ·ÎÁ§Æ®¿¡ Âü¿©ÇßÀ¸¸ç HTML, CSS, PHP, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ °üÇÑ ±â»ç¸¦ ±â°íÇß´Ù. ÇöÀç´Â ÃֽŠ±â¼ú·Î ±¸ÇöÇÑ À¥°ú À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¿¡ ÁÖ·ÂÇÏ°í ÀÖ´Ù.
-
|
È«¿µÇ¥ [Àú]
|
|
-
Ä«À̽ºÆ® °æ¿µ´ëÇп¡¼ Á¤º¸°æ¿µ ¼®»ç°úÁ¤À» Á¹¾÷ÇßÀ¸¸ç ÇöÀç ±ÝÀ¶È¸»ç¿¡ ÀçÁ÷ ÁßÀÌ´Ù.
Àú¼·Î´Â [±â¼ú, °æ¿µÀ» ¸¸³ª´Ù](¿¡ÀÌÄÜ, 2016)°¡ ÀÖÀ¸¸ç, ¿Å±ä Ã¥À¸·Î´Â ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£ÇÑ [R°í ÇÏ´Â ±ÝÀ¶ ºÐ¼®](2017), [ŸÀÔ½ºÅ©¸³Æ® µðÀÚÀÎ ÆÐÅÏ](2017), [The Modern Web](2014), [HTML & CSS](2012), [HTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®](2012), [Professional iPhone and iPad Database Application Programming Çѱ¹¾îÆÇ](2012), [¾ÆÀÌÆù&¾ÆÀÌÆеå ÀÎ ¾×¼Ç](2011)°ú [Á¦ÀÌÄß ´Ò½¼ÀÇ ¸ð¹ÙÀÏ »ç¿ë¼º ÄÁ¼³Æà º¸°í¼](Á¦ÀÌÆà, 2013), [½ºÇÁ¸µ ÀÎ ¾×¼Ç(Á¦3ÆÇ)](Á¦ÀÌÆà, 2012)ÀÌ ÀÖ´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|