±¹³»µµ¼
Àü°øµµ¼/´ëÇб³Àç
°øÇаè¿
ÄÄÇ»ÅÍ°øÇÐ
Á¤°¡ |
28,000¿ø |
---|
27,160¿ø (3%ÇÒÀÎ)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà | |
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(1)
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
À¥ ÆäÀÌÁö Á¦ÀÛÀº HTML ű׸¦ ÀÌ¿ëÇÏ¿© ÆäÀÌÁö¸¦ ¸¸µé°í, CSS3·Î ¸ð¾çÀ» ²Ù¹Ì°í, ÀÚ¹Ù½ºÅ©¸³Æ®·Î »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º³ª ÀÀ¿ëÇÁ·Î±×·¥À» ÀÛ¼ºÇÏ´Â °úÁ¤À¸·Î ÀÌ·ç¾îÁø´Ù. ÀÌ ¼¼ °¡Áö Áö½ÄÀÌ ¸ðµÎ ÇÊ¿äÇϹǷΠÀ¥ ÇÁ·Î±×·¡¹ÖÀº ½¬¿î °Í °°À¸¸é¼µµ ¾î·Á¿î ºÐ¾ßÀÌ´Ù. [HTML5 + CSS3 + Javascript À¥ ÇÁ·Î±×·¡¹Ö]Àº HTML5 ±â¼úÀ» Á¦´ë·Î Àü´ÞÇϱâ À§ÇØ HTML5 ű×, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸ðµÎ ¾Æ¿ì¸£µµ·Ï ³»¿ëÀ» ±¸¼ºÇÏ°í, ƯÈ÷ ÀÚ¹Ù½ºÅ©¸³Æ® API·Î HTML5 À¥ ÀÀ¿ëÇÁ·Î±×·¥À» ÀÛ¼ºÇÏ´Â Áö½ÄÀ» ¿¹Á¦¿Í ½Ç½À Áß½ÉÀ¸·Î ±¸¼ºµÇ¾î ÀÖ´Ù.
ÃâÆÇ»ç ¼Æò
À¥ ÇÁ·Î±×·¡¹ÖÀ» °¡Àå ½±°Ô ÀÍÈú ¼ö Àִ å
À¥ ÆäÀÌÁö Á¦ÀÛÀº HTML ű׸¦ ÀÌ¿ëÇÏ¿© ÆäÀÌÁö¸¦ ¸¸µé°í, CSS3·Î ¸ð¾çÀ» ²Ù¹Ì°í, ÀÚ¹Ù½ºÅ©¸³Æ®·Î »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º³ª ÀÀ¿ëÇÁ·Î±×·¥À» ÀÛ¼ºÇÏ´Â °úÁ¤À¸·Î ÀÌ·ç¾îÁø´Ù. ÀÌ ¼¼ °¡Áö Áö½ÄÀÌ ¸ðµÎ ÇÊ¿äÇϹǷΠÀ¥ ÇÁ·Î±×·¡¹ÖÀº ½¬¿î °Í °°À¸¸é¼µµ ¾î·Á¿î ºÐ¾ßÀÌ´Ù.
¾ó¸¶ ÀüºÎÅÍ À¥Àº ¿À·¡µÈ ¿ÊÀ» ¹þ°í HTML5¶ó´Â »õ·Î¿î ¿ÊÀ¸·Î °¥¾ÆÀÔ°í ÀÖ´Ù. HTML5´Â °Ë»ö ¿£ÁøÀÌ ÁÁ¾ÆÇÏ´Â °¡Ä¡ ÀÖ´Â À¥ ÆäÀÌÁö¸¦ ¸¸µé ¼ö ÀÖµµ·Ï ½Ã¸Çƽ ű׸¦ Ç¥ÁØÈÇÏ°í, PC³ª ¸ð¹ÙÀÏ ´Ü¸»±â µî ±â±â¿¡ °ü°è¾øÀÌ ÀÛµ¿µÇ´Â À¥ ¾îÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖµµ·Ï ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ Ç¥ÁØÈÇÏ¿© ´Ü¼øÈ÷ Á¤º¸¸¸À» ±³·ùÇÏ´ø À¥ ÆäÀÌÁö¸¦ À¥ ÀÀ¿ëÇÁ·Î±×·¥ÀÌ µÇµµ·Ï ±× ÁöÆòÀ» ³ÐÇû´Ù. ±×·¸±â ¶§¹®¿¡ HTML5ÀÇ °øºÎ°¡ HTML ÅÂ±×¿Í CSS3¸¦ ÀÌ¿ëÇÑ À¥ ¹®¼ Á¦ÀÛ¿¡ ¸Ó¹«¸¥´Ù¸é, ±âÁ¸ÀÇ HTML °øºÎ¿Í º°¹Ý ´Ù¸£Áö ¾Ê´Ù.
ÀÌ Ã¥Àº HTML5 ±â¼úÀ» Á¦´ë·Î Àü´ÞÇϱâ À§ÇØ HTML5 ű×, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸ðµÎ ¾Æ¿ì¸£µµ·Ï ³»¿ëÀ» ±¸¼ºÇÏ°í, ƯÈ÷ ÀÚ¹Ù½ºÅ©¸³Æ® API·Î HTML5 À¥ ÀÀ¿ëÇÁ·Î±×·¥À» ÀÛ¼ºÇÏ´Â Áö½ÄÀ» ¿¹Á¦¿Í ½Ç½À Áß½ÉÀ¸·Î ±¸¼ºµÇ¾î ÀÖ´Ù.
À¥¿¡ ´ëÇÑ °øºÎ´Â Ưº°È÷ ½Ç½ÀÀÌ Áß¿äÇϹǷΠÀúÀÚ°¡ Á÷Á¢ ¿î¿µÇÏ´Â www.webprogramming.co.kr »çÀÌÆ®¸¦ ÅëÇØ ¾ðÁ¦ ¾îµð¼³ª ¿¹Á¦¸¦ ½ÇÇàÇغ¸°í ¼öÁ¤ÇÏ¿© ¿¬½ÀÇغ¼ ¼ö ÀÖµµ·Ï ÇÏ¿´´Ù.
ÀÌ Ã¥ÀÇ Æ¯Â¡
* HTML5 ÅÂ±×¿Í CSS3·Î ȨÆäÀÌÁö ¸¸µé±â ¿¬½À
HTML5¿Í CSS3 ÆÄÆ®¿¡¼´Â open challenge ¹®Á¦¸¦ ¸ÅÁÖ ¿¬¼ÓÇÏ¿© ¿¬½ÀÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´´Ù. 2Àå open challenge¿¡¼ ÀڽŸ¸ÀÇ ÁÖÁ¦¸¦ Á¤ÇØ °¢ ÀåÀÌ ³¡³¯ ¶§¸¶´Ù ±× Àå¿¡¼ ¹è¿î ³»¿ëÀ» Åä´ë·Î À¥ ÆäÀÌÁö¸¦ ¿Ï¼ºÇØ°¡¸é µÈ´Ù. HTML ÆäÀÌÁö ¸¸µé±â, HTML5·Î ¹®¼ ±¸Á¶ÈÇϱâ, CSS3·Î À¥ ÆäÀÌÁö ²Ù¹Ì±â, CSS3ÀÇ ¹èÄ¡ ½ºÅ¸ÀÏ·Î ²Ù¹Ì±â µîÀÇ ÇнÀÀÌ ¼ø¼´ë·Î ÁøÇàµÈ´Ù.
* ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Æ÷ÇÔÇÑ À¥ ÇÁ·Î±×·¡¹Ö ÀÀ¿ë ¿¬½À
¸¶Áö¸· ÀåÀÎ 14Àå¿¡¼´Â À¥ ÇÁ·Î±×·¡¹ÖÀ» ¸ðµÎ ¹è¿ì°í ³ µÚ Çлý ½º½º·Î ÇнÀÇÒ °úÁ¦¸¦ Á¦°øÇÏ¿´´Ù. ±×¸²ÆÇ ¸¸µé±â¿Í ¼ûÀº °¾ÆÁö ã±âÀÇ 2°¡Áö À¥ ÇÁ·Î±×·¡¹Ö ÁÖÁ¦·Î ±â¸» °úÁ¦¿¡ ÀûÇÕÇÏ´Ù.
* www.webprogramming.co.kr »çÀÌÆ® È°¿ë
www.webprogramming.co.kr »çÀÌÆ®¸¦ È°¿ëÇÏ¸é °ÀÇ¿Í ¿¬½ÀÀ» ¾ðÁ¦ ¾îµð¼µç ½±°Ô ÇÒ ¼ö ÀÖ´Ù. Á÷Á¢ ¿¹Á¦¸¦ ½ÇÇàÇÏ°í ¼öÁ¤ÇØ º¼ ¼ö ÀÖÀ¸¸ç, Q&A °Ô½ÃÆÇÀ» ÅëÇØ Áú¹®°ú ´äÀ» ³ª´ ¼ö ÀÖ´Ù.
* ¿¬½À¹®Á¦
¿¬½À¹®Á¦´Â ±× Àå¿¡¼ ¹è¿î ³»¿ëÀ» ÇнÀÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ÀÌ·Ð ½Ç½À ¹®Á¦·Î ±¸¼ºÇÏ¿´´Ù. ¹®Á¦°¡ ¸ðÈ£ÇÏÁö ¾Êµµ·Ï ¸íÈ®È÷ ÃâÁ¦ÇÏ¿´´Ù.
* °úÁ¦¿Í ½ÃÇè ¹®Á¦
¿¬½À¹®Á¦ÀÇ À̷й®Á¦¿Í ½Ç½À¹®Á¦´Â °úÁ¦³ª ½ÃÇè ¹®Á¦·Î È°¿ëÇÒ ¼ö ÀÖµµ·Ï ÇÏ¿´´Ù.
ÀÌ Ã¥ÀÇ ±¸¼º°ú ³»¿ë
ÀÌ Ã¥Àº HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î, HTML5 API¸¦ ÀÌ¿ëÇÑ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ´Ù·é´Ù. HTML5ÀÇ Ç¥ÁØ ±â¼úÀ» Àü¹ÝÀûÀ¸·Î ÇнÀÇÒ ¼ö ÀÖ´Â ³»¿ëÀ» °®Ãß°í ÀÖ´Ù.
À¥ ÇÁ·Î±×·¡¹ÖÀº ÃÑ 14ÀåÀÇ °ÀÇ·Î ±¸¼ºµÇ¾î ÀÖ´Ù. °¢°¢ÀÇ Àå¿¡ ´ëÇÑ Á¦¸ñ°ú °³·«ÀûÀÎ ³»¿ëÀº ´ÙÀ½°ú °°´Ù.
1Àå À¥ ÇÁ·Î±×·¡¹Ö°ú HTML5 °³¿ä¿¡¼´Â À¥ÀÌ °¡Áö´Â ±Ùº»ÀûÀÎ ¸ñÀû°ú °£´ÜÇÑ ¹è°æÁö½Ä, ¿ª»ç, ÀÛµ¿ ¸ÞÄ¿´ÏÁò, ±¸¼º µî¿¡ ´ëÇØ ÀÍÈ÷°í ¾ÕÀ¸·Î À¥ ÇÁ·Î±×·¡¹ÖÀ» °øºÎÇϴµ¥ ÀÖ¾î ¾î¶² ¹æÇâÀ¸·Î °øºÎÇØ ³ª°¡¾ß ÇÒ °ÍÀÎÁö ÇнÀÇÏ°Ô µÈ´Ù. ¶ÇÇÑ °£·«ÇÑ ¿¹Á¦¸¦ ÅëÇØ À¥ ÇÁ·Î±×·¡¹ÖÀ» ¾î¶°ÇÑ ¹æ½ÄÀ¸·Î ÇÏ°Ô µÇ´ÂÁö ¸Àº¼ ¼ö ÀÖ´Ù.
2Àå HTML5 ±âº» ¹®¼ ¸¸µé±â¿¡¼´Â HTMLÀ» ÀÌ¿ëÇÏ¿© À¥ ÆäÀÌÁöÀÇ ±âº»ÀûÀÎ °ñ°ÝÀ» ¸¸µå´Â ¹æ¹ý°ú ÀÚÁÖ ¾²ÀÌ´Â ´Ù¾çÇÑ ÁÖ¿ä ű׿¡ ´ëÇØ °øºÎÇÑ´Ù. HTML4¿¡¼ HTML5·Î ¼¼´ë°¡ º¯ÈÇÔ¿¡ µû¶ó ºñ±Ç°íµÇ°Å³ª ¾Æ¿¹ »ç¶óÁ®¹ö¸° ¿©·¯ ű׵éÀÌ Àִµ¥, ±×·¯ÇÑ Å±׿¡ ´ëÇؼµµ ÇнÀÇÏ°Ô µÈ´Ù.
3Àå HTML5 ¹®¼ ±¸Á¶È¿Í À¥ Æû¿¡¼´Â °Ë»ö »çÀÌÆ®¿¡ ³ëÃâÀÌ Àß µÇ°Ô Çϱâ À§ÇÑ ¹®¼ÀÇ ±¸Á¶È ±â¹ýÀ» ÀÍÈ÷°í, »ç¿ëÀڷκÎÅÍ ¿©·¯°¡Áö ´Ù¾çÇÑ ÀÔ·ÂÀ» ¹Þ±â À§ÇØ »ç¿ëµÇ´Â À¥ Æû(form)°ú Æû ¿ä¼Ò(element)¿¡ ´ëÇÏ¿© °øºÎÇÑ´Ù. HTML5 ¹®¼¸¦ Ç¥ÁØ ±¸Á¶È ű׸¦ »ç¿ëÇÏ¿© ±¸Á¶ÈÇϸé, °Ë»ö ¿£ÁøÀº ÇØ´ç À¥ ¹®¼¿¡¼ ƯÁ¤ Á¤º¸¸¦ Ž»öÇϱⰡ ½¬¿öÁö¸ç, °Ë»ö ¿£ÁøÀÌ À¥ ¹®¼¸¦ Ž»öÇϱ⠽¬¿öÁø´Ù´Â °ÍÀº °ð Æ÷ÅÐ »çÀÌÆ®¿¡¼ ƯÁ¤ Å°¿öµå¸¦ °Ë»öÇßÀ»¶§ ³ëÃâµÉ È®·üÀÌ ³ô¾ÆÁö°í, ±× À¥ ÆäÀÌÁöÀÇ °¡Ä¡°¡ ¿Ã¶ó°£´Ù´Â ¶æÀÌ´Ù. ÀÌ·¯ÇÑ Á¡À» ÁßÁ¡À¸·Î 3ÀåÀÇ ±¸Á¶È ±â¹ýÀ» ¼³¸íÇÏ¿´´Ù.
4Àå CSS3·Î À¥ ÆäÀÌÁö ²Ù¹Ì±â¿¡¼´Â HTMLÀÇ ¿Ü°üÀ» ²Ù¹Ð ¼ö ÀÖ´Â ¾ð¾îÀÎ CSS3ÀÇ ±âº»ÀûÀÎ °³³ä°ú ¹®¹ýÀ» ÀÍÈ÷°í, À̸¦ ÀÌ¿ëÇØ À¥ ¹®¼¿¡ ²Ù¹Ì´Â ¹æ¹ýÀ» ÇнÀÇÑ´Ù. 3Àå¿¡¼ ¹è¿î À¥ ¹®¼ ±¸Á¶ÈÇÏ´Â ¹æ¹ýÀ» ¹ÙÅÁÀ¸·Î ¿Ü°üÀ» Àß ÀÛ¼ºÇÒ ¼ö ÀÖ´Â CSS¿¡ ´ëÇØ »ç¿ëÀÚµéÀÇ °ü½ÉÀ» ¾ò´Â À¥ ÆäÀÌÁö¸¦ ²Ù¹Ì´Â ¹æ¹ýÀ» ¹è¿î´Ù.
5Àå CSS3 °í±Þ È°¿ë¿¡¼´Â Á» ´õ ½ÉÈµÈ ³»¿ëÀ» ´Ù·ç°Ô µÈ´Ù. ¿©·¯ ¿ä¼ÒµéÀÇ »öÀ̳ª Å©±â µîÀ» Á¶ÀýÇÏ´Â °ÍÀ» ³Ñ¾î ³»°¡ ¿øÇÏ´Â À§Ä¡¿¡ ¿ä¼Ò¸¦ ¹èÄ¡Çϰųª ¾Ö´Ï¸ÞÀ̼ÇÀ» Àû¿ëÇÏ¿© ű׸¦ ¿òÁ÷ÀÌ°Ô ¸¸µå´Â µî ´Ù¾çÇÑ CSS °í±Þ¹®¹ýÀÇ »ç¿ë¹ý¿¡ ´ëÇØ ÇнÀÇÑ´Ù.
6Àå ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¿¡¼´Â »ç¿ëÀÚµéÀÇ ´Ù¾çÇÑ ÀÔ·ÂÀ» ÀÔ¸À´ë·Î ó¸®ÇÒ ¼ö ÀÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾îÀÇ °£´ÜÇÑ ¼Ò°³¿Í ±âº»ÀûÀÎ ¹®¹ý, Ư¼º µî¿¡ ´ëÇØ ¹è¿î´Ù. Áö±Ý±îÁö ¸¸µé¾î¿Ô´ø À¥ ÆäÀÌÁö´Â »ç¿ëÀÚÀÇ ÀÔ·ÂÀ» ÀνÄÇÒ ¼ö ÀÖ´Â µµ±¸µéÀº ¹èÄ¡ÇÒ ¼ö ÀÖ¾úÁö¸¸, ÀÔ·Â ÀÚü¸¦ ó¸® ÇÒ ¼ö ÀÖ´Â ±â´ÉÀº ¸¸µé ¼ö ¾ø¾ú´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î·Î °èÁ¤À» Á¢¼ÓÇÏ°í, ¾î¶² ¹öÆ°À» ´©¸£¸é °æ°í âÀÌ ¹ß»ýÇÏ´Â µî "Action"À» ±¸ÇöÇÏ´Â ¹ýÀ» ¹è¿î´Ù.
7Àå ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚ¾î °´Ã¼ ¹× ¹è¿¿¡¼´Â 6Àå¿¡¼ ¹è¿î ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ °´Ã¼(Object)ÀÇ °³³äÀ» Ãß°¡ÇÏ¿© ¹è¿î´Ù. °´Ã¼¶õ Çö½Ç¼¼°è¿¡ Á¸ÀçÇÏ´Â »ç¶÷, Ã¥»ó, ÀÚµ¿Â÷, TV, ÄÄÇ»ÅÍ µîÀÇ ½Çü¸¦ ÄÚµå »ó¿¡¼ »ç¿ëÇϱâ À§ÇØ Ãß»óÈÇÑ µ¥ÀÌÅÍÀÇ ÁýÇÕÀ» ÀǹÌÇÑ´Ù. ÇϳªÀÇ °´Ã¼´Â Á¤º¸¸¦ Ç¥ÇöÇÏ´Â ¼Ó¼º(Property)°ú ±× Á¤º¸¸¦ ÀÌ¿ëÇÏ¿© ƯÁ¤ÇÑ ±â´ÉÀ» ¼öÇàÇÏ´Â ¸Þ¼Òµå(Method)·Î ³ª´¶´Ù. Áö±Ý±îÁö Á¤¼ö, ½Ç¼ö, ºÎ¿ï µîÀÇ ±âº» ŸÀÔ ÀڷḸÀ» ÀÌ¿ëÇÏ¿© ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ±¸¼ºÇß´Ù¸é, 7Àå¿¡¼´Â ¾Õ¼ ¼³¸íÇÑ °´Ã¼¸¦ ÀÌ¿ëÇÏ¿© ´Ù¾çÇÑ °í±Þ±â´ÉÀ» ¼öÇàÇÏ´Â ¹ýÀ» ¹è¿ì°Ô µÈ´Ù.
8ÀåÀº HTML DOM°ú Document¿¡ °üÇÑ ³»¿ëÀÌ´Ù. ºê¶ó¿ìÀú´Â ¿ì¸®°¡ ÀÛ¼ºÇÑ Å±׸¦ ü°èÀûÀ¸·Î ±¸Á¶ÈµÈ ¹æ½ÄÀ¸·Î ´Ù·ç°í ÀÖ´Ù. ºê¶ó¿ìÀú´Â ¿ì¸®°¡ ÀÛ¼ºÇÑ HTML ű׸¦ ÃÖ»óÀ§ °èÃþºÎÅÍ ¾Æ·¡·Î »¸¾î °¡Áö¸¦ Ä¡¸ç »¸¾î ³»·Á¿À´Â Æ®¸®(Tree)±¸Á¶ÀÇ ÇüÅ·Πº¯È¯ÇÏ¿© °ü¸®ÇÑ´Ù. ±×¸®°í ÇϳªÀÇ Å±״ ÇϳªÀÇ °´Ã¼(Object)·Î º¯È¯ÇÑ´Ù. ÀÌ °´Ã¼ÀÇ Æ®¸®±¸Á¶¸¦ DOM(Document Object Model)À̶ó°í ºÎ¸£¸ç 8Àå¿¡¼´Â DOMÀ» ÀÌ¿ëÇÏ¿© À¥ ÆäÀÌÁö ·Îµå ÀÌÈÄ¿¡µµ µ¿ÀûÀ¸·Î ű×ÀÇ ¼Ó¼ºµéÀ» º¯°æÇÏ´Â ¹æ¹ý¿¡ ´ëÇÏ¿© °øºÎÇÑ´Ù.
9Àå¿¡¼´Â À̺¥Æ® ±âÃÊ ¹× È°¿ë¹ý¿¡ ´ëÇØ ¹è¿î´Ù. À̺¥Æ®(Event)¶õ, ºê¶ó¿ìÀú»ó¿¡¼ ÀϾ´Â »ç¿ëÀÚÀÇ ´Ù¾çÇÑ ÇൿÀÌ´Ù. ȸé»ó¿¡¼ ƯÁ¤ ¹öÆ°À» Ŭ¸¯ÇѴٰųª, ÅؽºÆ®Çʵ忡 ¹®ÀÚ¿À» ŸÀÌÇÎ ÇÏ´Â µî »ç¿ëÀÚÀÇ ÇൿµéÀº ºê¶ó¿ìÀú»ó¿¡¼ ¸ðµÎ À̺¥Æ®·Î 󸮵ȴÙ. ¶ÇÇÑ, À̹ÌÁö³ª HTML ¹®¼ÀÇ ·Îµù, ƯÁ¤ ½Ã°£À¸·ÎºÎÅÍ ¸î ÃÊ°¡ Áö³ µÚ µî ¹®¼³ª ºê¶ó¿ìÀúÀÇ »óÅ º¯Èµµ À̺¥Æ®·Î ´Ù·ç¾îÁø´Ù. 9Àå¿¡¼´Â À¥ ÆäÀÌÁö¿¡¼ À̺¥Æ®°¡ ¹ß»ý½Ã ƯÁ¤ ¸Þ¼Òµå¸¦ ¼öÇàÇÒ ¼ö ÀÖµµ·Ï ÇÏ¿© ¹ÝÀÀÇü À¥ ÆäÀÌÁö¸¦ ÀÛ¼ºÇÏ´Â ¹ýÀ» ¹è¿î´Ù.
10Àå À©µµ¿ì¿Í ºê¶ó¿ìÀú °ü·Ã °´Ã¼¿¡¼´Â BOMÀ» ÀÌ¿ëÇÏ¿© ºê¶ó¿ìÀú¿¡ °ü·ÃµÈ ´Ù¾çÇÑ ¼Ó¼ºµéÀ» µ¿ÀûÀ¸·Î ó¸®ÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ °øºÎÇÑ´Ù.
¾Õ¼ 8Àå¿¡¼ ¹è¿î DOMÀ» ÀÌ¿ëÇÏ¸é ºê¶ó¿ìÀú°¡ À¥ ÆäÀÌÁö ·ÎµùÀÌ ¿Ï·áµÈ ÀÌÈÄ¿¡µµ ¿©·¯ ű׵éÀ» µ¿ÀûÀ¸·Î º¯È½Ãų ¼ö ÀÖ´Ù. űװ¡ ¾Æ´Ï¶ó, ºê¶ó¿ìÀúÀÇ À§Ä¡¸¦ ¿Å±â°Å³ª Å©±â¸¦ Á¶ÀýÇÏ°í, ÀÚµ¿À¸·Î ½ºÅ©·Ñ¹Ù¸¦ ³»¸®°Å³ª »õ·Î¿î âÀ» ¶ç¿ì´Â µî ºê¶ó¿ìÀú ÀÚü¸¦ ´Ù·ç±â À§ÇØ ºê¶ó¿ìÀú¿¡ °ü·ÃµÈ Á¤º¸µéµµ ÇϳªÀÇ °´Ã¼·Î Ç¥ÇöµÇ´Â BOM(Browser Object Model)¿¡ ´ëÇØ °øºÎÇÑ´Ù.
11Àå¿¡¼´Â HTML5 ĵ¹ö½º ±×·¡ÇÈ¿¡ ´ëÇØ ¹è¿î´Ù. HTML5°¡ ¼¼»ó¿¡ µîÀåÇϱâ Àü, À¥ °³¹ßÀÚµéÀº ±×·¡ÇÈ ¾Ö´Ï¸ÞÀ̼ÇÀ̳ª »ç¿ëÀÚ ±×·¡ÇÈÀÌ ÇÊ¿äÇÑ °æ¿ì ÀÚ¹Ù ¾ÖÇø´À̳ª Ç÷¡½Ã µîÀÇ Ç÷¯±×ÀÎÀ» È°¿ëÇÏ¿´´Ù. ÇÏÁö¸¸ Ç÷¯±×ÀÎÀ» ÀÌ¿ëÇÏ´Â ¹æ¹ýÀº º°µµÀÇ ÀÀ¿ëÀ» ¼³Ä¡ÇØ¾ß ÇÏ´Â ¹ø°Å·Î¿ò°ú À¥ ÆäÀÌÁöÀÇ ·ÎµùÀÌ Áö¿¬µÇ´Â ¹®Á¦°¡ ÀÖ°í, ȣȯ¼ºµµ ¸Å¿ì ¶³¾îÁö´Âµ¥´Ù°¡ ¸ð¹ÙÀÏ ´Ü¸»±â¿¡´Â ¼³Ä¡ÇÒ ¼ö ¾ø¾î ¸¹Àº ºÒÆíÇÔÀÌ µû¶ú´Ù. HTML5¿¡¼´Â ÀÌ·¯ÇÑ ¹®Á¦¸¦ ÇØ°áÇϱâ À§ÇØ ¸ðµç ´Ü¸»±â, ¸ðµç ºê¶ó¿ìÀú¿¡ ´ëÇØ È£È¯µÇ´Â ±×·¡ÇÈ Ã³¸® Àü¿ë ¸ðµâÀΠĵ¹ö½º ±â´ÉÀ» µµÀÔÇÏ¿´À¸¸ç, 11Àå¿¡¼´Â ¹Ù·Î ÀÌ Äµ¹ö½º¸¦ ÀÌ¿ëÇÏ¿© ±×·¡ÇÈ°ú °ü·ÃµÈ ´Ù¾çÇÑ ±â´ÉÀ» ó¸®ÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¹è¿î´Ù.
12Àå¿¡¼´Â HTTP ÇÁ·ÎÅäÄÝ°ú ÄíÅ° ¹× À¥ ½ºÅ丮Áö¿¡ ÇнÀÇÑ´Ù. HTTP ÇÁ·ÎÅäÄÝÀ» ÀÌ¿ëÇØ ºê¶ó¿ìÀú°¡ ¼¹ö¿Í Åë½ÅÇÏ´Â ¹æ¹ý¿¡ ´ëÇÑ ÀÌÇظ¦ ¹ÙÅÁÀ¸·Î ÄíÅ°¿Í À¥ ½ºÅ丮Áö¸¦ ÀÌ¿ëÇØ, ºê¶ó¿ìÀú°¡ ÀÌÀü¿¡ »ç¿ëÇß´ø ÀÚ¿øÀ̳ª Çൿ, ¾ç½Ä µîÀ» »ç¿ëÀÚ ÄÄÇ»ÅÍ¿¡ ÀúÀåÇÏ°í Àç»ç¿ëÇÒ ¼ö ÀÖµµ·Ï ÇÏ¿© Æ®·¡ÇÈÀ» ÃÖ¼ÒÈ ÇÒ ¼ö ÀÖ´Â ¹æ¹ý¿¡ ´ëÇØ »ìÆ캻´Ù.
13ÀåÀº ¿Àµð¿À ºñµð¿À Á¦¾î ¹× À§Ä¡ Á¤º¸ ¼ºñ½º, À¥ ¿öÄ¿ÀÌ´Ù. Å©°Ô 3°¡Áö¸¦ ¹è¿ì°Ô µÇ´Âµ¥, ù ¹ø°·Î HTML5ÀÇ ¸ðµç ȯ°æ¿¡¼ ÀÛµ¿ÇÏ´Â, Ç¥ÁØÀ» ÀÌ¿ëÇÑ ¿Àµð¿À ¹× ºñµð¿ÀÀÇ Á¦¾î ¹æ¹ý¿¡ ´ëÇØ ¹è¿î´Ù. ±×¸®°í ±× ´ÙÀ½ µÎ ¹ø°·Î geolocation °´Ã¼¸¦ ÀÌ¿ëÇÏ¿© À§Ä¡ Á¤º¸¸¦ ´Ù¾çÇÏ°Ô ÀÌ¿ëÇÏ°í ó¸®ÇÏ´Â ¹æ¹ý¿¡ ¹è¿î´Ù. ¸¶Áö¸·À¸·Î ¼¼ ¹ø°·Î´Â ºê¶ó¿ìÀúÀÇ ¹é±×¶ó¿îµå¿¡¼ ½ÇÇàµÇ¾îÁö´Â ÀÛ¾÷ Àü¿ë ÀÚ¹Ù½ºÅ©¸³Æ®, À¥ ¿öÄ¿¿¡ ´ëÇØ ¹è¿î´Ù.
14ÀåÀº À¥ ÇÁ·Î±×·¡¹Ö ÀÀ¿ëÀ¸·Î Áö±Ý±îÁö À¥ °³¹ß¿¡ ÇÊ¿äÇÑ Àü¹ÝÀûÀÎ ³»¿ë¿¡ ´ëÇÑ ÇнÀÀ» ¹ÙÅÁÀ¸·Î ½ÇÀü °úÁ¦¿¡ µµÀüÇÑ´Ù. ±×¸²ÆÇ°ú ¼ûÀº °¾ÆÁö ã±âÀÇ 2°³ÀÇ ¿¹Á¦¸¦ Âü°í·Î ÀڽŸ¸ÀÇ À¥ ÀÀ¿ë ÇÁ·Î±×·¥À» ¸¸µé¾îº»´Ù.
¸ñÂ÷
Chapter 01 À¥ ÇÁ·Î±×·¡¹Ö°ú HTML5 °³¿ä
1. À¥ °³¿ä
À¥ÀÇ ±âº» ¸ñÀû°ú ±¸¼º
ÀÎÅͳݰú À¥Àº ´Ù¸£´Ù
À¥ ºê¶ó¿ìÀú
À¥ ¼¹ö¿Í À¥»çÀÌÆ®
À¥ ¹®¼¿Í ÀüÀÚ ¹®¼ÀÇ Â÷ÀÌ
À¥ ÆäÀÌÁöÀÇ ÁÖ¼Ò, URL
À¥ ºê¶ó¿ìÀú¿Í À¥ ¼¹ö »çÀÌÀÇ Åë½Å, HTTP
2. À¥ÀÇ ½ÃÀÛ°ú ¼º°ø
À¥ÀÇ ½ÃÀÛ
À¥ÀÇ ¼º°ø
¸ðµç °÷¿¡ À¥ÀÌ ÀÖ´Ù
3. À¥ ÆäÀÌÁö ±¸¼º
À¥ ÆäÀÌÁö ±¸¼º 3¿ä¼Ò
3¿ä¼Ò¸¦ ºÐ¸®ÇÏ¿© À¥ ÆäÀÌÁö °³¹ß
HTML, CSS, Javascript
HTML, CSS, Javascript·Î ºÐ¸®µÈ À¥ ÆäÀÌÁö ¸¸µé±â
4. HTML5
HTML ¾ð¾îÀÇ ¿ª»ç
HTML5ÀÇ ÃâÇö ¹è°æ
HTML5 Ç¥ÁØ°ú ÀÇÀÇ
HTML5ÀÇ ±â´É
5. HTML5 À¥ ÇÁ·Î±×·¡¹Ö °³¹ß °úÁ¤
HTML5 ¹®¼ ÆíÁý
°ËÁõ
µð¹ö±ë
¿ä¾à
Open Challenge
¿¬½À¹®Á¦
Chapter 02 HTML5 ±âº» ¹®¼ ¸¸µé±â
1. HTML5 °³¿ä
HTML ÆäÀÌÁö ±âº»
HTML ű×
2. HTML ±âº» ¹®¼ ¸¸µé±â
ŸÀÌƲ ´Þ±â,
¹®´Ü Á¦¸ñ(Àå, Àý, ¼ÒÁ¦¸ñ µî) ´Þ±â, ,
ÅøÆÁ ´Þ±â, title ¼Ó¼º
´Ü¶ô ³ª´©±â,
¼öÆò¼± ±ß±â,
»õ·Î¿î ÁÙ·Î ³Ñ¾î°¡±â,
¹®ÀÚ, ±âÈ£, ½Éº¼ ÀÔ·Â
°³¹ßÀÚ Æ÷¸Ë ±×´ë·Î Ãâ·ÂÇϱâ,
ÅؽºÆ® ²Ù¹Ì±â
ºí·Ï ÅÂ±×¿Í ÀζóÀΠű×
HTML ¸ÞŸ µ¥ÀÌÅÍ »ðÀÔ
3. °í±Þ ¹®¼ ¸¸µé±â
À̹ÌÁö »ðÀÔ,
¸®½ºÆ® ¸¸µé±â, ,
,
Ç¥ ¸¸µé±â,
4. ÇÏÀÌÆÛ¸µÅ©¿Í Ç×ÇØ
ÇÏÀÌÆÛ¸µÅ© ¸¸µé±â,
id ¼Ó¼ºÀ¸·Î ¾ÞÄ¿ ¸¸µé±â
ÆÄÀÏ ´Ù¿î·Îµå ¸µÅ© ¸¸µé±â, ÀÇ download ¼Ó¼º
5. ÀζóÀÎ ÇÁ·¹ÀÓ
ÀζóÀÎ ÇÁ·¹ÀÓ ¸¸µé±â,