|
|
|
|
±¹³»µµ¼ > ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý > ¸ð¹ÙÀÏ ÇÁ·Î±×·¡¹Ö |
DO it! HTML5 + CSS3 À¥ Ç¥ÁØÀÇ Á¤¼® - ±âÃʺÎÅÍ ¹ÝÀÀÇü À¥±îÁö! HTML ±ÇÀ§ÀÚ¿¡°Ô Á¤¼®À¸·Î ¹è¿ö¶ó! |
|
|
|
|
|
2013³â 09¿ù 26ÀÏ Ãâ°£ |
Á¤°¡ 32,000¿ø |
ÆäÀÌÁö 704 Page |
|
|
|
|
 |
|
|
Àú:°í°æÈñ È«ÀÍ´ëÇб³ °ø°ú´ëÇп¡¼ ÀüÀÚ°è»êÇаú¸¦ Á¹¾÷ÇÑ µÚ ÄÄÇ»ÅÍ¿Í ´õ °¡±î¿öÁö°í ½Í¾î °°Àº ´ëÇпø¿¡¼ Àΰø Áö´ÉÀ» Àü°øÇß´Ù. Ä·ÆÛ½º21(www.campus21.co.kr)°ú ¹è¿ò³ª¶ó(www.estudy.or.kr) µî¿¡¼ ¿Â¶óÀÎ °ÀǸ¦ ÁøÇàÇÏ¸ç ¡ºPC»ç¶û¡»°ú ¡º¿ù°£ À¥¡» µî ¿©·¯ ÄÄÇ»ÅÍ ÀâÁö¿¡ ±ÛÀ» ±â°íÇÏ°í, Çѱ¹µðÁöÅдëÇб³ À¥ ±âÃÊ(HTML) ºÐ¾ß °»ç·Î È°µ¿Çß´Ù.
µå¸²À§¹ö 1.2 ½ÃÀýºÎÅÍ À¥¿¡ °ü½ÉÀ» °¡Áö±â ½ÃÀÛÇØ ÀÌÈÄ HTML°ú DHTML(Dynamic HTML), CSS, ÀÚ¹Ù½ºÅ©¸³Æ® µî À¥ °ü·Ã ±â¼úµéÀ» È°¿ëÇϴµ¥ °ü½ÉÀ» µÎ°í À¥ µðÀÚÀÎ ¹× ÇÁ·Î±×·¡¹Ö ºÐ¾ß¿¡ °ÉÃÄ ¿©·¯ ±ÇÀÇ À¥ °ü·Ã ¼ÀûÀ» ÁýÇÊÇß´Ù. 2010³â¿¡´Â ±¹³» ÀúÀڷδ óÀ½À¸·Î HTML5 ¹öÀüÀ» ¼Ò°³ÇÑ µµ¼ÀÎ ¡ºDo it! HTML5+CSS3¡»¸¦ Ãâ°£ÇÏ¿´À¸¸ç, À̹ø Ã¥ ¡ºDo it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡»¿¡¼´Â HTML5¿Í CSS3ÀÇ ¸ðµç ű׸¦ Áý´ë¼ºÇÏ¿© Ãâ°£ÇÏ¿´´Ù. ÇöÀç Çѱ¹ÀüÀÚÁ¤º¸Åë½Å»ê¾÷ÁøÈïȸ¿¡¼ ¡®HTML5¿Í CSS3ÀÇ ¸ðµç °Í¡¯À̶ó´Â ÁÖÁ¦·Î °ÀÇ ÁßÀÌ´Ù. ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® °øÀÎ ÃÖ°í±â¼úÀü¹®°¡(Most Valualble Professional)¿Í ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® HTML5 Á¤º¸¸¦ Á¦°øÇÏ´Â UserAgents¿¡¼ À¥ Àü¹®°¡·Îµµ È°µ¿ ÁßÀÌ´Ù.
Àú¼·Î´Â ¡ºµå¸²À§¹ö MX 2004 ¹«ÀÛÁ¤ µû¶óÇϱ⡻(±æ¹þ, 2002), ¡ºÈ¸»ç¿¡¼ ¹Ù·Î ÅëÇÏ´Â ÆÄ¿öÆ÷ÀÎÆ® 2003¡»(ÇѺû¹Ìµð¾î, 2005), ¡ºÅ׸¶°¡ ÀÖ´Â HTML ¹«ÀÛÁ¤ µû¶óÇϱ⡻, ¡ºHTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤ µû¶óÇϱ⡻, ¡ºÀÎÅÍ³Ý ¹«ÀÛÁ¤ µû¶óÇϱ⡻, ¡ºÀ©µµ¿ì XP ¹«ÀÛÁ¤ µû¶óÇϱ⡻(±æ¹þ, 2005), ¡ºµå¸²À§¹ö 8 ¹«ÀÛÁ¤ µû¶óÇϱ⡻, ¡ºÁ¦·Îº¸µå ¹«ÀÛÁ¤ µû¶óÇϱ⡻¡ºµå¸²À§¹ö CS4 ¹«ÀÛÁ¤ µû¶óÇϱ⡻¡º¿¢¼¿°ú ÆÄ¿öÆ÷ÀÎÆ® 2007 ½Ç¹«¿Í È°¿ë¡»¡ºÀ©µµ¿ì 7 ¹«ÀÛÁ¤ µû¶óÇϱ⡻ ,¡ºHTML 5 + CSS 3¡»,¡ºDo it! HTML5 + CSS3¡»(ÀÌÁö½ºÆÛºí¸®½Ì, 2010), ¡ºDo it! HTML5 + CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡»(ÀÌÁö½ºÆÛºí¸®½Ì, 2013)µîÀÌ ÀÖ´Ù. Áö±Ýµµ ²ÙÁØÈ÷ Ã¥°ú ±â»ç¸¦ ¾²¸é¼ ÄÄÇ»ÅÍ °ÀǸ¦ ÁøÇàÇÏ°í ÀÖ´Ù. ¶Ç ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® »ç¿¡¼ °øÀÎÇÑ ÃÖ°í ±â¼ú Àü¹®°¡(Microsoft MVP)·Î ±¹³»¿Ü¿¡¼ È°µ¿ ÁßÀÌ´Ù.
|
Ãâó : ¿¹½º24 |
|
[ÃâÆÇ»ç ¼Æò]
±âÃÊ Å±׺ÎÅÍ ½ÃÀÛÇÑ´Ù! ¹®°ú»ýµµ ½±°Ô ¹è¿ï ¼ö Àִ å
¡¶Do it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡·Àº HTML¿¡ ´ëÇÑ »çÀü Áö½ÄÀÌ ÀüÇô ¾ø´õ¶óµµ ÀÌ Ã¥ ÇѱÇÀ» ÅëÇØ ±âº» ÀÌ·ÐÀº ¹°·Ð ½Ç¹«¸¦ ÁøÇàÇÒ ¼ö ÀÖÀ» Á¤µµ·Î ½ÇÁ¦ ¾÷¹«¿¡¼ ¾²´Â ű׸¦ ¸ðµÎ ¾Ë·ÁÁִ åÀÌ´Ù. HTML4ºÎÅÍ 5¿¡¼ »ç¿ëµÇ´Â ű׸¦ ±âÃÊ Å±׺ÎÅÍ ¸ðµÎ ´ã°í ÀÖ´Ù. ¹«Á¶°Ç ¿Ü¿ì¸ç ÇнÀÇÏ´Â °ÍÀÌ ¾Æ´Ñ, ±×´ë·Î º£²¸ ¾µ ¼ö ÀÖ´Â 150°³ ÀÌ»óÀÇ ¿¹Á¦¸¦ ÅëÇØ Å±װ¡ ¾î¶»°Ô »ç¿ëµÇ´ÂÁö ÀÌÇØÇϸç ÀÍÈú ¼ö ÀÖ´Ù.
1:1 °ú¿Ü È¿°ú¸¦ ´À³¥ ¼ö ÀÖ´Â ÀúÀÚÀÇ µ¿¿µ»ó °ÀÇ 30° ¹«·á Á¦°ø!
±Ûº¸´Ù ÇϳªÀÇ ¿µ»óÀ¸·Î º¸°í µéÀ¸¸ç ÇнÀÇÒ ¶§ ´õ ºü¸¥ ½ÀµæÀÌ °¡´ÉÇÒ ¶§°¡ ÀÖ´Ù. ±×·¡¼ ¡¶Do it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡·Àº °¢ Àå¿¡¼ Áß¿äÇÑ ³»¿ëÀ» ¤¾îÁÖ´Â µ¿¿µ»ó °ÀÇ 30°³¸¦ Á¦°øÇÑ´Ù. HTML °ü·Ã ºÐ¾ß¿¡¼ ¿©·¯ °ÀǸ¦ ÁøÇàÇØ¿Â ÀúÀÚ°¡ 1:1 °³ÀÎ °ÀǸ¦ ¹Þ´Â °Íó·³ µ¿¿µ»ó °ÀÇ·Î ´õ ½±°í ºü¸£°Ô ¹è¿ï ¼ö ÀÖµµ·Ï µµ¿Í ÁÙ °ÍÀÌ´Ù. ÆÌij½ºÆ®³ª À¯Æ©ºê¸¦ ÀÌ¿ëÇÏ¿© ½º¸¶Æ®ÆùÀ¸·Îµµ º¼ ¼ö ÀÖ¾î ÀÚÅõ¸® ½Ã°£À» È°¿ëÇÏ¿© ÇнÀÇÒ ¼öµµ ÀÖ´Ù.
HTML°ú CSSÀÇ ±ÇÀ§ÀÚ¿¡°Ô Á÷Á¢ ¹è¿ö¶ó!
ÀÌ Ã¥Àº ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¿¡¼ ¼¼°èÀûÀ¸·Î È°µ¿¼ºÀ» ÀÔÁõÇÑ Spotlight MVP(ÃÖ°í±â¼úÀü¹®°¡)ÀÌÀÚ, HTML Á¤º¸¸¦ Á¦°øÇÏ´Â UserAgents¿¡¼ À¥ Àü¹®°¡·Î È°µ¿ÇÏ´Â ÀúÀÚ °í°æÈñ ¼±»ýÀÌ ÁýÇÊÇÑ Ã¥ÀÌ´Ù. °í°æÈ÷ ¼±»ýÀº HTML5¸¦ ±¹³» ÀúÀڷδ óÀ½ ¿ì¸®³ª¶ó¿¡ ¼Ò°³ÇÏ¿© º£½ºÆ®¼¿·¯°¡ µÇ±âµµ ÇÑ ¡¶Do it! HTML5+CSS3¡· (¹Ù²ï ű׸¸ ºü¸£°Ô ¹è¿ì´Â ´Ü±â¿Ï¼º µµ¼) ÀúÀÚÀ̱⵵ ÇÏ´Ù. À̹ø Ã¥¿¡¼ ÀúÀÚ°¡ ¾ö¼±ÇÑ ´Ù¾çÇÑ ¿¹Á¦¿Í ½Ç½À ¼Ò½º¸¦ Á÷Á¢ ½ÇÇàÇÏ´Ù º¸¸é ±âº»ÀûÀÎ ÀÌ·Ð »Ó ¾Æ´Ï¶ó ½ÇÁ¦ À¥ µðÀÚÀÎÀ» Çϴ ȯ°æ¿¡¼µµ ¼Ò½º¸¦ Çؼ®ÇÏ°í ÀÀ¿ëÇÒ ¼ö ÀÖ´Â ½Ç·ÂÀ» °®Ãß°Ô µÉ °ÍÀÌ´Ù.
»ýÈ° ¼Ó¿¡¼, ½Ç¹«¿¡¼ ¹Ù·Î ½á¸ÔÀ» ¼ö ÀÖ°Ô ÇØÁִ å
ű״ ²À ¡®È¨ÆäÀÌÁö¸¦ ¸¸µé ¶§¸¸ »ç¿ëÇÑ´Ù?¡¯ ±×·¸Áö ¾Ê´Ù. ÀÌ Ã¥Àº ű׸¸ ¹è¿ì°í ³¡³ª´Â °Ô ¾Æ´Ï¶ó, ÀÌ ÅÂ±×¿Í ¼Ó¼ºÀ» »ýÈ° ¼Ó¿¡¼ ½á¸Ô´Â ¹æ¹ýÀ» ¾Ë·ÁÁØ´Ù. ¿¹¸¦ µé¾î ºí·Î±× ½ºÅ²À» ¿øÇÏ´Â °ÍÀ¸·Î ¹Ù²Ù¾î ȨÆäÀÌÁöó·³ ²Ù¹Ì°Å³ª È«º¸¿ë À̺¥Æ® ÆäÀÌÁö¿¡ À̹ÌÁö¸Ê ű׸¦ »ç¿ëÇÏ¿© ´Üü ¸ÞÀϸµÀ» ÇÏ´Â ¹æ¹ý µî Ã¥¿¡¼ ¹è¿î ÅÂ±×¿Í ¼Ó¼ºÀ» ÀÏ»ó»ýÈ°°ú ȸ»ç ¾÷¹«¿¡¼ ¹Ù·Î ½á¸ÔÀ» ¼ö ÀÖ´Â ´Ù¾çÇÏ°í ½Ç¿ëÀûÀÎ ¿¹Á¦µéÀ» Ãß°¡ÇØ ³õ¾Ò´Ù.
¸ñÇ¥ ´Þ¼ºÀ» µµ¿ÍÁÖ´Â ÆäÀ̽º ¸ÞÀÌÄ¿, ÁøµµÇ¥!
½º½º·Î ÇнÀÇÒ ¶§ °èȹÀ» ¼¼¿ö °øºÎÇÒ ¼ö ÀÖµµ·Ï °³ÀÎÀÇ ´É·Â¿¡ ¸Â´Â ÁøµµÇ¥¸¦ Á¦°øÇÑ´Ù. ÁøµµÇ¥¿¡´Â °¢ ÇнÀÀ» ÇÒ ¶§ ²À ±â¾ïÇؾßÇÒ ÇнÀ ¸ñÇ¥µµ Á¦½ÃÇÏ°í ÀÖ¾î ´õ ½±°Ô HTML°ú CSS¸¦ ¹è¿ï ¼ö ÀÖ´Ù. ÃʱÞÀÚ´Â 10ÁÖ 50ÀÏ µ¿¾È õõÈ÷ ÇнÀÇϸç ÀÍÈ÷´Â ÁøµµÇ¥¸¦ º¸¸é µÇ°í, Áß±ÞÀÚ´Â 5ÁÖ 25ÀÏ µ¿¾È ¿Ï·áÇÏ´Â °èȹÀ» µû¶ó°¡¸é ´õ ¼ö¿ùÇÏ°Ô ÇнÀÀ» ¸¶Ä¥ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
´ëÇÐ µî ±³À°±â°ü¿¡¼ ȯ¿µ¹Þ´Â Àα⠱³Àç ¿¹°¨!
°¢ À帶´Ù ¹è¿î °ÍÀ» ½ÇÇàÇغ¼ ¼ö ÀÖµµ·Ï µµÀü ¹Ì¼ÇÀ» Á¦°øÇÏ¿´´Ù. ¹Ì¼Ç¸¶´Ù ³À̵µ°¡ Ç¥½ÃµÇ¾î ÀÖ°í, ÀÀ¿ë¹®Á¦¸¦ Á¦½ÃÇÏ¿© ¹è¿î °Í(ùÊ)À» ´Ù½Ã ÀÍÈ÷°Ô(ã§)ÇÏ¿© ÇнÀ È¿°ú¸¦ ³ôÀÏ ¼ö ÀÖ°Ô ÇÏ¿´´Ù.
°¢ Àå¿¡¼ ¹è¿î À̷еµ ½º½º·Î Á¤¸®ÇÒ ¼ö ÀÖµµ·Ï Áß¿äÇÑ ³»¿ëÀ» ÄûÁî·Î ¹Ù²Ù¾î µÎ³ú¸¦ ÀÚ±ØÇÏ´Â ¹æ½ÄÀ¸·Î ¸¸µç Á¡µµ µ¸º¸ÀδÙ.
Ã¥¿¡ ´ëÇÑ Áú¹® ¹× ¼Ò½º ´Ù¿î·Îµå¸¦ ÇÒ ¼ö ÀÖ´Â °÷
¼Ò½º ´Ù¿î·Îµå http://cafe.naver.com/doithtml5
ÁúÀÇÀÀ´ä °Ô½ÃÆÇ http://cafe.naver.com/doithtml5 ¡æ [Q&A] ¸Þ´º |
Ãâó : ¾Ë¶óµò |

|
|
|
|