Ã¥¼Ò°³
ÀÌ Ã¥¿¡¼´Â À¥ µðÀÚÀο¡ ÇÊ¿äÇÑ3Step¸¸ µû¶ó°¡¸é ÀÎÅÍ·¢Æ¼ºê À¥ ¿¹Á¦ 9°³¸¦ ¿Ï¼ºÇÒ ¼ö ÀÖ´Ù. HTML5, CSS3, jQuery ¹®¹ý Áß ½Ç¹«¿¡¼ ÀÚÁÖ ¾²ÀÌ´Â ±¸¹® 40°³·Î ±âÃʸ¦ ´ÙÁø ÈÄ¿¡, 9°³ÀÇ ½ÇÀü ¿¹Á¦¸¦ ´Ü°èº°·Î µû¶óÇÏ¸é¼ ÀÚ¿¬½º·¹ ½Ç¹«°¨°¢À» ÀÍÈú ¼ö ÀÖ´Ù. ÀÌÁ¦ º¹ÀâÇÑ ¼³¸í ¾øÀÌ ÀÏ´Ü ÀÌ Ã¥¿¡ ¸ÂÃç ½ÇÀüºÎÅÍ ¹è¿ì¸é¼ ÀÎÅÍ·¢Æ¼ºê À¥ »çÀÌÆ®¸¦ ¸¸µé¾îº¸ÀÚ.
ÀúÀÚ°¡ Á÷Á¢ ¿î¿µÇÏ´Â ºí·Î±×(http://tubi55.blog.me))¿¡¼ ¡®À¥µðÀÚÀ̳ʸ¦ À§ÇÑ ±âÃÊ À¥Ç¥ÁØ ½Ç¹« ÄÚµù¡¯°ú ¡®HTML5, CSS3, jQuery Çʼö ±¸¹® Á¤¸® 40¡¯ µ¿¿µ»ó °ÀǸ¦ Á¦°øÇÑ´Ù. ¶ÇÇÑ Ã¥¿¡ °üÇÑ Áú¹®À» ºñ·ÔÇØ À¥¿¡ °üÇÑ ÃֽŠƮ·»µå Á¤º¸¸¦ Á¦°ø, ÀÌ Ã¥À» ÇнÀÇÑ ÀÌÈÄ¿¡µµ Áö¼ÓÀûÀ¸·Î À¥ ºÐ¾ß¸¦ ÇнÀÇÒ ¼ö ÀÖµµ·Ï Áö¼ÓÀûÀÎ A/S¸¦ Áö¿øÇÑ´Ù.
¸ñÂ÷
CHAPTER 1. ¿Ö ÀÎÅÍ·¢Æ¼ºê À¥Àΰ¡?
__1.1 »õ·Î¿î º¯ÈÀÇ ¹Ù¶÷, HTML5
__1.2 HTML5ÀÇ »ó¿ëÈ´Â °ú¿¬ ¾ðÁ¦?
__1.3 ³ÑÀ» ¼ö ¾ø´Â 4Â÷¿øÀÇ º®, JavaScript
__1.4 JavaScript vs jQuery
__1.5 ÀÛ¾÷ȯ°æ ¼³Á¤Çϱâ
__1.6 ¿¹Á¦ ÀÛ¾÷À» À§ÇÑ ÅÛÇø´ Æú´õ ±¸Á¶ ¹× ÆÄÀÏ ¸¸µé±â
CHAPTER 2. HTML5, CSS3, jQuery Çʼö ±¸¹® Á¤¸®
__SECTION 1 HTML5ÀÇ »õ·Î¿î ű×
__SECTION 2 ¡´video¡µ ű×
__SECTION 3 nth-child( )
__SECTION 4 text-shadow, box-shadow
__SECTION 5 border-radius
__SECTION 6 gradient
__SECTION 7 background-size
__SECTION 8 box-sizing
__SECTION 9 transform(2d º¯Çü)
__SECTION 10 transform(3d º¯Çü)
__SECTION 11 transition
__SECTION 12 animation
__SECTION 13 mediaquery
__SECTION 14 ±¸±Û À¥ ÆùÆ®
__SECTION 15 À¥ ÆùÆ® ¾ÆÀÌÄÜ
__SECTION 16 jQuery ¼±ÅÃÀÚ
__SECTION 17 .css( )
__SECTION 18 .attr( )
__SECTION 19 jQuery Ž»ö ±¸¹®
__SECTION 20 À̺¥Æ® ¿¬°áÇϱâ
__SECTION 21 .animate( )
__SECTION 22 º¯¼ö
_SECTION 23 ¹®ÀÚ¿, ¼ýÀÚ
_SECTION 24 ¿¬»êÀÚ
_SECTION 25 Á¶°Ç¹®(if¹®)
_SECTION 26 ¹Ýº¹¹®(for¹®)
_SECTION 27 $(this)
_SECTION 28 .index( )
_SECTION 29 .width( ), .height( )
_SECTION 30 .hide( ), .show( ), .fadeout( ), .fadeIn( )
_SECTION 31 .addClass( ), .removeClass( )
_SECTION 32 .text( )
_SECTION 33 .html( )
_SECTION 34 e.pageX, e.pageY
_SECTION 35 .scrollTop( )
_SECTION 36 .offset( ).top
_SECTION 37 .load( ), .play( ), .pause( )
_SECTION 38 new Date( )
_SECTION 39 setInterval( )
_SECTION 40 mousewheel.js
CHAPTER 3. ½ÇÀü ¿¹Á¦ ÀÛ¾÷Çϱâ
__SECTION 1¹è°æ µ¿¿µ»óÀ» È°¿ëÇÑ À¥ ÆäÀÌÁö
____1.1 ¿¹Á¦ µÑ·¯º¸±â
____1.2 Step by Step
____1.3 DESIGNER¡¯s INTERVIEW
__SECTION 2ȸéÀÇ Æø¿¡ µû¶ó º¯È´Â À¥ ·¹À̾ƿô(¹ÝÀÀÇü À¥)
____2.1 ¿¹Á¦ µÑ·¯º¸±â
____2.2 Step by Step
____2.3 DESIGNER¡¯s INTERVIEW
__SECTION 3ÀÔüÀûÀ¸·Î ȸÀüÇÏ´Â À¥ ·¹À̾ƿô
____3.1 ¿¹Á¦ µÑ·¯º¸±â
____3.2 Step by Step
____3.3 DESIGNER¡¯s INTERVIEW
__SECTION 4¸¶¿ì½º ¿À¹ö ½Ã, µ¿¿µ»óÀÌ Àç»ýµÇ´Â ÄÜÅÙÃ÷ ¹Ú½º
____4.1 ¿¹Á¦ µÑ·¯º¸±â
____4.2 Step by Step
____4.3 DESIGNER¡¯s INTERVIEW
__SECTION 5¸¶¿ì½º ¿òÁ÷ÀÓ¿¡ µû¶ó Á¦¾îµÇ´Â À̹ÌÁö ½ÃÄö½º
____5.1 ¿¹Á¦ µÑ·¯º¸±â
____5.2 Step by Step
____5.3 DESIGNER¡¯s INTERVIEW
__SECTION 6½Ã°£¿¡ µû¶ó ´Þ¶óÁö´Â À¥ µðÀÚÀÎ
____6.1 ¿¹Á¦ µÑ·¯º¸±â
____6.2 Step by Step
____6.3 DESIGNER¡¯s INTERVIEW
__SECTION 7¸¶¿ì½º ÈÙÀÇ ¿òÁ÷ÀÓ¿¡ µû¶ó ½ºÅ©·ÑµÇ´Â À¥ ÆäÀÌÁö
____7.1 ¿¹Á¦ µÑ·¯º¸±â
____7.2 Step by Step
____7.3 DESIGNER¡¯s INTERVIEW
SECTION 8°¡·Î·Î ½ºÅ©·ÑµÇ´Â °¶·¯¸® ÆäÀÌÁö
____8.1 ¿¹Á¦ µÑ·¯º¸±â
____8.2 Step by Step
____8.3 DESIGNER¡¯s INTERVIEW
SECTION 9 zÃàÀ¸·Î ½ºÅ©·ÑµÇ´Â À¥ ÆäÀÌÁö
____9.1 ¿¹Á¦ µÑ·¯º¸±â
____9.2 Step by Step
____9.3 DESIGNER¡¯s INTERVIEW