|
|
|
HTML5 ĵ¹ö½º ¿Ïº® °¡À̵å : ±×·¡ÇÈ ¾Ö´Ï¸ÞÀÌ¼Ç °ÔÀÓ °³¹ßÀ» À§ÇÑ Äµ¹ö½º
|
|
|
À§Å°ºÏ½º ¿ÀǼҽº À¥ ½Ã¸®Áî1
¤Ó µ¥À̺ñµå ±â¾î¸®(David Geary), ±è¹Î¼·
¤Ó
À§Å°ºÏ½º
¤Ó
Core HTML5 canvas : graphics, animation, and game development
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡ºHTML5 ĵ¹ö½º ¿Ïº® °¡À̵塻´Â HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ Äµ¹ö½º¿¡ Á÷¼±À» ±×¸®´Â ¹æ¹ýºÎÅÍ Çɺ¼ °ÔÀÓÀ» ±¸ÇöÇÏ´Â ¹æ¹ý±îÁö ¸ðµç °úÁ¤À» ´ã°í ÀÖ´Ù. Àü¹ÝºÎ¿¡´Â µµÇü ¹× ÅؽºÆ®¸¦ ĵ¹ö½º¿¡ ±×¸®´Â ¹æ¹ý°ú À̹ÌÁö¸¦ Á¶ÀÛÇÏ°í ±×¸®´Â ¹æ¹ýÀ» ¼Ò°³Çϴ ĵ¹ö½º API¸¦ ´Ù·é´Ù. ÈĹݺο¡´Â ĵ¹ö½º API¸¦ »ç¿ëÇØ ¾Ö´Ï¸ÞÀ̼ǰú ¿òÁ÷ÀÌ´Â ½ºÇÁ¶óÀÌÆ®¸¦ ±¸ÇöÇÏ°í ½Ã¹Ä·¹ÀÌ¼Ç »ý¼º, ºñµð¿À °ÔÀÓÀ» °³¹ßÇÏ´Â ¹æ¹ý µîÀ» ¼Ò°³ÇÑ´Ù. ÀÌ ¿Ü¿¡µµ ĵ¹ö½º ±â¹Ý ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¦ÀÛÇÏ´Â ¹æ¹ý µîÀ» dzºÎÇÑ ¿¹Á¦¸¦ ÅëÇØ Á¦½ÃÇÔÀ¸·Î½á, ĵ¹ö½º °³¹ß ÀÔ¹®ÀÚºÎÅÍ °³¹ßÀÚ±îÁö ¸ðµÎ È°¿ëÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇß´Ù.
-
-
HTML5 ĵ¹ö½º °³¹ßÀÇ ¸ðµç °Í!
ÀÌ Ã¥Àº HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ Äµ¹ö½º¿¡ Á÷¼±À» ±×¸®´Â ¹æ¹ýºÎÅÍ Çɺ¼ °ÔÀÓÀ» ±¸ÇöÇÏ´Â ¹æ¹ý±îÁö ¸ðµç °úÁ¤À» ´ã°í ÀÖ´Ù.
Ã¥ÀÇ Àü¹ÝºÎ¿¡¼´Â µµÇü ¹× ÅؽºÆ®¸¦ ĵ¹ö½º¿¡ ±×¸®´Â ¹æ¹ý°ú À̹ÌÁö¸¦ Á¶ÀÛÇÏ°í ±×¸®´Â ¹æ¹ýÀ» ¼Ò°³Çϴ ĵ¹ö½º API¸¦ ´Ù·é´Ù. ÈĹݺο¡¼´Â ĵ¹ö½º API¸¦ »ç¿ëÇØ ¾Ö´Ï¸ÞÀ̼ǰú ¿òÁ÷ÀÌ´Â ½ºÇÁ¶óÀÌÆ®¸¦ ±¸ÇöÇÏ°í ½Ã¹Ä·¹ÀÌ¼Ç »ý¼º, Ãæµ¹ °¨Áö, ºñµð¿À °ÔÀÓÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù. ¶ÇÇÑ ¸ð¹ÙÀÏ¿¡¼µµ ½ÇÇàÇÒ ¼ö ÀÖ´Â ½ÇÁ¦ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇÒ ¼ö ÀÖµµ·Ï »ç¿ëÀÚ Á¤ÀÇ ÄÁÆ®·ÑÀ» ±¸ÇöÇÏ´Â ¹æ¹ý°ú ĵ¹ö½º ±â¹Ý ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¦ÀÛÇÏ´Â ¹æ¹ýµµ ´Ù·é´Ù. HTML5 ĵ¹ö½º¸¦ ÀÌ¿ëÇϸé Ç÷¡½Ã¿Í °°Àº Ç÷¯±×ÀÎÀ» ¼³Ä¡ÇÏÁö ¾Ê°íµµ À¥¿¡¼ ÀÛµ¿ÇÏ´Â °ÔÀÓÀ» °³¹ßÇÒ ¼ö ÀÖ´Ù. ÀÌ Ã¥¿¡¼´Â ĵ¹ö½º API»Ó ¾Æ´Ï¶ó °ÔÀÓ °³¹ß¿¡ ÇÊ¿äÇÑ ¼öÇÐ/¹°¸® °ü·Ã ±âÃÊ Áö½Ä(»ï°¢ÇÔ¼ö, Áß·Â, °¡¼Óµµ, Ãæµ¹ ó¸®)±îÁö ÀÚ¼¼È÷ ¼³¸íÇÑ´Ù. ÀÌ Ã¥ÀÇ À¥»çÀÌÆ® (www.wikibook.co.kr/wiki/Wiki.jsp?page=HTML5Canvas)¿¡¼ °¢ ¿¹Á¦¸¦ Á÷Á¢ ½Ç½ÀÇØ º¼ ¼ö ÀÖÀ¸¸ç, À̹ÌÁö Á¶ÀÛ, ¾Ö´Ï¸ÞÀ̼Ç, Ãæµ¹ °¨Áö, °ÔÀÓ, ¸ð¹ÙÀÏ µî Àü ºÐ¾ß¿¡ °ÉÄ£ ´Ù¾çÇÏ°í dzºÎÇÑ ¿¹Á¦¸¦ ´Ù·ç°í ÀÖ¾î ĵ¹ö½º °³¹ß¿¡ ¸· ÀÔ¹®ÇÑ Ãʺ¸ÀÚºÎÅÍ °ÔÀÓ °³¹ß¿¡ ĵ¹ö½º¸¦ »ç¿ëÇÏ·Á´Â °³¹ßÀÚ±îÁö ¸ðµÎ ÀÌ Ã¥À» È°¿ëÇÒ ¼ö ÀÖ´Ù.
HTML5¿¡¼ Á¦°øÇÏ´Â ±â´É °¡¿îµ¥ ÇϳªÀΠĵ¹ö½º¿¡¼´Â ¿öµå ÇÁ·Î¼¼½ººÎÅÍ ºñµð¿À °ÔÀÓ¿¡ À̸£±â±îÁö ¸ðµç ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇÒ ¼ö ÀÖ´Â °·ÂÇÑ 2D ±×·¡ÇÈ API¸¦ Á¦°øÇÏ°í ÀÖ´Ù. º£½ºÆ®¼¿·¯ ÀÛ°¡ÀÎ µ¥À̺ñµå ±â¾î¸®°¡ ÁýÇÊÇÑ ¡¶HTML5 ĵ¹ö½º ¿Ïº® °¡À̵å(Core HTML5 Canvas)¡·¿¡¼´Â Çö½Ç¿¡¼ »ç¿ëµÉ ¼ö ÀÖ´Â ½ÇÁ¦ Äڵ带 ÀÌ¿ëÇÏ¿© 2D ±×·¡ÇÈ API¿¡ ´ëÇØ ¼Ò°³ÇÏ´Â µ¿½Ã¿¡ ´Ù¾çÇÑ ¿î¿µ üÁ¦¿Í ÀåÄ¡¿¡¼ ½ÇÇàÇÒ ¼ö ÀÖ´Â À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇÒ ¶§ ¾Ë¾Æ¾ß ÇÒ ¸ðµç »çÇ×À» ´Ù·ç°í ÀÖ´Ù.
±×»Ó¸¸ ¾Æ´Ï¶ó µµÇüÀ» ±×¸®°í Á¶ÀÛÇÏ´Â ÀÛ¾÷, µµÇü°ú ÅؽºÆ®¸¦ ±×¸± ¼ö ÀÖµµ·Ï µå·ÎÀ× Ç¥¸éÀ» ÀúÀåÇÏ°í º¹¿øÇÏ´Â ÀÛ¾÷, ÅؽºÆ® ÄÁÆ®·ÑÀ» ±¸ÇöÇÏ´Â ÀÛ¾÷ µî°ú °°ÀÌ Çö½Ç¿¡¼ ĵ¹ö½º API¸¦ »ç¿ëÇÏ´Â ¹æ¹ýµµ °£°áÇÏ°í ¾Ë±â ½±°Ô ¼Ò°³ÇÏ°í ÀÖ´Ù. ¿©·¯ºÐÀº À̹ÌÁö¸¦ ÇÊÅ͸µÇÒ ¶§ À¥ ¿öÄ¿¸¦ »ç¿ëÇÏ¿© ¾ÖÇø®ÄÉÀ̼ǿ¡¼ Áï½Ã ó¸®ÇÏ´Â ¹æ¹ý, ÀÚ¿¬½º·´°Ô ½ÇÇàµÇµµ·Ï ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÏ´Â ¹æ¹ý, ½ÃÂ÷¸¦ ÀÌ¿ëÇÏ¿© ¹è°æÀ» 3Dó·³ ½ºÅ©·Ñ ÇÏ´Â ¹æ¹ý, °ÔÀÓ ¿£Áø ¹× Çɺ¼°ÔÀÓ¿¡ ´ëÇÑ ÄÚµå¿Í Ãæµ¹ °¨Áö, ¹°¸®ÇÐ, ½ºÇÁ¶óÀÌÆ® µîÀ» ÀÌ¿ëÇÏ¿© ºñµð¿À °ÔÀÓÀ» ±¸ÇöÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼµµ »ìÆ캼 °ÍÀÌ´Ù.
±×¸®°í ÀÌ Ã¥ ¸¶Áö¸· ºÎºÐ¿¡¼´Â iOS5¸¦ Æ÷ÇÔÇÑ ¸ð¹ÙÀÏ ÀåÄ¡¿¡¼ ĵ¹ö½º¸¦ »ç¿ëÇÏ´Â ¹æ¹ý°ú HTML5 ¾ÖÇø®ÄÉÀ̼ǿ¡¼ »ç¿ëÇÒ ¼ö Àִ ĵ¹ö½º ±â¹Ý ÄÁÆ®·ÑÀ» ±¸ÇöÇÏ´Â ¹æ¹ýÀ» »ìÆ캼 °ÍÀÌ´Ù.
ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë
¢º
-
-
¢º 01Àå ĵ¹ö½º ±¸¼º
1.1 ¿ä¼Ò
1.1.1 ¿ä¼ÒÀÇ Å©±â¿Í µå·ÎÀ× Ç¥¸éÀÇ Å©±â
1.1.2 ĵ¹ö½º API
1.2 ĵ¹ö½º ÄÜÅؽºÆ®
1.2.1 2d ÄÜÅؽºÆ®
1.2.2 ĵ¹ö½º »óÅ ÀúÀå ¹× º¹¿ø
1.3 Ã¥¿¡¼ »ç¿ëÇϴ ǥÁØ ÇüÅÂ
1.4 °³¹ß ȯ°æ °³¿ä
1.4.1 ¸í¼¼¼
1.4.2 ºê¶ó¿ìÀú
1.4.3 ÄÜ¼Ö ¹× µð¹ö°Å
1.4.4 ¼º´É
1.5 ±âº»ÀûÀÎ µå·ÎÀ× ÀÛ¾÷
1.6 À̺¥Æ® ó¸®
1.6.1 ¸¶¿ì½º À̺¥Æ®
1.6.2 Å°º¸µå À̺¥Æ®
1.6.3 ÅÍÄ¡ À̺¥Æ®
1.7 µå·ÎÀ× Ç¥¸éÀÇ ÀúÀå ¹× º¹¿ø
1.8 ĵ¹ö½º¿¡¼ HTML ¿ä¼Ò »ç¿ëÇϱâ
1.8.1 º¸ÀÌÁö ¾Ê´Â HTML ¿ä¼Ò
1.9 ĵ¹ö½º Ãâ·ÂÇϱâ
1.1 ¿ÀÇÁ½ºÅ©¸° ĵ¹ö½º
1.11 °£´ÜÇÑ ¼öÇÐ ÀÔ¹®
1.11.1 ´ë¼ö ¹æÁ¤½Ä Ç®ÀÌ
1.11.2 »ï°¢¹ý
1.11.3 º¤ÅÍ
1.11.4 ÃøÁ¤ ´ÜÀ§¿¡¼ ¹æÁ¤½Ä »êÃâÇϱâ
1.12 °á·Ð
¢º 02Àå µå·ÎÀ×
2.1 ÁÂÇ¥°è
2.2 µå·ÎÀ× ¸ðµ¨
2.3 Á÷»ç°¢Çü ±×¸®±â
2.4 »ö»ó°ú Åõ¸íµµ
2.5 ±×¶óµð¾ðÆ®¿Í ÆÐÅÏ
2.5.1 ±×¶óµð¾ðÆ®
2.5.2 ÆÐÅÏ
2.6 ±×¸²ÀÚ È¿°ú
2.6.1 ¾ÈÂÊ ±×¸²ÀÚ
2.7 Æнº, À±°û ±×¸®±â, ³»...ºÎ Ä¥Çϱâ
2.7.1 Æнº¿Í ¼ºêÆнº
2.7.2 Äƾƿô(cutout)
2.8 ¼±
2.8.1 ¼±ÀÇ °æ°è ¹× Çȼ¿ °æ°è
2.8.2 °ÝÀÚ¹«´Ì ±×¸®±â
2.8.3 Ãà ±×¸®±â
2.8.4 ·¯¹ö ¹êµå¸¦ ÀÌ¿ëÇØ ¼± ±×¸®±â
2.8.5 Á¡¼± ±×¸®±â
2.8.6 CanvasRenderingContext2D¸¦ È®ÀåÇØ Á¡¼± ±×¸®±â
2.8.7 lineCap°ú lineJoin
2.9 È£¿Í ¿ø
2.9.1 arc() ¸Þ¼µå
2.9.2 ·¯¹ö ¹êµå ¿ø
2.9.3 acrTo() ¸Þ¼µå
2.9.4 ´ÙÀ̾ó ¹× °ÔÀÌÁö
2.10 º£Áö¾î °î¼±
2.10.1 ÀÌÂ÷ °î¼±
2.10.2 ´ÙÇ× °î¼±
2.11 ´Ù°¢Çü
2.11.1 ´Ù°¢Çü ¿ÀºêÁ§Æ®
2.12 °í±Þ Æнº Á¶ÀÛ
2.12.1 ´Ù°¢Çü µå·¡±×Çϱâ
2.12.2 º£Áö¾î °î¼± ÆíÁýÇϱâ
2.12.3 Æнº¸¦ ºä·Î ½ºÅ©·ÑÇϱâ
2.13 º¯È¯
2.13.1 À̵¿, ȸÀü, È®´ë/Ãà¼Ò
2.13.2 »ç¿ëÀÚ Á¤ÀÇ º¯È¯
2.14 ÇÕ¼º
2.14.1 ÇÕ¼º ³í¶õ
2.15 Ŭ¸®ÇÎ ¿µ¿ª
2.15.1 Ŭ¸®ÇÎ ¿µ¿ªÀ¸·Î Áö¿ì±â
2.15.2 Ŭ¸®ÇÎ ¿µ¿ªÀ» ÀÌ¿ëÇÑ ¸Á¿ø°æ
2.16 °á·Ð
¢º 03Àå ÅؽºÆ®
3.1 ÅؽºÆ®ÀÇ À±°û ±×¸®±â ¹× ³»ºÎ Ä¥Çϱâ
3.2 font ¼Ó¼º ¼³Á¤Çϱâ
3.3 ÅؽºÆ® ¹èÄ¡Çϱâ
3.3.1 °¡·Î ¹× ¼¼·Î·Î ¹èÄ¡Çϱâ
3.3.2 Áß¾Ó¿¡ ÅؽºÆ® ¹èÄ¡Çϱâ
3.3.3 ÅؽºÆ® ÃøÁ¤Çϱâ
3.3.4 Ãà ¶óº§¸µ
3.3.5 ´ÙÀ̾ó ¶óº§¸µ
3.3.6 È£ µÑ·¹¿¡ ÅؽºÆ® ±×¸®±â
3.4 ÅؽºÆ® ÄÁÆ®·Ñ ±¸ÇöÇϱâ
3.4.1 ÅؽºÆ® Ä¿¼
3.4.2 ĵ¹ö½º¿¡¼ ÅؽºÆ® ¶óÀÎ ÆíÁýÇϱâ
3.4.3 ´Ü¶ô
3.5 °á·Ð
¢º 04Àå À̹ÌÁö ¹× ºñµð¿À
4.1 À̹ÌÁö ±×¸®±â
4.1.1 ĵ¹ö½º¿¡ À̹ÌÁö ±×¸®±â
4.1.2 drawImage() ¸Þ¼µå
4.2 À̹ÌÁö È®´ëÇϱâ
4.2.1 ĵ¹ö½º °æ°è ¹Û¿¡ À̹ÌÁö ±×¸®±â
4.3 ĵ¹ö½º¿¡ ĵ¹ö½º ±×¸®±â
4.4 ¿ÀÇÁ½ºÅ©¸° ĵ¹ö½º
4.5 À̹ÌÁö Á¶ÀÛÇϱâ
4.5.1. À̹ÌÁö µ¥ÀÌÅÍ¿¡ Á¢±ÙÇϱâ
4.5.2 À̹ÌÁö µ¥ÀÌÅÍ º¯°æÇϱâ
4.6 À̹ÌÁö Ŭ¸®ÇÎ
4.7 À̹ÌÁö ¿òÁ÷À̱â
4.7.1 ¿ÀÇÁ½ºÅ©¸° ĵ¹ö½º¸¦ ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
4.8 º¸¾È
4.9 ¼º´É
4.9.1 drawImage(HTMLImage) vs. drawImage(HTMLCanvas) vs. putImageData()
4.9.2 ĵ¹ö½º¿¡ ĵ¹ö½º ±×¸®±â vs. ĵ¹ö½º¿¡ À̹ÌÁö ±×¸®±â; È®´ë vs. ¿øº»
4.9.3 ¹Ýº¹¹®À» ÀÌ¿ëÇÑ À̹ÌÁö µ¥ÀÌÅÍ ¹Ýº¹
4.1 µ¸º¸±â
4.10.1 ¿ÀÇÁ½ºÅ©¸° ĵ¹ö½º »ç¿ëÇϱâ
4.10.2 ÆÄÀÏ ½Ã½ºÅÛ¿¡¼ À̵¿ÇÑ À̹ÌÁö¿¡ Á¢±ÙÇϱâ
4.11 ºñµð¿À ÇÁ·Î¼¼½Ì
4.11.1 ºñµð¿À Æ÷¸Ë
4.11.2 ĵ¹ö½º¿¡¼ ºñµð¿À Àç»ýÇϱâ
4.11.3 ºñµð¿À ÇÁ·Î¼¼½Ì
4.12 °á·Ð
¢º 05Àå ¾Ö´Ï¸ÞÀ̼Ç
5.1 ¾Ö´Ï¸ÞÀÌ¼Ç ·çÇÁ
5.1.1 requestAnimationFrame() ¸Þ¼µå·Î ºê¶ó¿ìÀú¿¡¼ ÇÁ·¹ÀÓ·üÀ» ¼³Á¤ÇÏ°Ô Çϱâ
5.1.2 ÀÎÅÍ³Ý ÀͽºÇ÷η¯
5.1.3 °£ÆíÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç ·çÇÁ
5.2 ÇÁ·¹ÀÓ·ü °è»êÇϱâ
5.3 ´ëü ÇÁ·¹ÀÓ·üÀ» ÀÌ¿ëÇØ ÀÛ¾÷ ¿¹¾àÇϱâ
5.4 ¹è°æ º¹¿øÇϱâ
5.4.1 Ŭ¸®ÇÎ
5.4.2 ºí¸®ÆÃ
5.5 ÀÌÁß ¹öÆÛ¸µ
5.6 ½Ã°£ ±â¹Ý ¸ð¼Ç
5.7 ¹è°æ ½ºÅ©·ÑÇϱâ
5.8 ½ÃÂ÷(ãÊó¬)
5.9 »ç¿ëÀÚ µ¿ÀÛ
5.10 ½ÃÇÑ ¾Ö´Ï¸ÞÀ̼Ç
5.10.1 ½ºÅé¿öÄ¡
5.10.2 ¾Ö´Ï¸ÞÀÌ¼Ç Å¸À̸Ó
5.11 ¾Ö´Ï¸ÞÀÌ¼Ç ¸ð¹ü »ç·Ê
5.12 °á·Ð
¢º 06Àå ½ºÇÁ¶óÀÌÆ®
6.1 ½ºÇÁ¶óÀÌÆ® °³¿ä
6.2 ÆäÀÎÅÍ
6.2.1 ½ºÆ®·ÎÅ© ÆäÀÎÅÍ¿Í ÇÊ ÆäÀÎÅÍ
6.2.2 À̹ÌÁö ÆäÀÎÅÍ
6.2.3 ½ºÇÁ¶óÀÌÆ® ½ÃÆ® ÆäÀÎÅÍ
6.3 ½ºÇÁ¶óÀÌÆ® µ¿ÀÛ
6.3.1 µ¿ÀÛ Á¶ÇÕÇϱâ
6.3.2 ½ÃÇÑ µ¿ÀÛ
6.4 ½ºÇÁ¶óÀÌÆ® ¾Ö´Ï¸ÞÀÌÅÍ
6.5 ½ºÇÁ¶óÀÌÆ® ±â¹Ý ¾Ö´Ï¸ÞÀÌ¼Ç ·çÇÁ
6.6 °á·Ð
¢º 07Àå ¹°¸®ÇÐ
7.1 Áß·Â
7.1.1 ³«ÇÏ
7.1.2 źµµ ±ËÀû
7.1.3 ÁøÀÚ
7.2 ½Ã°£ ¿Ö°î
7.3 ½Ã°£-¿Ö°î ÇÔ¼ö
7.4 ¿îµ¿ ¿Ö°î
7.4.1 µî¼Óµµ ¿îµ¿
7.4.2 Ease In: Áö¼ÓÀûÀÎ °¡¼Ó
7.4.3 Ease Out: Áö¼ÓÀûÀÎ °¨¼Ó
7.4.4 Ease In, Ease Out
7.4.5 ź¼º°ú ¹Ù¿î½Ì
7.5 ¾Ö´Ï¸ÞÀÌ¼Ç ¿Ö°î
7.6 °á·Ð
¢º 08Àå Ãæµ¹ °¨Áö
8.1 ¹Ù¿î½Ì ¿µ¿ª
8.1.1 Á÷»ç°¢ÇüÀÇ °æ°è ¿µ¿ª
8.1.2 ¿øÇü °æ°è ¿µ¿ª
8.2 ¹Ù¿î½Ì
8.3 ·¹ÀÌ Ä³½ºÆÃ
8.3.1 ¹ÌÁ¶Á¤
8.4 SAT ¹× MTV
8.4.1 SAT¸¦ ÀÌ¿ëÇÑ Ãæµ¹ °¨Áö
8.4.2 MTV¸¦ ÀÌ¿ëÇØ Ãæµ¹ ó¸®Çϱâ
8.5 °á·Ð
¢º 09Àå °ÔÀÓ °³¹ß
9.1 °ÔÀÓ ¿£Áø
9.1.1 °ÔÀÓ ·çÇÁ
9.1.2 À̹ÌÁö ·Îµù
9.1.3 ¸ÖƼ Æ®·¢ »ç¿îµå
9.1.4 Å°º¸µå À̺¥Æ®
9.1.5 ÇÏÀÌ ½ºÄÚ¾î
9.1.6 °ÔÀÓ ¿£Áø ÄÚµå
9.2 Ungame
9.2.1 ungameÀÇ HTML
9.2.2 ungameÀÇ °ÔÀÓ ·çÇÁ
9.2.3 ungame ·Îµù
9.2.4 ÀϽà Á¤Áö
9.2.5 Å° ¸®½º³Ê
9.2.6 °ÔÀÓ Á¾·á ¹× ÇÏÀÌ ½ºÄÚ¾î
9.3 Çɺ¼°ÔÀÓ
9.3.1 °ÔÀÓ ·çÇÁ
9.3.2 °ø
9.3.3 Á߷°ú ¸¶Âû
9.3.4 Çø®ÆÛÀÇ ¿òÁ÷ÀÓ
9.3.5 Å°º¸µå À̺¥Æ® ó¸®Çϱâ
9.3.6 Ãæµ¹ °¨Áö
9.4 °á·Ð
¢º 10Àå »ç¿ëÀÚ Á¤ÀÇ ÄÁÆ®·Ñ
10.1 ¸ð¼¸®°¡ µÕ±Ù Á÷»ç°¢Çü
10.2 ÇÁ·Î±×·¹½º ¹Ù
10.3 ½½¶óÀÌ´õ
10.4 À̹ÌÁö ÆгÊ
10.5 °á·Ð
¢º 11Àå ¸ð¹ÙÀÏ
11.1 ¸ð¹ÙÀÏ ºä Æ÷Æ®
11.1.1 viewport ű×
11.2 ¹Ìµð¾î Äõ¸®
11.2.1 ¹Ìµð¾î Äõ¸® ¹× CSS
11.2.2 ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇØ ¹Ìµð¾î º¯°æ ó¸®Çϱâ
11.3 ÅÍÄ¡ À̺¥Æ®
11.3.1 ÅÍÄ¡ À̺¥Æ® ¿ÀºêÁ§Æ®
11.3.2 ÅÍÄ¡ ¸®½ºÆ®
11.3.3 ÅÍÄ¡ ¿ÀºêÁ§Æ®
11.3.4 ÅÍÄ¡ À̺¥Æ® ¹× ¸¶¿ì½º À̺¥Æ® Áö¿ø
11.3.5 ÇÉÄ¡ ¹× ÁÜ
11.4 iOS5
11.4.1 ¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÀÌÄÜ ¹× ½ÃÀÛ À̹ÌÁö
11.4.2 iOS5 ¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÀÌÄÜ°ú ½ÃÀÛ À̹ÌÁö¸¦ À§ÇÑ ¹Ìµð¾î Äõ¸®
11.4.3 ºê¶ó¿ìÀú Å©·ÒÀ» »ç¿ëÇÏÁö ¾Ê´Â Àüü ȸé
11.4.4 ¾ÖÇø®ÄÉÀÌ¼Ç ½ºÅ×ÀÌÅͽº ¹Ù
11.5 °¡»ó Å°º¸µå
11.5.1 ĵ¹ö½º ±â¹Ý Å°º¸µå ±¸Çö
11.6 °á·Ð
-
-
ÀÌ Ã¥Àº Å©°Ô µÎ ºÎºÐÀ¸·Î ±¸ºÐµÈ´Ù. óÀ½ ³× °³ÀÇ ÀåÀ¸·Î Ã¥ÀÇ Àý¹ÝÀ» Â÷ÁöÇÏ°í Àִ åÀÇ Àü¹ÝºÎ¿¡¼´Â µµÇü ¹× ÅؽºÆ®¸¦ ĵ¹ö½º¿¡ ±×¸®´Â ¹æ¹ý°ú À̹ÌÁö¸¦ Á¶ÀÛÇÏ°í ±×¸®´Â ¹æ¹ýÀ» ¼Ò°³Çϴ ĵ¹ö½º API¸¦ ´Ù·é´Ù. ±×¸®°í ÈĹݺÎÀÎ ³ª¸ÓÁö ÀÏ°ö °³ÀÇ Àå¿¡¼´Â API¸¦ »ç¿ëÇØ ¾Ö´Ï¸ÞÀ̼ǰú ¿òÁ÷ÀÌ´Â ½ºÇÁ¶óÀÌÆ®¸¦ ±¸ÇöÇÏ°í ½Ã¹Ä·¹À̼ÇÀ» »ý¼º, Ãæµ¹ °¨Áö, ºñµð¿À °ÔÀÓÀ» °³¹ßÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù. Âü°í·Î, ÀÌ Ã¥ÀÇ ¸¶Áö¸· ÀåÀÎ 11Àå¿¡¼´Â ÇÁ·Î±×·¹½º ¹Ù, ½½¶óÀÌ´õ, À̹ÌÁö ÆÐ³Ê µî°ú °°Àº »ç¿ëÀÚ Á¤ÀÇ ÄÁÆ®·ÑÀ» ±¸ÇöÇÏ´Â ¹æ¹ý°ú ĵ¹ö½º ±â¹Ý ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀ» »ý¼ºÇÏ´Â ¹æ¹ýµµ ¼Ò°³ÇÑ´Ù.
1Àå "ĵ¹ö½º ±¸¼º(Essentials)"¿¡¼´Â ¿ä¼Ò¸¦ ¼Ò°³ÇÏ°í À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡¼ ¿ä¼Ò¸¦ »ç¿ëÇÏ´Â ¹æ¹ý°ú ºê¶ó¿ìÀú, ÄܼÖ, µð¹ö°Å, ÇÁ·ÎÆÄÀÏ·¯, ŸÀÓ¶óÀÎ µîÀ» ´Ù·ç´Â HTML5 °³¹ß¿¡ ´ëÇØ °£´ÜÈ÷ ¼Ò°³ÇÑ´Ù. ¶ÇÇÑ, ĵ¹ö½º¿¡ ±×¸®±â, ĵ¹ö½º ÆĶó¹ÌÅÍ ¹× µå·ÎÀ× Ç¥¸éÀ» ÀúÀåÇÏ°í º¹¿øÇϱâ, ĵ¹ö½º Ãâ·ÂÇϱâ, ¿ÀÇÁ½ºÅ©¸° ĵ¹ö½º °³·Ð µî°ú °°Àº ĵ¹ö½ºÀÇ Çʼö ±¸¼º ¿ä¼Ò¸¦ ±¸ÇöÇÏ´Â ¹æ¹ýµµ ¼Ò°³ÇÑ´Ù. 1ÀåÀÇ ¸¶Áö¸· ºÎºÐ¿¡¼´Â ÃøÁ¤ ´ÜÀ§·ÎºÎÅÍ ¹æÁ¤½ÄÀ» À¯µµÇÏ´Â ¹æ¹ý°ú º¤ÅÍ °è»ê, »ï°¢¹ý, ±âº» ´ë¼öÇÐÀ» ´Ù·é ¼öÇÐ ÀÔ¹®¼µµ °£·«ÇÏ°Ô ¼Ò°³ÇÑ´Ù.
2Àå "µå·ÎÀ×"¿¡¼´Â ÀÌ Ã¥¿¡¼ ³»¿ëÀÌ °¡Àå ¸¹Àº ÀåÀ¸·Î ¼±, È£, °î¼±, ¿ø, Á÷»ç°¢Çü, ÀÓÀÇ ´Ù°¢ÇüÀ» ĵ¹ö½º¿¡ ±×¸®´Â ¹æ¹ý°ú »ö»ó, ±×¶óµð¾ðÆ®, ÆÐÅÏ µîÀ» »ç¿ëÇØ µµÇü ³»ºÎ¸¦ Ä¥ÇÏ´Â ¹æ¹ýÀ» ¼Ò°³Çϸç ĵ¹ö½º API¸¦ »ç¿ëÇÑ µå·ÎÀ×À» ½Éµµ ÀÖ°Ô ´Ù·é´Ù. ¶ÇÇÑ, 2Àå¿¡¼´Â µµÇüÀ» ±×¸± ¼ö ÀÖ°Ô Àӽà ·¯¹ö ¹êµå¸¦ ±×¸®´Â ¹æ¹ý, ĵ¹ö½º ³»ºÎ¿¡¼ µµÇüÀ» µå·¡±×ÇÏ´Â ¹æ¹ý, »ç¿ëÀÚ°¡ ÆíÁýÇÒ ¼ö ÀÖµµ·Ï ĵ¹ö½º¿¡ ´Ù°¢ÇüÀ» ±â·ÏÇÏ´Â °£´ÜÇÑ º¸À¯ ¸ðµå(retained mode) ±×·¡ÇÈ ¼ºê½Ã½ºÅÛÀ» ±¸ÇöÇÏ´Â ¹æ¹ý, Ŭ¸®ÇÎ ¿µ¿ªÀ» »ç¿ëÇØ Äµ¹ö½º ¹è°æÀ» °Çµå¸®Áö ¾Ê°í µµÇüÀ» Áö¿ì´Â ¹æ¹ý µî°ú °°ÀÌ ´Ü¼øÇÑ µå·ÎÀ× ±â¹ýÀÇ ¹üÀ§¸¦ ³Ñ¾î ĵ¹ö½º API¸¦ »ç¿ëÇÑ µå·ÎÀ×À» ±¸ÇöÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù.
3Àå "ÅؽºÆ®"¿¡¼´Â ĵ¹ö½º¿¡¼ ÅؽºÆ®¸¦ ±×¸®°í Á¶ÀÛÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù. µû¶ó¼ ÅؽºÆ® ³»ºÎ¸¦ Ä¥ÇÏ°í À±°ûÀ» ±×¸®´Â ¹æ¹ý°ú ÆùÆ® ¼Ó¼ºÀ» ¼³Á¤ÇÏ°í ĵ¹ö½º¿¡ ÅؽºÆ®¸¦ À§Ä¡½ÃÅ°´Â ¹æ¹ý µîÀ» »ìÆì º»´Ù. ¶ÇÇÑ, 3Àå¿¡¼´Â ÅؽºÆ® Ä¿¼¿Í ÆíÁýÇÒ ¼ö ÀÖ´Â ´Ü¶ô°ú ÇÔ²² ĵ¹ö½º¿¡¼ ÅؽºÆ® ÄÁÆ®·ÑÀ» ±¸ÇöÇÏ´Â ¹æ¹ýµµ ¼Ò°³ÇÑ´Ù.
4Àå "À̹ÌÁö ¹× ºñµð¿À"¿¡¼´Â À̹ÌÁö, À̹ÌÁö Á¶ÀÛ, ºñµð¿À ÇÁ·Î¼¼½ÌÀ» ÁßÁ¡À¸·Î ¼Ò°³ÇϹǷΠĵ¹ö½º¿¡¼ À̹ÌÁö¸¦ È®´ëÇÏ°í ±×¸®´Â ¹æ¹ýÀ» »ìÆ캸°í °¢ Çȼ¿ÀÇ »ö»ó ±¸¼º ¿ä¼Ò¿¡ Á¢±ÙÇØ À̹ÌÁö¸¦ Á¶ÀÛÇÏ´Â ¹æ¹ýÀ» ¹è¿î´Ù. ¶ÇÇÑ, Ŭ¸®ÇÎ ¿µ¿ªÀ» »ç¿ëÇÏ´Â ¹æ¹ý°ú À̹ÌÁö¸¦ ¿òÁ÷ÀÌ´Â ¹æ¹ýÀ» »ìÆì º¸°í ºñµð¿À ÇÁ·Î¼¼½ÌÀ» ¼Ò°³ÇÑ 4ÀåÀÇ ¸¶Áö¸· Àý·Î ³Ñ¾î°¡±â Àü¿¡ º¸¾È°ú ¼º´É¿¡ ´ëÇØ ´Ù·é´Ù.
5Àå "¾Ö´Ï¸ÞÀ̼Ç"¿¡¼´Â ¡¶½ºÅ©¸³Æ® ±â¹Ý ¾Ö´Ï¸ÞÀ̼ÇÀ» À§ÇÑ Å¸ÀÌ¹Ö ÄÁÆ®·Ñ(Timing control for script-based animations)¡·À̶õ Á¦¸ñÀÇ W3C ¸í¼¼¼¿¡¼ Á¤ÀÇÇÑ requestAnimationFrame() ¸Þ¼µå¸¦ »ç¿ëÇØ ¾Ö´Ï¸ÞÀ̼ÇÀ» ÀÚ¿¬½º·´°Ô Àç»ýÇÒ ¼ö ÀÖ´Â ±¸Çö ¹æ¹ýÀ» ¼Ò°³ ÇÑ´Ù. ±×¸®°í ¾Ö´Ï¸ÞÀ̼ÇÀÇ ÇÁ·¹ÀÓ·üÀ» °è»êÇÏ´Â ¹æ¹ý°ú Àӽà ÇÁ·¹ÀÓ·ü·Î ¾Ö´Ï¸ÞÀ̼ÇÀÇ »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¸¦ ¾÷µ¥ÀÌÆ®ÇÏ´Â µî°ú °°ÀÌ ´Ù¸¥ È°µ¿¿¡ ´ëÇÑ ÀÏÁ¤À» Àâ´Â ¹æ¹ýµµ »ìÆ캻´Ù. ¶ÇÇÑ, 5Àå¿¡¼´Â ¾Ö´Ï¸ÞÀ̼ÇÀÌ ½ÇÇàµÇ´Â µ¿¾È ¼¼ °¡Áö ´Ù¸¥ ¹æ¹ýÀ» »ç¿ëÇØ ¹è°æÀ» º¹¿øÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÏ°í °¢ ¹æ¹ý¿¡ µû¶ó ¼º´É¿¡ ¹ÌÄ¡´Â ¿µÇâÀ» »ìÆ캸°Ú´Ù. ±×»Ó¸¸ ¾Æ´Ï¶ó ½Ã°£ ±â¹Ý ¸ð¼ÇÀ» ±¸ÇöÇÏ´Â ¹æ¹ý, ¾Ö´Ï¸ÞÀ̼ÇÀÇ... ¹è°æÀ» ½ºÅ©·ÑÇÏ´Â ¹æ¹ý, ½ÃÂ÷¸¦ »ç¿ëÇØ 3Dó·³ º¸ÀÌ°Ô ÇÏ´Â ¹æ¹ý, ¾Ö´Ï¸ÞÀ̼ÇÀÌ ½ÇÇàµÇ´Â µ¿¾È »ç¿ëÀÚ Á¦½ºÃ³¸¦ °¨ÁöÇÏ°í ó¸®ÇÏ´Â ¹æ¹ýµµ »ìÆ캼 °ÍÀÌ´Ù. ¸¶Áö¸·À¸·Î ¾Ö´Ï¸ÞÀÌ¼Ç ¸ð¹ü »ç·Ê¸¦ ¼Ò°³Çϱâ Àü¿¡ °£´ÜÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç Å¸À̸Ӹ¦ ±¸ÇöÇÏ´Â ¹æ¹ý°ú ½ÃÇÑ ¾Ö´Ï¸ÞÀ̼ÇÀ» »ìÆ캼 °ÍÀÌ´Ù.
6Àå "½ºÇÁ¶óÀÌÆ®"¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ ¿òÁ÷ÀÌ´Â ¿ÀºêÁ§Æ®ÀÎ ½ºÇÁ¶óÀÌÆ®¸¦ ±¸ÇöÇÏ´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù. ½ºÇÁ¶óÀÌÆ®´Â ½Ã°¢ÀûÀΠǥÇö, ÁÖ·Î À̹ÌÁö¸¦ °¡Áö°í ÀÖÀ¸¹Ç·Î ĵ¹ö½º¿¡¼ ½ºÇÁ¶óÀÌÆ®¸¦ À̵¿½Ãų ¼ö ÀÖÀ» »Ó¸¸ ¾Æ´Ï¶ó ÀÏ·ÃÀÇ À̹ÌÁö¸¦ ¼øȯÇÏ¿© ½ºÇÁ¶óÀÌÆ®¸¦ ¿òÁ÷ÀÌ°Ô ¸¸µé ¼öµµ ÀÖ´Ù. µû¶ó¼ ½ºÇÁ¶óÀÌÆ®´Â °ÔÀÓÀ» ±¸¼ºÇÏ´Â ±âº» ±¸¼º ¿ä¼Ò¶ó°í ÇÒ ¼ö ÀÖ´Ù.
7Àå "¹°¸®ÇÐ"¿¡¼´Â ¶³¾îÁö´Â ¹°Ã¼¿Í źµµ ±ËÀûÀ» ¸ðµ¨¸µÇÏ´Â ¹æ¹ýºÎÅÍ ÁøÀÚ ¿îµ¿¿¡ À̸£±â±îÁö ¾Ö´Ï¸ÞÀ̼ǿ¡¼ ¹°¸®ÇÐÀ» ½Ã¹Ä·¹À̼ÇÇÏ´Â ¹æ¹ýÀ» º¸¿©ÁØ´Ù. ¶ÇÇÑ, 7Àå¿¡¼´Â ¾Ö´Ï¸ÞÀ̼ǿ¡¼ ½Ã°£°ú ¸ð¼ÇÀ» ¸ðµÎ ¿Ö°îÇØ ´Ü°Å¸® ÁÖÀÚ°¡ ´Þ¸± ¶§ ¹ß»ýÇÏ´Â °¡¼Ó È¿°ú(ease-in)³ª ÀÚµ¿Â÷°¡ ºê·¹ÀÌÅ©¸¦ ÀâÀ» ¶§ ¹ß»ýÇÏ´Â °¨¼Ó È¿°ú(ease-out) µî°ú °°ÀÌ ½ÇÁ¦ ¿òÁ÷ÀÓÀ» ½Ã¹Ä·¹À̼ÇÇÏ´Â ¹æ¹ýµµ »ìÆ캼 °ÍÀÌ´Ù.
´ëºÎ£¿
-
-
-
|
µ¥À̺ñµå ±â¾î¸®(David Geary) [Àú]
|
|
-
µ¥À̺ñµå ±â¾î¸®´Â À¯¸íÇÑ ÀÛ°¡ÀÌÀÚ ¿¬¼³°¡ÀÏ »Ó¸¸ ¾Æ´Ï¸ç ÀÚ¹® À§¿øÀ¸·Îµµ È°µ¿ÇÏ°í ÀÖ´Ù. µ¥À̺ñµå´Â 1980³â´ë¿¡ C¿Í ½º¸ôÅäÅ©¸¦ »ç¿ëÇØ ±×·¡ÇÈ ±â¹Ý ¾ÖÇø®ÄÉÀÌ¼Ç ¹× ÀÎÅÍÆäÀ̽º¸¦ ±¸ÇöÇϱ⠽ÃÀÛÇß´Ù. ±×¸®°í º¸À×»ç(Þä)¿¡¼ 8³â µ¿¾È C++¿Í °´Ã¼ ÁöÇâ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀ» °¡¸£ÃÆÀ¸¸ç 1994³âºÎÅÍ 1997³â±îÁö ¼± ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®»ç(Þä)¿¡¼ ¼ÒÇÁÆ®¿þ¾î ¿£Áö´Ï¾î·Î ÀÏÇß´Ù. ¶ÇÇÑ, ÀÚ¹Ù ±¸¼º¿ä¼Ò ÇÁ·¹ÀÓ¿öÅ©¿¡ °üÇÑ º£½ºÆ®¼¿·¯ µÎ ±ÇÀ» Æ÷ÇÔÇØ ÀÚ¹Ù¿Í °ü·ÃµÈ Ã¥ ¿©´ü ±ÇÀ» ÁýÇÊÇϱ⵵ Çß´Ù. µ¥À̺ñµå°¡ ÁýÇÊÇÑ ¡¶±×·¡ÇÈ ÀÚ¹Ù 2: ½ºÀ®¡·Àº ¿ª´ë ÃÖ°íÀÇ º£½ºÆ®¼¿·¯ ½ºÀ® µµ¼À̸ç, ÄÉÀÌ È£½ºÆ®¸Õ°ú °øµ¿À¸·Î ÁýÇÊÇÑ ¡¶ÄÚ¾î ÀÚ¹Ù¼¹ö ÆäÀ̽º¡·µµ JSF °ü·Ã º£½ºÆ®¼¿·¯ µµ¼´Ù.
µ¥À̺ñµå´Â ¼ö¹é °³¿¡ ´ÞÇÏ´Â Àü ¼¼°è ÇÐȸ¿¡ Âü¼®ÇÏ¿© °ÀÇÇÑ ¿Á¤ÀûÀÎ ¿¬¼³°¡·Î NFJS(No Fluff Just Stuff) Åõ¾î¿¡¼ 6³â µ¿¾È ¿¬¼³ÇßÀ» »Ó¸¸ ¾Æ´Ï¶ó 120Â÷·Ê°¡ ³ÑÀº Çмú Åä·Ðȸ¿¡¼ °¿¬µµ Çß´Ù. ±×¸®°í JavaOne Rock Star¿¡¼µµ ¼¼ ¹øÀ̳ª ¿¬¼³ÇÑ °æÇèÀÌ ÀÖ´Ù.
2011³â, µ¥À̺ñµå¿Í ½ºÄà µ¥À̺ñ½º´Â HTML5 µ§¹ö ¹ÌÆ®¾÷ ±×·ì(Denver Meetup Group - www.meetup.com/HTML5-Denver-Users-Group)À» °øµ¿À¸·Î ⸳Çß´Ù. Âü°í·Î, ÀÌ Ã¥À» ÃâÆÇÇÑ 2012³â¿¡´Â ±×·ì ȸ¿øÀÌ 500¸íÀ» ³Ñ¾ú´Ù.
µ¥À̺ñµå´Â Twitter(@davidgeary)·Î ¿¬¶ôÇÒ ¼ö ÀÖÀ¸¸ç ÀÌ Ã¥¿¡¼ ¼Ò°³ÇÏ´Â ¿¹Á¦ÀÇ ÄÚµå´Â http://corehtml5canvas.com¿¡¼ È®ÀÎÇÒ ¼ö ÀÖ´Ù.
-
|
±è¹Î¼· [Àú]
|
|
-
µ¿±¹´ëÇб³ ÄÄÇ»ÅÍ °øÇаú¸¦ Á¹¾÷ÇÏ¿´À¸¸ç, º¥Ã³±â¾÷¿¡¼ ¹ø¿ª°¡¿Í ¿£Áö´Ï¾î·Î ±Ù¹«Çß´Ù. ÇöÀç ¹ø¿ª ¿¡ÀÌÀü½Ã ¿£ÅͽºÄÚ¸®¾Æ¿¡¼ Àü¹® ¹ø¿ª°¡·Î È°µ¿ÇÏ°í ÀÖ´Ù. ÁÖ¿ä ¿ª¼·Î´Â ¡¶´ç±¸ 3Äí¼Ç 300 µ¹ÆÄ ±³°ú¼¡· ¡¶HTML5 ĵ¹ö½º ¿Ïº® °¡À̵塷 ¡¶¾ÆÀÌÆеå ÆÛÆåÆ® ¸Å´º¾ó¡· ¡¶CSS ¿ø¸®¿Í ÀÌ¿ë ¹æ¹ý¡·µî ´Ù¼ö°¡ ÀÖ´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|