|
|
|
|
|
|
|
Ã¥³»¿ë |
|
ÀÌ Ã¥Àº HTML5 À¥ÇÁ·Î±×·¡¹ÖÀ» óÀ½ ÇнÀÇÏ´Â µ¶Àڵ鿡°Ô ½ÇÀü Å׸¶¸¦ ÅëÇÏ¿© ¼Õ½±°Ô À¥ÇÁ·Î±×·¡¹Ö¿¡ ´Ù°¡¼³ ¼ö ÀÖµµ·Ï ÇÕ´Ï´Ù. HTML°ú CSS, JavaScript¿Í jQuery°¡ dzºÎÇÑ ¿¹Á¦¿Í ÇÔ²² ¼³¸íµÇ¾î ÀÖ¾î¼ µ¶ÀÚµéÀº ±×´ë·Î µû¶óÇϱ⸸ Çϸé ÃֽŠÀ¥±â¼ú¿¡ ´ëÇÑ ½Ç·ÂÀ» ½×À» ¼ö ÀÖ½À´Ï´Ù.
*ÃâÆÇ»ç ¸®ºä
À¥ Ç÷§ÆûÀÇ ±âº»Àº HTML°ú CSS
-ÀÌ Ã¥¿¡¼´Â À¥ Ç¥ÁØÀÌ ¹«¾ùÀÎÁö, ¿Ö ÇÊ¿äÇÑÁö »Ó¸¸ ¾Æ´Ï¶ó HTML5¿Í CSS3¿¡ ´ëÇÑ ±âº» Á¤º¸¸¦ ¾Ë·ÁÁÖ°í ÀÌ ±â¼úÀ» ÀÌ¿ëÇÏ¿© À¥ »çÀÌÆ®¸¦ ±¸¼ºÇÏ´Â ¹æ¹ý±îÁö ²Ä²ÄÇÏ°Ô ¼³¸íÇÏ°í ÀÖ½À´Ï´Ù. ´©±¸º¸´Ù ºü¸£°Ô ÀÎÅÍ³Ý ½Å±â¼úÀ» ÀÍÇôº¸¼¼¿ä
¾î¶² ±â±â¿¡¼µµ ½ÇÇàµÇ´Â ÀÚ¹Ù½ºÅ©¸³Æ®
-À¥ °³¹ßÀÚ»Ó¸¸ ¾Æ´Ï¶ó À¥ µðÀÚÀ̳ʳª À¥ ÆÛºí¸®¼Å °°Àº À¥ °ü·Ã Á÷Á¾¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®´Â ²À °øºÎÇØ¾ß ÇÒ ¾ð¾îÀÔ´Ï´Ù. ÀÌ Ã¥¿¡¼´Â ²À ¾Ë¾ÆµÎ¾î¾ß ÇÒ ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» ¹®¹ýÀ» ü°èÀûÀ¸·Î ¼³¸íÇÏ°í Àֱ⠶§¹®¿¡ ´©±¸³ª ½±°Ô ¹è¿ï ¼ö ÀÖ½À´Ï´Ù
jQuery¸¸ ÀÖÀ¸¸é ôô!
-jQuery¸¦ óÀ½ ¹è¿ì´õ¶óµµ °ÆÁ¤ÇÏÁö ¸¶½Ê½Ã¿À. jQueryÀÇ ±âÃʺÎÅÍ Â÷±ÙÂ÷±Ù ¼³¸íÇÏ°í ÀÖÀ¸´Ï±î¿ä. ±×¸®°í jQuery¸¦ »ç¿ëÇØ À¥ ¹®¼¿¡ Á¢±ÙÇÏ°í À¥ ¹®¼¸¦ ¼öÁ¤ÇÏ´Â ³»¿ë±îÁö ÇÔ²² ´Ù·ç°í ÀÖ½À´Ï´Ù. |
|
¸ñÂ÷ |
|
PART£±¡¡HTML & CSS
1. HTML ±âÃÊ
-HTMLÀ̶õ?
-HTML ¹®¼ÀÇ ±âº» ±¸Á¶
2. ÃàÁ¦ ÀÏÁ¤ ÆäÀÌÁö ¸¸µé±â
-¹®¼ÀÇ ±¸Á¶¸¦ ¼³¸íÇÏ´Â ½Ã¸Çƽ ű×
-´Ù¾çÇÏ°Ô ±ÛÀÚ Ç¥½ÃÇϱâ
-¸ñ·ÏÀ» ¸¸µå´Â ű׵é
3. Èú¸µÀ» À§ÇÑ À½¾Ç °¨»ó ÆäÀÌÁö ¸¸µé±â
-À̹ÌÁö »ðÀÔÇϱâ
-¡¶object¡· ÅÂ±×¿Í ¡¶embed¡· ÅÂ±× »ç¿ëÇϱâ
-HTML5¿Í ºñµð¿À
4. ¼¼¹Ì³ª Á¢¼ö¸¦ À§ÇÑ Æû ¸¸µé±â
-Æû(form)À̶õ?
-ÆûÀ» »ðÀÔÇϱâ À§ÇÑ ±âº» ű׵é
-¡¶input¡· ű×ÀÇ À¯Çüµé
-HTML5¿¡ »õ·Î Ãß°¡µÈ ¡¶input¡· ÅÂ±× À¯Çüµé
-±âŸ Æû ¿ä¼Òµé
-HTML5¿¡ »õ·Î Ãß°¡µÈ ¡¶input¡· ű×ÀÇ ¼Ó¼ºµé
5. CSS·Î ½ÅÀÔ»ý ȯ¿µÈ¸ Æ÷½ºÅÍ ¸¸µé±â
-½ºÅ¸ÀϽÃÆ®¶õ?
-»ö»ó°ú ¹è°æ °ü·Ã ¼Ó¼º
-ÅؽºÆ® °ü·Ã ¼Ó¼ºµé
-¸µÅ© °ü·Ã ¼Ó¼º
6. CSS·Î µ¿¾Æ¸® È«º¸ ¸®Ç÷¿ ¸¸µé±â
-¹Ú½º ¸ðµ¨
-CSS3¿¡ Ãß°¡µÈ ¹Ú½º ¸ðµ¨ ¼Ó¼º
-º¯Çü(transform)°ú Æ®·£Áö¼Ç
PART£² JavaScript
7. JavaScript ±âÃÊ
-ÀÚ¹Ù½ºÅ©¸³Æ®¶õ?
-µ¥ÀÌÅÍ À¯Çü
-¿¬»êÀÚ
8. ½Ç½À½Ç Á¼® ¹èÄ¡µµ ¸¸µé±â
-´ëÈ »óÀÚ
-Á¶°Ç¹®
-¹Ýº¹¹®
-ÇÔ¼ö
9. ³ªÅ¸³µ´Ù »ç¶óÁö´Â ¼ºê ¸Þ´º ¸¸µé±â
-HTML DOM
-DOM ¿ä¼Ò¿¡ Á¢±ÙÇÏ´Â ¹æ¹ý
-HTML DOM ³ëµå ¸®½ºÆ®
-DOM¿¡¼ »õ·Î¿î ¿ä¼Ò Ãß°¡Çϱâ
PART£³ jQuery
10. jQuery ±âÃÊ
-jQuery¶õ?
-jQuery ±âº» ±¸¹®
-jQuery ±âº» ¼¿·ºÅÍ ¾Ë¾Æº¸±â
-±âŸ ¼¿·ºÅÍ
11. jQuery·Î À¥ ¹®¼ ¼öÁ¤Çϱâ
-HTML ÄÜÅÙÃ÷ ¼öÁ¤ ¹× Ãß°¡Çϱâ
-attr() ¸Þ¼µå·Î ¹®¼ ¼Ó¼º ÆíÁýÇϱâ
-Class ¼Ó¼º ÆíÁýÇϱâ
-css() ¸Þ¼µå·Î ¹®¼ ½ºÅ¸ÀÏ Á¦¾îÇϱâ
-HTML DOMÀ» ÀÌ¿ëÇØ À¥ ¿ä¼Ò ÆíÁýÇϱâ
12. ´Ù¾çÇÑ È¿°ú¸¦ ÀÌ¿ëÇØ Æ÷Åä ¾Ù¹ü ¸¸µé±â
-¼±ÅÃÇÑ ¿ä¼Ò¸¦ º¸¿©Áְųª °¨Ãß±â
-½½¶óÀ̵å È¿°ú
-¾Ö´Ï¸ÞÀ̼Ç
PART£´ ½ÇÀü ÇÁ·ÎÁ§Æ®
13. ½ÇÀü À¥ »çÀÌÆ® ¸¸µé±â
-CSS¸¦ ÀÌ¿ëÇÑ ¸Þ´º ¸¸µé±â
-jQuery Ç÷¯±×ÀÎÀ» ÀÌ¿ëÇÑ À̹ÌÁö ½½¶óÀÌµå ¼î ¸¸µé±â |
|
|
|
ÀúÀÚ
|
|
°í°æÈñ
È«ÀÍ´ëÇб³ ÀüÀÚ°è»êÇаú, µ¿´ëÇпø ÄÄÇ»ÅÍ°øÇаú¿¡¼ ¼®»ç °úÁ¤À» ¼ö·áÇß´Ù. Ä·ÆÛ½º 21(www.campus21.co.kr)°ú ¹è¿ò³ª¶ó(www.estudy.co.kr) µî¿¡¼ ¿Â¶óÀÎ °ÀǸ¦ ÁøÇàÇÏ¸ç ¿©·¯ ÄÄÇ»ÅÍ ÀâÁö¿¡ ±ÛÀ» ±â°íÇß´Ù. Microsoft MVP(±¹Á¦°øÀαâ¼úÀü¹®°¡)·Î ¼±Á¤µÇ¾î À©µµ¿ì¿Í ÆÄ¿öÆ÷ÀÎÆ® ºÐ¾ß µî¿¡¼ Àü¹®°¡·Î È°µ¿ÇÏ°í ÀÖ´Ù. ¶ÇÇÑ ¾îµµºñÀÇ µå¸²À§¹ö ÆÄ¿öÀ¯Àú ±×·ì ¸Å´ÏÀúÀ̱⵵ ÇÏ¸ç ´Ù¼öÀÇ ¼ÀûÀ» ÁýÇÊ ¹× ¹ø¿ªÇÏ°í ÀÖ´Ù.
Àú¼·Î´Â [µå¸²À§¹ö MX 2004 ¹«ÀÛÁ¤ µû¶óÇϱâ](±æ¹þ, 2002), [ȸ»ç¿¡¼ ¹Ù·Î ÅëÇÏ´Â ÆÄ¿öÆ÷ÀÎÆ® 2003](ÇѺû¹Ìµð¾î, 2005), [Å׸¶°¡ ÀÖ´Â HTML ¹«ÀÛÁ¤ µû¶óÇϱâ], [HTML + CSS + ÀÚ¹Ù½ºÅ©¸³Æ® ¹«ÀÛÁ¤ µû¶óÇϱâ], [ÀÎÅÍ³Ý ¹«ÀÛÁ¤ µû¶óÇϱâ], [À©µµ¿ì XP ¹«ÀÛÁ¤ µû¶óÇϱâ](±æ¹þ, 2005), [µå¸²À§¹ö 8 ¹«ÀÛÁ¤ µû¶óÇϱâ], [Á¦·Îº¸µå ¹«ÀÛÁ¤ µû¶óÇϱâ], [µå¸²À§¹ö CS4 ¹«ÀÛÁ¤ µû¶óÇϱâ], [¿¢¼¿°ú ÆÄ¿öÆ÷ÀÎÆ® 2007 ½Ç¹«¿Í È°¿ë], [À©µµ¿ì 7 ¹«ÀÛÁ¤ µû¶óÇϱâ], [HTML5 + CSS3], [Do it! HTML5 + CSS]3(ÀÌÁö½ºÆÛºí¸®½Ì, 2010), [Do it! HTML5 + CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®](ÀÌÁö½ºÆÛºí¸®½Ì, 2013) µîÀÌ ÀÖ´Ù.
|
ÆÄ¿öÆ÷ÀÎÆ® 2007 ½Ç¹«¿Í È°¿ë | °í°æÈñ | ÇѺû¾ÆÄ«µ¥¹Ì
ÆÄ¿öÆ÷ÀÎÆ® 2010 ½Ç¹«¿Í È°¿ë | °í°æÈñ | ÇѺû¾ÆÄ«µ¥¹Ì
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|