±¹³»µµ¼
ÄÄÇ»ÅÍ/ÀÎÅͳÝ
ÄÄÇ»ÅÍ È°¿ë/WEB
À¥/ȨÆäÀÌÁö
Á¤°¡ |
40,000¿ø |
---|
36,000¿ø (10%ÇÒÀÎ)
2,000P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(43)
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
¡º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)"¿¡¼´Â
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) µî°ú °°ÀÌ ½ÇÁ¦ ¿òÁ÷ÀÓÀ» ½Ã¹Ä·¹À̼ÇÇÏ´Â ¹æ¹ýµµ »ìÆ캼 °ÍÀÌ´Ù.
´ëºÎ£¿
°ü·ÃÀ̹ÌÁö
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óÇ°ÀÇ ½Ã¸®Áî
(ÃÑ 44±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 44±Ç)
ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.