ÄÁÅÙÃ÷»ó¼¼º¸±â

HTML5+CSS3 Programming
HTML5+CSS3 Programming
  • ÀúÀÚ±èÀ¯Áø
  • ÃâÆÇ»ç¾ÆƼ¿À
  • ÃâÆÇÀÏ2016-10-10
  • µî·ÏÀÏ2017-02-20
º¸À¯ 2, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 22, ´©Àû¿¹¾à 0

Ã¥¼Ò°³



ƯÁ¤ À¥»çÀÌÆ®¸¦ ¹æ¹®ÇßÀ» ¶§ µðÀÚÀÎÀÌ ¿¹»Ú´Ù¸é Çѹø ´õ ¸¶À½ÀÌ ²ø¸®´Â °ÍÀº ´ç¿¬ÇÒ °ÍÀÌ´Ù. À̴ ¾îÇø®ÄÉÀ̼ǿ¡¼­ UI°¡ ±×¸¸Å­ Áß¿äÇϴٴ ÀǹÌÀ̱⵵ ÇÏ´Ù. À̠åÀº HTML, CSS, JAVASCRIPT µîÀÇ ¾ð¾î¸¦ »ç¿ëÇϴ ±âº» ¹æ¹ýºÎÅÍ ³ª¾Æ°¡ UI °³¹ß¿¡ È°¿ëÇϴ ¹æ¹ý±îÁöÀÇ Àü¹ÝÀûÀΠ³»¿ëÀ» ½ÇÀü ¿¹Á¦¸¦ Áß½ÉÀ¸·Î °ú¿Ü ¼±»ý´ÔÀÌ ¿·¿¡¼­ ¼³¸íÇϵí Â÷±ÙÂ÷±ÙÇÏ°Ô ¹¦»çÇÏ¿© Áß±ÞÀÚ ´Ü°è±îÁö ¿Ã¶ó¼³ ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´´Ù.

ÀúÀÚ¼Ò°³



ÀúÀÚ : ±èÀ¯Áø

ÀúÀÚ ±èÀ¯Áø

¡¤ ÇÁ·Î±×·¡¹ÖÀÇ ´Ù¾çÇÑ °ü·Ã ±â¼úÀ» ¼··ÆÇÑ ÈÄ »ï¼º¸ÖƼķÆÛ½º, ºñÆ®±³À°¼¾ÅÍ, HP ±³À°¼¾ÅÍ µîÀÇ ±â¾÷°ú ¿©·¯ ´ëÇп¡¼­ ÀÚ¹Ù¿Í ¾Èµå·ÎÀ̵堰ü·Ã °­ÀǸ¦ ÁøÇàÇÏ¿´½À´Ï´Ù.

¡¤ ÇöÀç´Â Çѱ¹Á¤º¸±â¼ú¿ø¿¡¼­ ÀÚ¹Ù¸¦ ºñ·ÔÇÏ¿© ¾Èµå·ÎÀ̵å ÇÁ·ÎÁ§Æ® ÅõÀÔÀ» À§ÇØ ±³À°ÀÌ ÇÊ¿äÇÑ °³¹ßÀÚ³ª ¸ð¹ÙÀÏ ¾îÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ°í ½ÍÀº °³¹ßÀÚ ¹× ÇлýÀ» À§ÇÑ ´Ù¾çÇÑ ±³À°À» ÁøÇàÇÏ°í ÀÖ½À´Ï´Ù.



Àú¼­ 

¡¤ ÀÓº£µðµå ÇÁ·Î±×·¡¹Ö C ÄÚµå ÃÖÀûÈ­ - ÇѺû¹Ìµð¾î 

¡¤ ÀÌ°Ô ÁøÂ¥ ÀÚ¹Ù ÇÁ·Î±×·¡¹ÖÀÌ´Ù - ¿µÁø¹Ìµð¾î 

¡¤ ÀÌ°Ô ÁøÂ¥ C ÇÁ·Î±×·¡¹ÖÀÌ´Ù - ¿µÁø¹Ìµð¾î 

¡¤ ÀÌ°Ô ÁøÂ¥ C++ÇÁ·Î±×·¡¹ÖÀÌ´Ù - ¿µÁø¹Ìµð¾î 

¡¤ .¾Èµå·ÎÀ̵å ÇÁ·Î±×·¡¹Ö - ¾ÆƼ¿À

¡¤.ÀÚ¹Ù À¥ ÇÁ·Î±×·¡¹Ö - ¾ÆƼ¿À

¸ñÂ÷

Á¦01Àå À¥ ÆäÀÌÁöÀÇ ±âº» »À´ë HTML 

 1. HTML ¹®¼­ÀÇ ±¸Á¶

 2. °³¹ß È¯°æ ±¸Ãà

 3. HTML Å±נÀÛ¼º¹ý°ú ¼Ó¼º

 4. HTML ¹öÀü°ú HTML5ÀǠƯ¡



Á¦02Àå HTML ±âº» Å±נ

 1. ´Ü¶ôÀ» ±¸¼ºÇϴ Å±׵é

 2. Æ÷¸ËÆÃ(Formatting) ¿ä¼Ò

 3. HTML ÄÜÅÙÃ÷¿¡ ½ºÅ¸ÀÏ Àû¿ë

 4. ÆäÀÌÁö À̵¿

 5. °æ·Î Ç¥Çö

 6. À̹ÌÁö Ãâ·Â

 7. Å×À̺í

 8. ¸®½ºÆ® Ãâ·Â

 9. ºí·Ï Á¦¾î 

 10. Æû Á¦¾î



Á¦03Àå CSS·Î À¥ ÆäÀÌÁö ²Ù¹Ì±â 

 1. CSSÀÇ ÀÛ¼º¹ý

 2. »ö»ó Ç¥Çö 

 3. ÅؽºÆ® 

 4. ÆùÆ® 

 5. Å©±â Á¦¾î 

 6. À§Ä¡ Á¦¾î 

 7. ¸¶Áø°ú Æеù 

 8. ¹è°æ Á¦¾î 

 9. Å׵θ® Á¦¾î

 10. ¸ñ·Ï¿¡ ½ºÅ¸ÀÏ Àû¿ë



Á¦04Àå HTML5¿¡ Ãß°¡µÈ ÀǹÌÀû/±¸Á¶Àû Å±׿͠Æû ¼Ó¼º

 1. ÀǹÌÀû(Semantic) Å±נ

 2. ±¸Á¶Àû(Structural) Å±נ

 3. HTML5¿¡ Ãß°¡µÈ Æû °ü·Ã ¿ä¼Ò 

 4. HTML5¿¡ Ãß°¡µÈ input Å¸ÀÔ 



Á¦05Àå CSS·Î À¥ ÆäÀÌÁö ·¹À̾ƿô°ú ¿ä¼Ò Á¦¾î 

 1. CSS ·¹À̾ƿô(Layout)

 2. ¼±ÅÃÀÚ Á¶ÇÕ 

 3. ¼Ó¼º ¼±ÅÃÀÚ 

 4. »óÅ ¼±ÅÃÀÚ(Pseudo-Class) 

 5. ¿ä¼Ò ºÎºÐ ¼±ÅÃÀÚ 



Á¦06Àå CSSÀÇ ´Ù¾çÇÑ È°¿ë 

 1. Å×ÀÌºí ²Ù¹Ì±â  

 2. CSS·Î ³×ºñ°ÔÀ̼Ǡ¹Ù(Navigation Bar) ¸¸µé±â 

 3. µå·Ó ´Ù¿î(Dropdown) 

 4. ÅøÆÁ(Tooltip) 

 5. À̹ÌÁö ²Ù¹Ì±â 

 6. Æû ²Ù¹Ì±â 

 7. ±×¸²ÀÚ È¿°ú ÁÖ±â 



 Á¦07Àå HTML ±×·¡ÇÈ°ú ¸ÖƼ¹Ìµð¾î 

 1. Äµ¹ö½º(Canvas) 

 2. SVG(Scalable Vector Graphics) 

 3. HTML ¸ÖƼ¹Ìµð¾î 

 4. ¿Àµð¿À 

 5. ºñµð¿À 



Á¦08Àå ÀÚ¹Ù½ºÅ©¸³Æ®(JavaScript) 

 1. ÀÚ¹Ù½ºÅ©¸³Æ® ÀÛ¼º¹ý 

 2. ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» ¹®¹ý 

 3. ¿¬»êÀÚ 

 4. Á¦¾î¹® 

 5. ÀÚ¹Ù½ºÅ©¸³Æ® ¸Þ½ÃÁö ¹Ú½º 

 6. ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö

 7. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ À̺¥Æ® Ã³¸® 

 8. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Æû Á¦¾î 



Á¦09Àå HTML DOM(Document Object Model) 

 1. DOMÀÇ Á¤ÀÇ 

 2. DOM ¿ä¼ÒÀÇ Á¢±Ù ¹æ¹ý 

 3. DOM CSS 

 4. DOM À̺¥Æ® 

 5. DOM À̺¥Æ® ¸®½º³Ê(Listener)

 6. DOM ³ëµå¿Í ³ëµå Å½»ö 

 7. HTML ¿ä¼Ò Ãß°¡ ¹× Á¦°Å



Á¦10Àå HTML API 

 1. µå·¡±× ¾Ø µå·Ó(Drag and Drop) 

 2. À§Ä¡ ¼­ºñ½º 

 3. µ¥ÀÌÅÍ ·ÎÄàÀúÀå