¹Ýµð¾Ø·ç´Ï½º ÀÎÅͳݼ­Á¡

³×ºñ°ÔÀÌ¼Ç ½Ç½Ã°£ Àαâ Ã¥

    ¸ð´ø À¥ µðÀÚÀÎÀ» À§ÇÑ HTML5+CSS3 ÀÔ¹® PC, ÅÂºí¸´, ¸ð¹ÙÀÏ À¥ ÆäÀÌÁö¸¦ ÇÑ ¹ø¿¡ ³¡³»´Â µðÀÚÀÎ ÀÔ¹®¼­

    • À±Àμº Àú
    • ÇѺû¹Ìµð¾î
    • 2012³â 09¿ù 05ÀÏ
    • Á¤°¡
      30,000¿ø
    • ÆǸŰ¡
      27,000¿ø [10% ÇÒÀÎ]
    • °áÁ¦ ÇýÅÃ
      ¹«ÀÌÀÚ
    • Àû¸³±Ý
      1,500¿ø Àû¸³ [5%P]

      NAVER Pay °áÁ¦ ½Ã ³×À̹öÆäÀÌ Æ÷ÀÎÆ® 5% Àû¸³ ?

    Ç°ÀýµÈ »óÇ°ÀÔ´Ï´Ù.

    ÀÌÃ¥ÀÇ °³Á¤ÆÇ Á¤º¸

    ¸ð´ø À¥ µðÀÚÀÎÀ» À§ÇÑ HTML5+CSS3 ÀÔ¹®[°³Á¤ÆÇ] À±Àμº Àú | ÇѺû¹Ìµð¾î | 2015³â 01¿ù [Ç°Àý]

    ȸ¿ø¸®ºä
    - [0]
    ISBN: 9788979149555 600ÂÊ 188 x 253 (§®)

    Áö±Ý ÀÌÃ¥Àº

    ÀÌ ºÐ¾ßÀÇ º£½ºÆ®¼¿·¯

    ÀÌ Ã¥°ú ÇÔ²² ±¸¸ÅÇÑ Ã¥

    ÃâÆÇ»ç ¸®ºä

    ¿¹Á¦ ¹× HTML5+CSS3 À϶÷Ç¥ Á¦°ø: www.hanb.co.kr/exam/1955

    ÀÌ Ã¥ÀÌ Á¦½ÃÇÏ´Â ÇÙ½É ³»¿ë
    À¥ µðÀÚÀÎÀ» óÀ½ ¹è¿ì´Â µ¶ÀÚ¸¦ À§ÇÑ HTML5+CSS3 À¥ µðÀÚÀÎ ±³°ú¼­

    ¾î¶² µ¶ÀÚ¸¦ À§ÇÑ Ã¥Àΰ¡?
    À¥ µðÀÚÀÎÀ» óÀ½ ¹è¿ìÁö¸¸, HTML5¿Í CSS3±îÁö ÇÑ ¹ø¿¡ ¹è¿ì°í ½ÍÀº ÇлýÀ̳ª Ãʺ¸ÀÚ
    À¥ µðÀÚÀÎÀ» ¾ËÁö¸¸ HTML5¿Í CSS3¸¦ ÇнÀÇÏ·Á´Â µðÀÚÀ̳ʳª °³¹ßÀÚ
    ÅÂºí¸´, ¸ð¹ÙÀÏ À¥ »çÀÌÆ® µðÀÚÀΰú ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» Çغ¸°í ½ÍÀº µ¶ÀÚ

    ½Ã´ëÀÇ È帧¿¡ ¸ÂÃç ´Ù½Ã ¾´ À¥ µðÀÚÀÎ ±³°ú¼­
    HTML4, CSS2¿Í HTML5, CSS3°¡ ¹«¾ùÀÎÁö ¸ô¶óµµ ¹è¿ï ¼ö ÀÖ´Â À¥ µðÀÚÀÎ ±³°ú¼­´Ù. HTML4, CSS2¿Í HTML5, CSS3ÀÇ Â÷À̸¦ ±¸ºÐÇÏ°í, ¾î¶² °ÍÀº ½áµµ µÇ°í, ¾î¶² °ÍÀº ½áµµ ¾È µÇ´ÂÁö ¾Ë¾Æ¾ß ÇÏ°í, ¾î¶² °ÍÀº HTML4ÀÌ°í, HTML5´Â ¹«¾ùÀÌ ´Ù¸¥Áö ¾Ë¾Æ¾ß ÇÏ´Â º¹ÀâÇÑ °øºÎ¹æ¹ýÀº ÇÊ¿ä ¾ø´Ù. À¥ µðÀÚÀÎ °æÇèÀÌ ¾ø¾îµµ, HTML°ú CSS°¡ ¹«¾ùÀÎÁö ¸ô¶óµµ ¹Ù·Î À¥ µðÀÚÀÎÀ» ½ÃÀÛÇÒ ¼ö ÀÖ´Ù. À¥ µðÀÚÀÎÀº ÀÌ ÇÑ ±ÇÀ¸·Î ³¡³½´Ù!

    ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾ø´Â HTML5 Ã¥Àº ¾îµð ¾ø³ª¿ä? HTML5 µðÀÚÀÎÀÌ ¾Ë°í ½ÍÀ» »ÓÀÌ¿¡¿ä!
    ÀÌ Ã¥Àº ºÎ·Ï ÀϺθ¦ Á¦¿ÜÇÏ¸é º»¹® Àüü¿¡¼­ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾ø´Ù. À¥ µðÀÚÀεµ ¸ð¸£´Âµ¥ HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¼¯¾î³ö¼­ ºÒ¸¸À̾ú´Ù¸é ÀÌ Ã¥ÀÌ Á¤´äÀÌ´Ù. ¼ø¼öÇÏ°Ô À¥ µðÀÚÀÎÀ» °øºÎÇÏ°í ½ÍÀº µ¶ÀÚ, HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¼¯¾î³ö¼­ °øºÎÇϱ⠾î·Á¿ü´ø µ¶ÀÚ, À¥ µðÀÚÀÎÀ» ¸ÕÀú ¹è¿ì°í ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ °øºÎÇÏ°í ½ÍÀº µ¶ÀÚ¸¦ À§ÇÑ Ã¥ÀÌ´Ù. À¥ µðÀÚÀο¡ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ´õÇØ µ¿ÀûÀ¸·Î ¸¸µé°í ½Í´Ù¸é Àڸż­ ¡º¸ð´ø À¥À» À§ÇÑ JavaScript + jQuery ÀÔ¹®¡»À» º¸¸é µÈ´Ù.

    ½ºÅ¸ÀϸµÀ¸·Î ¹è¿ì´Â À¥ µðÀÚÀÎ. ÅÂ±×¿Í ¼Ó¼º¸¸ ³ª¿­Çϴ å¿¡ ÁöÃƾî¿ä!
    ÃֽŠ±â¼úÀÎ HTML5¿Í CSS3¸¦ ´Ü°èº°·Î ÇнÀÇÏ°í, À¥ »çÀÌÆ® µðÀÚÀÎÀ» Á÷Á¢ µû¶óÇϸ鼭 HTML5¿Í CSS3¸¦ ¾î¶»°Ô ÀÀ¿ëÇÏ´ÂÁö ¼³¸íÇϹǷΠ´Ü¼øÇÑ ÅÂ±× ³ª¿­ÀÌ ¾Æ´Ï¶ó ½ºÅ¸ÀÏÀ» ¿Ï¼ºÇÏ´Â ¹æ¹ýÀ» ÀÚ¿¬½º·´°Ô Å͵æÇÑ´Ù. PC¿ë À¥ ÆäÀÌÁö ½Ã¾ÈÀ» ¸¸µé¾îº¸°í, ½º¸¶Æ®ÆùÀ» À§ÇÑ ¸ð¹ÙÀÏ À¥ ÆäÀÌÁö Á¦ÀÛ, ÅÂºí¸´À» À§ÇÑ À¥ ÆäÀÌÁö Á¦ÀÛÀ» µû¶óÇÏ´Â ±¸¼ºÀ̹ǷΠ¾î¶² À¥ »çÀÌÆ® µðÀÚÀο¡µµ ´ëÀÀÇÒ ¼ö ÀÖ´Ù. °¡»óÀÇ ¼Ò¼ÈÄ¿¸Ó½º¸¦ ¸¸µé¾î ½ÇÁ¦¿Í °°Àº À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇغ»´Ù. ¶ÇÇÑ, ÇÑ ¹ø µðÀÚÀÎÇؼ­ PC, ½º¸¶Æ®Æù, ÅÂºí¸´ µîÀÇ ´Ù¾çÇÑ Å©±âÀÇ È­¸é¿¡ ´ëÀÀÇÏ´Â ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» »ìÆ캸°í, À¥ µðÀÚÀο¡ ¾²ÀÌ´Â Á¤Àû ±×¸®µå ½Ã½ºÅÛ, µ¿Àû ±×¸®µå ½Ã½ºÅÛ, ¹ÝÀÀÇü ±×¸®µå ½Ã½ºÅÛ±îÁö ¼³¸íÇØ ¾î¶² »óȲ¿¡¼­µµ µ¶ÀÚ°¡ ÀÀ¿ëÇÏ´Â °Ô °¡´ÉÇÏ´Ù.

    ´Ù¾çÇÑ º¸¿Ï ±â¼ú ¼³¸í
    HTML5¿Í CSS3´Â ²÷ÀÓ¾øÀÌ ¹ßÀüÇϴ ǥÁØ ±â¼ú·Î Å©·Ò, À¥Å¶, ÆÄÀ̾îÆø½º µîÀÇ À¥ ºê¶ó¿ìÀú´Â ¸Å¿ì ºü¸£°Ô ¹ßÀüÇÏ´Â ¹Ý¸é ÀÎÅÍ³Ý ÀͽºÇ÷η¯´Â ¹ßÀüÀÌ ´õµð´Ù. À̸¦ º¸¿ÏÇÏ´Â ½ºÅ¸ÀϽÃÆ® ÇÙ, HTML5 Áö¿øÀ» °¡´ÉÇÏ°Ô ÇÏ´Â HTML5 Shiv, IE9.js µîÀ» ¼³¸íÇÑ´Ù. ¶ÇÇÑ, À¥ µðÀÚÀÎÀ» °£ÆíÇÏ°Ô ÇØÁÖ´Â ºÎÆ®½ºÆ®·¦, ü°èÀûÀÎ ½ºÅ¸ÀϸµÀ» À§ÇÑ Less, HTML5¸¦ ÀÌ¿ëÇÑ ¹Ìµð¾î °¶·¯¸®, SVG¸¦ ÀÌ¿ëÇÑ Áöµµ¿Í Åë°è ÀÚ·á Ç¥½Ã µîÀ» ´Ù·ð´Ù.

    430¿© °³ÀÇ ÄÚµå¿Í 580¿© °³ÀÇ À̹ÌÁö·Î ÀÌÇظ¦ µ½´Â´Ù
    HTML5ÀÇ ´Ù¾çÇÑ ÅÂ±×¿Í CSS3ÀÇ ½ºÅ¸ÀÏ ¼Ó¼º, º¹ÀâÇÑ CSS3 ¼±ÅÃÀÚ¿¡ ´ëÇØ ÄÚµå¿Í À̹ÌÁö¸¦ ÇÔ²² º¸¿©Á༭ ½Ã°¢ÀûÀ¸·Î ¹Ù·Î ÀÌÇØÇÏ´Â ±¸¼ºÀ¸·Î µÇ¾î ÀÖ´Ù. Á÷Á¢ ½Ç½ÀÇغ¸Áö ¾Ê¾Æµµ ÄÚµå¿Í °á°ú¸¦ ¹Ù·Î È®ÀÎÇÒ ¼ö ÀÖ°Ô Çß´Ù. ¶ÇÇÑ, ºê¶ó¿ìÀúº° Áö¿ø ¿©ºÎ¸¦ º°µµ·Î Ç¥±âÇØ ´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡¼­ Á÷Á¢ Å×½ºÆ®Çغ¸Áö ¾Ê¾Æµµ »ç¿ë ¿©ºÎ¸¦ ¾Ë ¼ö ÀÖ´Ù. ÀÌ Ã¥ÀÇ ¸ðµç ¿¹Á¦´Â ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 8 À̻󿡼­ µ¿ÀÛÇϸç, ºê¶ó¿ìÀú Áö¿ø ¿©ºÎ¿¡ µû¶ó ÀÎÅÍ³Ý ÀͽºÇ÷η¯, Å©·Ò, »çÆĸ®, ÆÄÀ̾îÆø½º, ¿ÀÆä¶óÀÇ ¹öÀüÀ» ¸í½ÃÇßÀ¸¸ç, ¾ÆÀÌÆù, ¾Èµå·ÎÀ̵åÆù, °¶·°½Ã ÅÇ, ¾ÆÀÌÆе忡¼­ Å×½ºÆ®Çß´Ù. ´º¾ÆÀÌÆе带 À§ÇÑ ·¹Æ¼³ª µð½ºÇ÷¹À̸¦ ÀνÄÇÏ´Â ¹æ¹ý±îÁö ºüÁü¾øÀÌ ¼ö·ÏÇß´Ù.

    ÇнÀ ·Îµå¸Ê
    ¡º¸ð´ø À¥ µðÀÚÀÎÀ» À§ÇÑ HTML5+CSS3 ÀÔ¹®¡» ¡æ ¡º¸ð´ø À¥À» À§ÇÑ JavaScript + jQuery ÀÔ¹®¡» ¡æ ¡º¸ð´ø À¥À» À§ÇÑ Node.js ÇÁ·Î±×·¡¹Ö¡»

    À϶÷Ç¥ ¼ö·Ï
    HTML5¿Í CSS3¸¦ ÇÑ ¹ø¿¡ ã¾Æº¼ ¼ö ÀÖ´Â À϶÷Ç¥¸¦ Ưº°ºÎ·ÏÀ¸·Î ¼ö·ÏÇßÀ¸¸ç, ÇѺû¹Ìµð¾î À¥ »çÀÌÆ®(www.hanb.co.kr/exam/1955)¿¡¼­µµ ³»·Á¹ÞÀ» ¼ö ÀÖ´Ù.

    ÀúÀÚ ¼Ò°³

    À±Àμº

    • ±¸ºÐ : Àú¼­
    • ±¹Àû : ´ëÇѹα¹
    • ºÐ·ù : °úÇÐ/°øÇÐ ÀúÀÚ , ´ëÇб³Àç ÀúÀÚ , ±âŸ
    • ÀαâÁö¼ö : 4,321

    Ãâ±ÙÇÏ´Â °Ô ½È¾î¼­ Ã¥À» ÁýÇÊ/¹ø¿ªÇϱ⠽ÃÀÛÇß´Ù. ÀϺ»¾î´Â ÇȽú꿡¼­ À¥ ÄÚ¹ÍÀ» Àдٰ¡ ¹è¿ü´Ù°í ÀüÇØÁø´Ù. ÇöÀç Á÷¾÷ Ư¼º»ó Áý¿¡¼­ ³ª°¥ ÀÌÀ¯°¡ º°·Î ¾ø´Ù´Â °Í¿¡ ±²ÀåÈ÷ ¸¸Á·ÇÏ´Â ¼º°ÝÀ̱⵵ ÇÏ´Ù. È«Â÷¿Í Ä¿ÇǸ¦ ÁÁ¾ÆÇÏ¸ç ¿ä¸®, À½¾Ç, ±×¸², ½ºÄÃÇÎ µîÀÌ Ãë¹Ì´Ù. ¡¶¸ð´ø À¥À» À§ÇÑ JavaScript+jQuery ÀÔ¹®¡· ¡¶¸ð´ø À¥À» À§ÇÑ Node.js ÇÁ·Î±×·¡¹Ö¡· ¡¶¸ð´ø À¥ µðÀÚÀÎÀ» À§ÇÑ HTML5+CSS3 ÀÔ¹®¡· µîÀ» Àú¼úÇÏ¿´À¸¸ç, ¡¶½ºÀ§ÇÁÆ®·Î ½ÃÀÛÇÏ´Â ¾ÆÀÌÆù ¾Û °³¹ß ±³°ú¼­¡· ¡¶¸ð´ø À¥»çÀÌÆ® µðÀÚÀÎÀÇ Á¤¼®¡· ¡¶À¯´ÏƼ °ÔÀÓ ÀÌÆåÆ® ÀÔ¹®¡·(ÀÌ»ó À§Å°ºÏ½º), ¡¶½ÇÀü °ÔÀÓ Á¦ÀÛÀ¸·Î ¹è¿ì´Â ¾ð¸®¾ó ¿£Áø 4¡· ¡¶TopCoder ¾Ë°í¸®Áò Æ®·¹À̴ס· ¡¶Nature of Code¡·(ÀÌ»ó ÇѺû¹Ìµð¾î), ¡¶¼Ò¼È ÄÚµùÀ¸·Î À̲ô´Â GitHub ½Çõ ±â¼ú¡·(Á¦ÀÌÆà) µîÀ» ¹ø¿ªÇß´Ù.

    Ã¥ ¼Ó¿¡¼­

     

     

     

    ¸ñÂ÷

    Chapter 1 HTML5 °³¿ä
    1.1 À¥ÀÇ ¿ª»ç
    1.2 HTML5 Ãß°¡ ±â´É
    1.3 HTML5¸¦ °øºÎÇØ¾ß ÇÏ´Â ÀÌÀ¯
    1.4 Visual Studio 2012 Express for Web ¼³Ä¡
    1.5 HTML ÆäÀÌÁö »ý¼º
    1.6 ±¸±Û Å©·Ò ¼³Ä¡
    1.7 ±¸±Û Å©·Ò °³¹ßÀÚ µµ±¸
    1.8 IE Tester ¼³Ä¡

    Chapter 2 HTML5 ÅÂ±× ±âº»
    2.1 ±ÛÀÚ Å±×
    2.2 ¸ñ·Ï ű×
    2.3 Å×À̺í ű×
    2.4 À̹ÌÁö ű×
    2.5 ¿Àµð¿À ű×
    2.6 ºñµð¿À ű×
    2.7 ÀÔ·Â ¾ç½Ä ű×
    2.8 °ø°£ ºÐÇÒ Å±×

    Chapter 3 CSS3 ¼±ÅÃÀÚ ±âº»
    3.1 ¼±ÅÃÀÚ Á¾·ù °³¿ä
    3.2 Àüü ¼±ÅÃÀÚ
    3.3 ÅÂ±× ¼±ÅÃÀÚ
    3.4 ¾ÆÀ̵𠼱ÅÃÀÚ¿Í Å¬·¡½º ¼±ÅÃÀÚ
    3.5 ¼Ó¼º ¼±ÅÃÀÚ
    3.6 ÈÄ¼Õ ¼±ÅÃÀÚ¿Í ÀÚ¼Õ ¼±ÅÃÀÚ
    3.7 µ¿À§ ¼±ÅÃÀÚ
    3.8 ¹ÝÀÀ ¼±ÅÃÀÚ
    3.9 »óÅ ¼±ÅÃÀÚ
    3.10 ±¸Á¶ ¼±ÅÃÀÚ
    3.11 ¹®ÀÚ ¼±ÅÃÀÚ
    3.12 ¸µÅ© ¼±ÅÃÀÚ
    3.13 ºÎÁ¤ ¼±ÅÃÀÚ

    Chapter 4 CSS3 ½ºÅ¸ÀÏ ¼Ó¼º ±âº»
    4.1 CSS3 ´ÜÀ§
    4.2 °¡½Ã ¼Ó¼º
    4.3 ¹Ú½º ¼Ó¼º
    4.4 Å׵θ® ¼Ó¼º
    4.5 ¹è°æ ¼Ó¼º
    4.6 ÆùÆ® ¼Ó¼º
    4.7 À§Ä¡ ¼Ó¼º
    4.8 float ¼Ó¼º
    4.9 ±×¸²ÀÚ ¼Ó¼º
    4.10 º¥´õ ÇÁ¸®ÇȽº
    4.11 ±×·¹À̵ð¾ðÆ®

    Chapter 5 À¥ ÆäÀÌÁö ·¹À̾ƿô
    5.1 À¥ ÆäÀÌÁö °³¿ä
    5.2 ·¹À̾ƿô ±¸ºÐ
    5.3 ÃʱâÈ­
    5.4 Çì´õ ±¸Á¶ ÀÛ¼º
    5.5 À¥ ÆùÆ®
    5.6 ¼öÆò ¸Þ´º
    5.7 ÄÜÅÙÃ÷ ±¸¼º
    5.8 º»¹® ±¸¼º
    5.9 »çÀ̵å Åǹ٠±¸¼º
    5.10 ¸ñ·Ï ±¸¼º
    5.11 ǪÅÍ ±¸¼º
    5.12 Á¤¸®

    Chapter 6 ½º¸¶Æ®Æù ·¹À̾ƿô
    6.1 ½º¸¶Æ®Æù °³¿ä
    6.2 ¸ð¹ÙÀÏ À¥ °³¹ß ÁÖÀÇ»çÇ×
    6.3 ºäÆ÷Æ® meta ű×
    6.4 ÃʱâÈ­
    6.5 Çì´õ ±¸Á¶ ±¸¼º
    6.6 ½ºÇÁ¶óÀÌÆ® À̹ÌÁö
    6.7 Åä±Û ¸ñ·Ï ±¸¼º
    6.8 ³×ºñ°ÔÀÌ¼Ç ±¸¼º(1)
    6.9 ³×ºñ°ÔÀÌ¼Ç ±¸¼º(2)
    6.10 º»¹® ±¸¼º
    6.11 ǪÅÍ ±¸¼º
    6.12 Á¤¸®
    6.13 Àüü È­¸é
    6.14 ±ÛÀÚ °¨Ãß±â

    Chapter 7 ÅÂºí¸´ PC ·¹À̾ƿô
    7.1 ÃʱâÈ­
    7.2 Çì´õ ±¸¼º
    7.3 ³×ºñ°ÔÀÌ¼Ç ±¸¼º
    7.4 ÄÜÅÙÃ÷ ±¸¼º
    7.5 ¼öÁ÷ ¸ñ·Ï ±¸¼º
    7.6 º»¹® ±¸¼º
    7.7 ǪÅÍ ±¸¼º
    7.8 Á¤¸®
    7.9 °íÁ¤ ¹Ù

    Chapter 8 ¼Ò¼ÈÄ¿¸Ó½º ¸ÞÀÎ ÆäÀÌÁö
    8.1 ÃʱâÈ­
    8.2 Çì´õ ±¸¼º
    8.3 »çÀÌµå ±¸¼º
    8.4 ³×ºñ°ÔÀÌ¼Ç ±¸¼º(1)
    8.5 ³×ºñ°ÔÀÌ¼Ç ±¸¼º(2)
    8.6 ¸ñ·Ï ±¸¼º
    8.7 ÄÜÅÙÃ÷ ±¸¼º
    8.8 ÃÖÁ¾ Á¤¸®

    Chapter 9 CSS3 º¯Çü°ú ¾Ö´Ï¸ÞÀ̼Ç
    9.1 º¯Çü ¼Ó¼º ±âº»
    9.2 º¯Çü ¼Ó¼º
    9.3 Å° ÇÁ·¹ÀÓ°ú ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼º

    Chapter 10 CSS3 º¯È¯
    10.1 2Â÷¿ø º¯È¯
    10.2 3Â÷¿ø º¯È¯
    10.3 ¿ø±Ù¹ý
    10.4 ȸÀü ¸ñ¸¶

    Chapter 11 CSS Ãß°¡ ±ÔÄ¢°ú ¹ÝÀÀÇü À¥
    11.1 @import ±ÔÄ¢
    11.2 @font-face ±ÔÄ¢
    11.3 @media ±ÔÄ¢
    11.4 ¹ÝÀÀÇü À¥
    11.5 È­¸é ¹æÇâ Àüȯ

    Chapter 12 ±×¸®µå ½Ã½ºÅÛ
    12.1 ±×¸®µå ½Ã½ºÅÛ Ç÷¯±×ÀÎ
    12.2 Á¤Àû ±×¸®µå ½Ã½ºÅÛ
    12.3 µ¿Àû ±×¸®µå ½Ã½ºÅÛ
    12.4 ¹ÝÀÀÇü ±×¸®µå ½Ã½ºÅÛ

    ºÎ·ÏA. ÀÎÅÍ³Ý ÀͽºÇ÷η¯ º¸¿Ï ¹æ¹ý
    ½ÃÀÛÇϱâ Àü¿¡...
    ÀÎÅÍ³Ý ÀͽºÇ÷η¯ - Á¶°ÇºÎ ÁÖ¼®
    ÀÎÅÍ³Ý ÀͽºÇ÷η¯ ? ½ºÅ¸ÀϽÃÆ® ÇÙ
    HTML5 Áö¿ø ? HTML5 Shiv
    HTML5 Áö¿ø ? IE9.js
    CSS3 ¼Ó¼º ? CSS3 Pie
    CSS3 ¹Ìµð¾îÄõ¸® ? CSS3 MediaQueries.js Ç÷¯±×ÀÎ
    CSS3 ÃʱâÈ­ - Normalize.css Ç÷¯±×ÀÎ

    ºÎ·Ï B. ºÎÆ®½ºÆ®·¦
    ¼³Á¤
    ·¹À̾ƿô
    Åø¹Ù
    Åø¹Ù ¹öÆ°
    ´Ù´Ü ·¹À̾ƿô
    ¼öÁ÷ ¸ñ·Ï
    Á¤¸®

    ºÎ·Ï C. Less ½ºÅ¸ÀϽÃÆ®
    °³¿ä
    Less ÄÄÆÄÀÏ·¯
    񃧯
    ¼­¹ö¸¦ »ç¿ëÇÑ º¯È¯

    ºÎ·Ï D. HTML5¸¦ »ç¿ëÇÑ Ç÷¡½Ã À¥ ÆäÀÌÁö °³¹ß
    HTML5ÀÇ Ç÷¡½Ã ´ëü °¡´É ¹üÀ§
    ȸÀü À̹ÌÁö °¶·¯¸®
    ¿µÈ­ ¼Ò°³ ÆäÀÌÁö

    ºÎ·Ï E. SVG ű×
    񃧯
    ¶óÆÄ¿¤ Ç÷¯±×ÀÎ
    SVG ű׸¦ »ç¿ëÇÑ Áöµµ
    SVG ű׸¦ »ç¿ëÇÑ Áöµµ¿Í Åë°è ÀÚ·á

    ¸Ó¸®¸»

    ¡º¸ð´ø À¥À» À§ÇÑ JavaScript + jQuery ÀÔ¹®¡»(ÇѺû¹Ìµð¾î, 2011)°ú ¡º¸ð´ø À¥À» À§ÇÑ Node.js ÇÁ·Î±×·¡¹Ö¡»(ÇѺû¹Ìµð¾î, 2012)¿¡ ÀÌ¾î ¸ð´ø À¥ ½Ã¸®Áî Áß ¼¼ ¹ø°ÀÎ ¡º¸ð´ø À¥ µðÀÚÀÎÀ» À§ÇÑ HTML5 + CSS3 ÀÔ¹®¡»µµ Ãâ°£ÇÏ°Ô µÇ¾ú½À´Ï´Ù. ÀÌÁ¦ ÇÑ ±ÇÀ» ´õ ¾²¸é ¸ð´ø À¥À» À§ÇÑ HTML5 °³¹ß ½Ã¸®Áî°¡ ¿Ï¼ºµË´Ï´Ù!
    óÀ½ ÁýÇÊÇÒ ¶§´Â ¼­¹®À» ¾µ ¶§ °¡Àå ¿À·£ ½Ã°£ÀÌ °É·Á ´Ù¸¥ ºÐÀÌ ÁýÇÊÇÑ Ã¥ÀÇ ¼­¹®À» »ìÆ캸¾Ò½À´Ï´Ù. µÎ ¹ø° Ã¥À» ¾µ ¶§µµ ±×·¨°í ¼¼ ¹ø° Ã¥À» ¾µ ¶§µµ ¿¹¿Ü°¡ ¾Æ´Ï³×¿ä(Â÷ÀÌ°¡ ÀÖ´Ù¸é Á¦ Ã¥À» Âü°íÇϸ鼭 ¼­¹®À» ¾²°í ÀÖ½À´Ï´Ù(?!)).
    óÀ½ Ã¥À» Ãâ°£ÇÑ ³¯Àº ¡°³»°¡ À߸ø ¾´ ³»¿ëÀº ¾ø°ÚÁö?¡±ÇÏ°í ÀüÀü±à±àÇÏ¸ç ¹ãÀ» Áö»õ¿ü½À´Ï´Ù. ¸¹Àº µ¶ÀÚ ºÐ²²¼­ Ã¥À» ÁÁ°Ô ºÁÁּż­ ¼¼ ¹ø° Ã¥À» Ãâ°£ÇÒ ¼ö ÀÖ°Ô µÇ¾ú½À´Ï´Ù. ¼¼ ¹ø°·Î Ãâ°£Çϱâ´Â ÇßÁö¸¸, ÀÌ Ã¥Àº ¸ð´ø À¥ ½Ã¸®ÁîÀÇ Ã³À½¿¡ À§Ä¡Çϴ åÀ̹ǷΠ´Ù¸¥ Ã¥À» º¸Áö ¾Ê°í Àо »ó°ü¾ø½À´Ï´Ù.
    ÀϹÝÀûÀ¸·Î HTML5¶ó°í Çϸé HTML5 ÅÂ±×¿Í CSS3 ½ºÅ¸ÀÏ, ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö ¾ð¾î¸¦ ÇÕÇÑ °ÍÀ» ÀǹÌÇÕ´Ï´Ù. ÀÌ Ã¥Àº ¼¼ °¡Áö ¿ä¼Ò Áß¿¡¼­ HTML5 ÅÂ±×¿Í CSS3 ½ºÅ¸ÀÏÀ» ´Ù·ì´Ï´Ù. ÀÌ Ã¥Àº ºÎ·ÏÀ» Á¦¿ÜÇϸé ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ尡 ³ª¿ÀÁöµµ ¾Ê½À´Ï´Ù.

    ¡°ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ´Ù·çÁö ¾Ê´Â ÁÖÁ¦¿¡ ¿Ö ÀÌ·¸°Ô µÎ²¨¿ö?¡±

    ¾Æ¸¶ HTMLÀ» °øºÎÇÑ ÀûÀÌ ÀÖ´Ù¸é À§ ¹®ÀåÀ» ÀÐÀÚ¸¶ÀÚ ÀÌ·¸°Ô »ý°¢ÇßÀ» °ÍÀÔ´Ï´Ù. ÇÏÁö¸¸ ½Ç¹«¿¡¼­ HTML ÆäÀÌÁö ¶Ç´Â HTML5 ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÒ ¶§ °¡Àå ¹®Á¦°¡ µÇ´Â Á¡ÀÌ ¹«¾ùÀϱî¿ä?
    Á¦°¡ óÀ½ À¥À» Á¢ÇßÀ» ¶§ °¡Àå ¹®Á¦°¡ µÇ¾ú´ø ºÎºÐÀÌ ¹Ù·Î HTML ÅÂ±×¿Í CSS3 ½ºÅ¸ÀÏÀ̾ú½À´Ï´Ù. HTML ÅÂ±× À̸§Àº ¸ðµÎ ¾Ë°í Àִµ¥, À̸¦ ¾î¶»°Ô È°¿ëÇØ¾ß ÇÏ´ÂÁö ¾Ë·ÁÁִ åÀÌ ¾ø¾ú½À´Ï´Ù. ¶ÇÇÑ CSS3 ½ºÅ¸ÀÏ ¼Ó¼º À̸§À» ¸ðµÎ ¾Ë°í Àִµ¥, À̸¦ »ç¿ëÇØ ·¹À̾ƿôÀ» ¾î¶»°Ô ±¸¼ºÇØ¾ß ÇÏ´ÂÁö ¾Ë·ÁÁִ åÀÌ ¾ø¾ú½À´Ï´Ù. ±×·¡¼­ ±×³É Á¦°¡ ¸¸µé¾ú½À´Ï´Ù(?!).
    ÀÌ Ã¥Àº ÃֽŠHTML5 Ç¥ÁØ°ú CSS3 Ç¥ÁØÀ» »ç¿ëÇØ ·¹À̾ƿôÀ» ±¸ÇöÇÏ´Â ¹æ¹ýÀ» Áß½ÉÀ¸·Î ´Ù·ì´Ï´Ù. Ãß°¡·Î HTML5 Ç¥ÁØÀ» »ç¿ëÇÑ µ¥ÀÌÅÍ ½Ã°¢È­, CSS3 Ç¥ÁØÀ» »ç¿ëÇØ 3Â÷¿ø °ø°£°ú ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÏ´Â ¹æ¹ý, HTML5 Ç¥ÁØ°ú CSS3 Ç¥ÁØÀ» »ç¿ëÇØ ÀÚ¹Ù½ºÅ©¸³Æ® ¾øÀÌ »ç¿ëÀÚ¿Í ¹ÝÀÀÇÏ´Â ¹æ¹ý µîÀ» ´Ù·ì´Ï´Ù.

    ¡°±×·±µ¥ Áö±Ý HTML5¸¦ °øºÎÇصµ °¡Ä¡°¡ ÀÖÀ»±î¿ä?¡±

    ½º¸¶Æ®ÆùÀÇ À¥ ºê¶ó¿ìÀú, ÇÏÀ̺긮µå ¾ÖÇø®ÄÉÀ̼Ç, À©µµ 8 ½ºÅ¸ÀÏ ¾ÖÇø®ÄÉÀ̼Ç, ±¸±Û Å©·Ò ¾ÖÇø®ÄÉÀ̼Ç, ¸ðÁú¶ó ÆÄÀ̾îÆø½º ¾ÖÇø®ÄÉÀ̼Ç, ŸÀÌÁ¨ ¾ÖÇø®ÄÉÀ̼ÇÀº ¸ðµÎ HTML5¸¦ »ç¿ëÇؼ­ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÕ´Ï´Ù. Áö±Ýµµ ÃæºÐÈ÷ °¡Ä¡°¡ ÀÖÁÒ?
    ¸¶Áö¸·À¸·Î Ã¥À» ÁýÇÊÇÒ ¼ö ÀÖ°Ô µµ¿ÍÁֽŠÇѺû¹Ìµð¾î Çѵ¿ÈÆ ´ë¸®´Ô°ú Ã¥À» ÆíÁýÇØÁֽŠºÐµé, Ã¥À» ÁýÇÊÇÏ´Â µ¿¾È °è¼ÓÇؼ­ Çǵå¹éÇØÁØ ±è¿¬È­´Ô°ú À±¸í¿ù´Ô, ¿¹Á¦ÀÇ µðÀÚÀÎÀ» µµ¿ÍÁØ ÀӾƶõ´Ô, Ã¥À» °ËÅäÇϸç Çǵå¹éÇØÁØ °­À±°æ, ±èÀ±Áö, ¹é¼±ÁÖ´Ô²² °¨»ç Àλ縦 µå¸³´Ï´Ù.
    Ã¥À» ÁýÇÊÇÏ´Â µ¿¾È ¼ö¿ø ±Ç¼± °íµîÇб³¿¡¼­ ÇÑ Çб⠵¿¾È Unity3D °­ÀǸ¦ µéÀ¸¸ç ÀÌ Ã¥À» Çǵå¹éÇØÁØ Çлýµé¿¡°Ôµµ °¨»ç Àλ縦 ÀüÇÕ´Ï´Ù.

    ¹è¼Û ½Ã À¯ÀÇ»çÇ×

    - ¹Ýµð¾Ø·ç´Ï½º¿¡¼­ ±¸¸ÅÇϽŠµµ¼­´Â ¹°·ù ´ëÇà À§Å¹¾÷ü ¿õÁø ºÏ¼¾À» ÅëÇØ ¹è¼ÛµË´Ï´Ù.
     (¹è¼Û Æ÷Àå¿¡ "¿õÁø ºÏ¼¾"À¸·Î Ç¥±âµÉ ¼ö ÀÖ½À´Ï´Ù.)

    - ±¸¸ÅÇÑ »óÇ°ÀÇ Ç°Áú°ú ¹è¼Û °ü·Ã ¹®ÀÇ´Â ¹Ýµð¾Ø·ç´Ï½º·Î ¹®ÀÇ ¹Ù¶ø´Ï´Ù.

    - õÀçÁöº¯ ¹× Åùè»çÀÇ »çÁ¤¿¡ µû¶ó ¹è¼ÛÀÌ Áö¿¬µÉ ¼ö ÀÖ½À´Ï´Ù.

    - °áÁ¦(ÀÔ±Ý) ¿Ï·á ÈÄ ÃâÆÇ»ç ¹× À¯Åë»çÀÇ »çÁ¤À¸·Î Ç°Àý ¶Ç´Â ÀýÆÇ µÇ¾î »óÇ° ±¸ÀÔÀÌ ¾î·Á¿ï ¼ö ÀÖ½À´Ï´Ù. (º°µµ ¾È³» ¿¹Á¤)

    - µµ¼­»ê°£Áö¿ªÀÇ °æ¿ì Ãß°¡ ¹è¼Ûºñ°¡ ¹ß»ýµÉ ¼ö ÀÖ½À´Ï´Ù.

    ¹ÝÇ°/±³È¯

    »óÇ° ¼³¸í¿¡ ¹ÝÇ°/ ±³È¯ °ü·ÃÇÑ ¾È³»°¡ ÀÖ´Â °æ¿ì ±× ³»¿ëÀ» ¿ì¼±À¸·Î ÇÕ´Ï´Ù. (¾÷ü »çÁ¤¿¡ µû¶ó ´Þ¶óÁú ¼ö ÀÖ½À´Ï´Ù)

    ¹ÝÇ°/±³È¯

    ¹ÝÇ°/±³È¯
    ¹ÝÇ°/±³È¯ ¹æ¹ý Ȩ > °í°´¼¾ÅÍ > ÀÚÁÖã´ÂÁú¹® ¡°¹ÝÇ°/±³È¯/ȯºÒ¡± ¾È³» Âü°í ¶Ç´Â 1:1»ó´ã°Ô½ÃÆÇ
    ¹ÝÇ°/±³È¯ °¡´É ±â°£ ¹ÝÇ°,±³È¯Àº ¹è¼Û¿Ï·á ÈÄ 7ÀÏ À̳», »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦¹ß°ß ÈÄ 30ÀÏ À̳»¿¡ ½Åû°¡´É
    ¹ÝÇ°/±³È¯ ºñ¿ë º¯½É ȤÀº ±¸¸ÅÂø¿ÀÀÇ °æ¿ì¿¡¸¸ ¹Ý¼Û·á °í°´ ºÎ´ã(º°µµ ÁöÁ¤ Åùè»ç ¾øÀ½)
    ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯
    • ¼ÒºñÀÚÀÇ Ã¥ÀÓ »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
    • ¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    • º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì : ¿¹)¸¸È­Ã¥, ÀâÁö, È­º¸Áý µî
    • ½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    • ÀüÀÚ»ó°Å·¡µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì
    • ÇØ¿ÜÁÖ¹® »óÇ°(ÇØ¿Ü ¿ø¼­)ÀÇ °æ¿ì(Æĺ»/ÈѼÕ/¿À¹ß¼Û »óÇ°À» Á¦¿Ü)
    ¼ÒºñÀÚ ÇÇÇغ¸»ó
    ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó
    • »óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ¹ÝÇ°, ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº
      ¼ÒºñÀÚ ºÐÀïÇØ°á ±âÁØ(°øÁ¤°Å·¡À§¿øȸ°í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê
    • ´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ
      ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ
    ¹ÝÇ°/±³È¯ ÁÖ¼Ò °æ±âµµ ÆÄÁֽà ¹®¹ß·Î 77, ¿õÁøºÏ¼¾(¹Ýµð¾Ø·ç´Ï½º)
    • ȸ»ç¸í : (ÁÖ)¼­¿ï¹®°í
    • ´ëÇ¥ÀÌ»ç : ±èÈ«±¸
    • °³ÀÎÁ¤º¸ º¸È£Ã¥ÀÓÀÚ : ±èÈ«±¸
    • E-mail : bandi_cs@bnl.co.kr
    • ¼ÒÀçÁö : (06168) ¼­¿ï °­³²±¸ »ï¼º·Î 96±æ 6
    • »ç¾÷ÀÚ µî·Ï¹øÈ£ : 120-81-02543
    • Åë½ÅÆǸž÷ ½Å°í¹øÈ£ : Á¦2023-¼­¿ï°­³²-03728È£
    • ¹°·ù¼¾ÅÍ : (10881) °æ±âµµ ÆÄÁֽà ¹®¹ß·Î 77 ¹Ýµð¾Ø·ç´Ï½º
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved