|
|
|
|
|
|
|
¸ñÂ÷ |
|
CHAPTER 1 HTML
1.1 ÀÎÅͳÝÀÇ ¿ø¸®¿Í ¿ª»ç
1.2 HTML5 Ư¡
1.2.1 HTML5ÀÇ µðÀÚÀÎ ¿øÄ¢
1.2.2 HTML5 ±â´É
1.2.3 º¯°æµÈ ¿ä¼Ò ű×
1.3 HTML5ÀÇ ÅÂ±×¿Í »ç¿ë¹ý
1.3.1 Notepad ++ ¼³Ä¡¿Í »ç¿ë¹ý
1.3.2 HTMLÀÇ ±¸Á¶
1.3.3 ¡´meta¡µ ű×
1.3.4 ¹®´Ü ű×
1.3.5 ¹®ÀÚű×
1.3.6 Çìµù(Heading) ű×
1.3.7 ¡´img¡µ
1.3.8 ¡´a¡µ ÇÏÀÌÆÛ¸µÅ© ű×
1.3.9 ¡´table¡µ
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 2 ÀÔ·Â ¾ç½Ä°ú ¼¹ö ±¸ÃàÇϱâ
2.1 ÀÔ·Â ¿ä¼Ò
2.1.1 ¡´form¡µ ¿ä¼Ò
2.1.2 ¡´input¡µ/¡´label¡µ
2.1.3 ¡´select¡µ, ¡´textarea¡µ
2.1.4 html5ÀÇ Ãß°¡µÈ Æû Çü½Ä
2.2 ¸ÖƼ¹Ìµð¾î Çü½Ä
2.2.1 ¡´audio¡µ
2.2.2 ¡´video¡µ
2.3 ¡´div¡µ¿Í ¡´iframe¡µ
2.4 À¥ ¼¹ö ±¸ÃàÇϱâ
2.4.1 ¹«·á À¥ »çÀÌÆ® ½ÅûÇϱâ
2.4.2 ftp È£½ºÆà Çϱâ
2.4.3 ÆÄÀÏ ¾÷·ÎµåÇϱâ
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 3 CSS
3.1 CSS3ÀÇ °³³ä
3.2 CSS3 Ư¡
3.3 CSS3 »ç¿ë¹ý
3.3.1 CSS3 ¹®¹ý
3.3.2 CSS3 Àû¿ë ¹æ¹ý
3.3.3 ¿ÜºÎ½ºÅ¸ÀϽÃÆ®
3.3.4 ³»ºÎ ½ºÅ¸ÀϽÃÆ®
3.3.5 ÀζóÀνºÅ¸ÀϽÃÆ®
3.3.6 ŸÀÔ/¾ÆÀ̵ð/Ŭ·¡½º ¼±ÅÃÀÚ
3.3.7 ÀÇ»ç ¼±ÅÃÀÚ
3.3.8 ÆùÆ®¿Í ÅؽºÆ® ¼Ó¼º
3.3.9 »ö»ó Ç¥Çö
3.3.10 °æ°è¼±(border)
3.3.11 ¹Ú½º(box)¿Í ±×¸²ÀÚ(shadow)
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 4 À¥ È¸é ¼³°è
4.1 ÄÜÅÙÃ÷ À§Ä¡
4.1.1 Ç¥½Ã(display)
4.1.2 ¸¶Áø(margin)°ú Æеù(padding)
4.1.3 À§Ä¡ ¼³Á¤(position)
4.1.4 °èÃþÈ(z-index)
4.1.5 Åõ¸í¼º(Opacity)
4.1.6 overflow
4.2 À¥ È¸é ¹èÄ¡(Layout)
4.2.1 float¿Í clear¼Ó¼º
4.2.2 ¹èÄ¡(layout)
4.2.3 ¸Þ´º ¹Ù(menu-bar)
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 5 ¹°Ã¼ÀÇ º¯Çü°ú ¾Ö´Ï¸ÞÀ̼Ç
5.1 2D º¯Çü(Transform)
5.2 3D º¯È¯(Transform)
5.3 ¹°Ã¼ÀÇ ÀüÀÌ(Transitions)
5.4 ¾Ö´Ï¸ÞÀ̼Ç(Animation)
5.4.1 Å° ÇÁ·¹ÀÓ(Key frame)
5.4.2 °æ°è¼± º¯È ¾Ö´Ï¸ÞÀ̼Ç
5.4.3 À̵¿ ¾Ö´Ï¸ÞÀ̼Ç
5.4.4 ¹Ýº¹ ¾Ö´Ï¸ÞÀ̼Ç
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 6 ÀÚ¹Ù½ºÅ©¸³Æ®
6.1 ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò°³
6.2 ÀÚ¹Ù½ºÆ®¸³Æ® À§Ä¡
6.3 ÀÚ¹Ù½ºÆ®¸³Æ® ¹®¹ý
6.3.1 ¼±¾ð¹®(statement)
6.3.2 Ãâ·Â¹®(output)
6.3.3 º¯¼ö(Variable)¿Í Å°¿öµå(Keyword)
6.3.4 ¿¬»êÀÚ(Operators)
6.3.5 ÇÔ¼ö(function)
6.3.6 À¯¿ëÇÑ ÇÔ¼ö
6.4 Á¶°Ç Á¦¾î¹®(conditional statements)
6.4.1 if else¹®
6.4.2 switch ¹®
6.5 ¹Ýº¹¹®
6.5.1 for ¹®
6.5.2 while ¹®
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 7 ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼(Object)
7.1 °´Ã¼¶õ?
7.2 °´Ã¼ÀÇ »ý¼º
7.3 ÇÁ·ÎÅäŸÀÔ(Prototype)
7.4 ³»À尴ü
7.4.1 String °´Ã¼
7.4.2 Number °´Ã¼
7.4.3 Math °´Ã¼
7.4.4 Date °´Ã¼
7.4.5 Array °´Ã¼
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 8 HTML5 DOM°ú À̺¥Æ®
8.1 HTML5 DOM(Document Object Model)
8.2 DOM ÇÁ·Î±×·¡¹Ö
8.3 DOM ³ëµåÀÇ °ü°è
8.4 javascript DOM À̺¥Æ®
8.4.1 onClick()
8.4.2 onLoad()
8.4.3 onChange()
8.4.4 onMouseOver()/onMouseOut()
8.4.5 onMouseDown()/onMousetUp()
8.4.6 onFocus()
8.5 BOM(Browser Object Model)
8.5.1 Window °´Ã¼
8.5.2 Screen °´Ã¼
8.5.3 Location °´Ã¼
8.5.4 navigator °´Ã¼
8.6 addEventListener()
°úÁ¦
Âü°í»çÀÌÆ®
CHAPTER 9 JQuery
9.1 JQuery ¶óÀ̺귯¸®
9.2 jQuery ¹®¹ý
9.3 jQuery À̺¥Æ®(event)
9.3.1 click()/dbclick()
9.3.2 mouseDown()/mouseUp()
9.3.3 mouseenter()/mouseleave()
9.3.4 focus()/blur()
9.3.5 on()
9.4 jQuery È¿°ú
9.4.1 hide()/show()
9.4.2 fade()
9.4.3 slide()
9.4.4 animate()
9.5 jQuery¿Í DOM
9.5.1 html ¿ä¼ÒÀÇ Ã³¸®
9.5.2 html ¿ä¼ÒÀÇ Ãß°¡ »èÁ¦
9.5.3 css()
°úÁ¦
Âü°í»çÀÌÆ® |
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|