°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (25,650¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (18,900¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄÅ©Ä«µå 20% (21,600¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

HTML5¿Í CSS3·Î ÀÛ¼ºÇÏ´Â ¹ÝÀÀÇü À¥ µðÀÚÀÎ

¿øÁ¦ : Responsive web design with HTML5 and CSS3
¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

ÆǸÅÁö¼ö 36
?
ÆǸÅÁö¼ö¶õ?
»çÀÌÆ®ÀÇ ÆǸŷ®¿¡ ±â¹ÝÇÏ¿© ÆǸŷ® ÃßÀ̸¦ ¹Ý¿µÇÑ ÀÎÅÍÆÄÅ© µµ¼­¿¡¼­ÀÇ µ¶¸³ÀûÀÎ ÆǸŠÁö¼öÀÔ´Ï´Ù. ÇöÀç °¡Àå Àß Æȸ®´Â »óÇ°¿¡ °¡ÁßÄ¡¸¦ µÎ¾ú±â ¶§¹®¿¡ ½ÇÁ¦ ´©Àû ÆǸŷ®°ú´Â ´Ù¼Ò Â÷ÀÌ°¡ ÀÖÀ» ¼ö ÀÖ½À´Ï´Ù. ÆǸŷ® ¿Ü¿¡µµ ´Ù¾çÇÑ °¡ÁßÄ¡·Î ±¸¼ºµÇ¾î ÃÖ±ÙÀÇ À̽´µµ¼­ È®Àνà À¯¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇØ´ç Áö¼ö´Â ¸ÅÀÏ °»½ÅµË´Ï´Ù.
Close
°øÀ¯Çϱâ
Á¤°¡

30,000¿ø

  • 27,000¿ø (10%ÇÒÀÎ)

    1,500P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
  • 3/19(È­) À̳» ¹ß¼Û ¿¹Á¤  (¼­¿ï½Ã °­³²±¸ »ï¼º·Î 512)
  • ¹«·á¹è¼Û
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

  • ¿¬°üµµ¼­(224)

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

ÇÁ·ÐÆ®¿£µå À¥ °³¹ßÀÚ¸¦ À§ÇÑ ¹ÝÀÀÇü µðÀÚÀÎ ¹æ¹ý·Ð!

HTML5¿Í CSS3·Î ÀÛ¼ºÇϴ¡º¹ÝÀÀÇü À¥ µðÀÚÀΡ». ±âÁ¸ÀÇ °íÁ¤Æø ±â¹Ý µðÀÚÀÎÀ» ¾î¶»°Ô ¹ÝÀÀÇü µðÀÚÀÎÀ¸·Î ÀÛ¼ºÇÒ ¼ö ÀÖ´ÂÁö¿¡ ´ëÇÑ °¡À̵带 Á¦½ÃÇÑ Ã¥ÀÌ´Ù. °£°áÇÏ°í ºü¸£¸ç, dzºÎÇÑ Àǹ̸¦ Áö´Ñ HTML5ÀÇ ÀÛ¼º ¹æ¹ý°ú ÁÖ¿ä ±â´ÉÀ» ºñ·ÔÇÏ¿©, CSS3 ¹Ìµð¾î Äõ¸®¸¦ »ç¿ëÇØ ¹Ìµð¾îº°·Î ´Ù¸¥ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ°í À̸¦ µðÀÚÀο¡ ÅëÇÕÇÏ´Â ¹æ¹ýÀ» ²Ä²ÄÇÏ°Ô Â¤¾îÁØ´Ù. ¾Æ¿ï·¯ À̹ÌÁö ´ë½Å CSS3·Î ¹è°æ»ö ±×·¹À̵ð¾ðÆ®¿Í ÅؽºÆ® ¼¨µµ, ¹Ú½º ¼¨µµ¸¦ ¸¸µå´Â ¹æ¹ýµµ ¾È³»ÇÏ¿´´Ù. ¹ÝÀÀÇü À¥ µðÀÚÀο¡ ´ëÇØ ´Ù·ç´Â ÀÚ·á°¡ ¸¹Áö ¾ÊÀº ±¹³» ½ÇÁ¤¿¡¼­, ÀÌ Ã¥Àº ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ¿Í µðÀÚÀ̳ʿ¡°Ô À¥»çÀÌÆ®¸¦ ¾î¶»°Ô ¹ÝÀÀÇü À¥À¸·Î Á¦ÀÛÇÒ ¼ö ÀÖ´ÂÁö¸¦ ¾Ë·ÁÁÖ´Â ÁÁÀº Áöħ¼­°¡ µÉ °ÍÀÌ´Ù.

ÃâÆÇ»ç ¼­Æò

ÃÖ±Ù À¥ ÆäÀÌÁö¿¡ Á¢±ÙÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ¸ð¹ÙÀÏ ±â±â°¡ µîÀåÇϸ鼭 ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÌ ÁÖ¸ñ¹Þ±â ½ÃÀÛÇß´Ù. ÀÌ Ã¥Àº ±âÁ¸ÀÇ °íÁ¤Æø ±â¹Ý µðÀÚÀÎÀ» ¾î¶»°Ô ¹ÝÀÀÇü µðÀÚÀÎÀ¸·Î ÀÛ¼ºÇÒ ¼ö ÀÖ´ÂÁö¿¡ ´ëÇÑ ¿Ïº®ÇÑ °¡À̵带 Á¦°øÇÑ´Ù. ±×¸®°í HTML5¿Í CSS3¸¦ »ç¿ëÇØ ¹ÝÀÀÇü µðÀÚÀÎ ¹æ¹ý·ÐÀ» ÇÑÃþ ´õ ¹ßÀü½Ãų ¼ö ÀÖ´Â ¹æ¹ýÀ» Á¦½ÃÇÑ´Ù. ¾ÆÁ÷±îÁö ¹ÝÀÀÇü À¥ µðÀÚÀο¡ ´ëÇØ ´Ù·ç´Â ÀÚ·á°¡ ¸¹Áö ¾ÊÀº ±¹³» ½ÇÁ¤¿¡¼­, ÀÌ Ã¥Àº ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ¿Í µðÀÚÀ̳ʿ¡°Ô À¥»çÀÌÆ®¸¦ ¾î¶»°Ô ¹ÝÀÀÇü À¥À¸·Î Á¦ÀÛÇÒ ¼ö ÀÖ´ÂÁö¸¦ ¾Ë·ÁÁÖ´Â ÁÁÀº Áöħ¼­°¡ µÉ °ÍÀÌ´Ù.

ÇϳªÀÇ µðÀÚÀÎÀ¸·Î ¸ðµç ȯ°æ¿¡¼­ µ¿ÀÛÇÏ´Â À¥ »çÀÌÆ® Á¦ÀÛ!

Áö±Ýó·³ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ Çʿ伺ÀÌ Å©°Ô ´ëµÎµÈ ÀûÀÌ ¾ø¾ú´Ù. ÅÂºí¸´°ú ½º¸¶Æ®Æù ±×¸®°í µðÁöÅÐ TV¿¡ À̸£±â±îÁö À¥¿¡ Á¢±ÙÇÏ´Â µ¥ »ç¿ëµÇ´Â µð¹ÙÀ̽ºÀÇ ¼ö°¡ Å©°Ô Áõ°¡ÇÔ¿¡ µû¶ó, ´Ù¾çÇÑ ½ºÅ©¸° Å©±â¿Í ÀÌ¿Í °ü·ÃÇÑ »ç¿ëÀÚ °æÇè¿¡ ´ëÇØ ¸¹Àº »çÇ×À» °í·ÁÇØ¾ß ÇÑ´Ù. ¹ÝÀÀÇüÀ¸·Î Á¦ÀÛµÈ À¥ ÆäÀÌÁö´Â ÇöÀçÀÇ µð¹ÙÀ̽º»Ó¸¸ ¾Æ´Ï¶ó ¹Ì·¡¿¡ µîÀåÇÒ µð¹ÙÀ̽º¿¡µµ µð¹ÙÀ̽º¿¡ ÃÖÀûÈ­µÈ ÄÜÅÙÃ÷¸¦ Á¦°øÇÒ ¼ö ÀÖ´Ù.

À¥»çÀÌÆ®°¡ ¸ðµç ½ºÅ©¸° Å©±â¿¡¼­ ¾Æ¸§´ä°Ô º¸ÀÏ ¼ö ÀÖµµ·Ï ¡®¹ÝÀÀÇü µðÀÚÀΡ¯ ¹æ¹ý·ÐÀ¸·Î À¥»çÀÌÆ®¸¦ µðÀÚÀÎÇÏ´Â ¹æ¹ýÀ» ¹è¿î´Ù. ±×¸®°í HTML5¿Í CSS3·Î ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» Çâ»ó½ÃŲ´Ù. ÀÌ Ã¥Àº ÇÁ·ÐÆ®¿£µå À¥ °³¹ßÀÚ¿¡°Ô ¹Ì·¡°¡ µÉ »õ·Î¿î ±â¼ú°ú ±â¹ýÀ» ÀÌÇØÇÏ´Â µ¥ ½ÇÁúÀûÀÎ µµ¿òÀ» ÁÙ °ÍÀÌ´Ù.

¡Ú ÀÌ Ã¥¿¡¼­ ´Ù·ç´Â ³»¿ë ¡Ú

¡á À¥ µðÀÚÀο¡¼­ °¡Àå Àαâ ÀÖ´Â ÁÖÁ¦ÀÎ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ Á¤ÀÇ¿Í À̸¦ ¸¶½ºÅÍÇØ¾ß ÇÏ´Â ÀÌÀ¯
¡á °£°áÇÏ°í ºü¸£¸ç, dzºÎÇÑ Àǹ̸¦ Áö´Ñ HTML5ÀÇ ÀÛ¼º ¹æ¹ý°ú ÁÖ¿ä ±â´É
¡á CSS3 ¹Ìµð¾î Äõ¸®¸¦ »ç¿ëÇØ ¹Ìµð¾îº°·Î ´Ù¸¥ ½ºÅ¸ÀÏÀ» Àû¿ëÇÏ°í À̸¦ µðÀÚÀο¡ ÅëÇÕÇÏ´Â ¹æ¹ý
¡á À¥ ÆäÀÌÁö¿Í ¹Ìµð¾î¸¦ À¯µ¿ÇüÀ¸·Î ¸¸µå´Â ¹æ¹ý
¡á À̹ÌÁö ´ë½Å CSS3·Î ¹è°æ»ö ±×·¹À̵ð¾ðÆ®¿Í ÅؽºÆ® ¼¨µµ, ¹Ú½º ¼¨µµ¸¦ ¸¸µå´Â ¹æ¹ý
¡á ¸ð´õ³ªÀÌÀú·Î ±¸Çü ºê¶ó¿ìÀúÀÇ ´ÜÁ¡À» ¼öÁ¤ÇÏ´Â ¹æ¹ý

¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú

¸ð¹ÙÀÏ¿ë À¥»çÀÌÆ®¿Í ´ëÇü µð½ºÇ÷¹ÀÌ¿ë À¥»çÀÌÆ®¸¦ µû·Î Á¦ÀÛÇÏ°í Àִ°¡? ¶Ç´Â ¡®¹ÝÀÀÇü µðÀÚÀΡ¯¿¡ ´ëÇØ µé¾îºÃÁö¸¸ ¾î¶»°Ô HTML5¿Í CSS3¸¦ ¹ÝÀÀÇü µðÀÚÀο¡ Àû¿ëÇÒ ¼ö ÀÖ´ÂÁö È®½ÅÇÏÁö ¸øÇÏ°í Àִ°¡? ±×·¸´Ù¸é ÀÌ Ã¥Àº °æÀïÀÚº¸´Ù ¸ÕÀú, ¹ÝÀÀÇü µðÀÚÀÎÀ¸·Î ÀÚ½ÅÀÇ À¥ ÆäÀÌÁö¸¦ ÇÑ ´Ü°è ¹ßÀü½ÃÅ°´Â µ¥ ÇÊ¿äÇÑ ¸ðµç °ÍÀ» Á¦°øÇØÁÙ °ÍÀÌ´Ù.

ÇöÀç HTML 4.01°ú CSS 2.1·Î °íÁ¤Æø À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÏ°í ÀÖ´Â À¥ µðÀÚÀÌ³Ê¿Í À¥ °³¹ßÀÚ¸¦ ´ë»óÀ¸·Î ÇÏ´Â ÀÌ Ã¥Àº HTML5¿Í CSS3·Î ¾î¶»°Ô ¸ðµç ½ºÅ©¸° Å©±â¿¡ Àû¿ë °¡´ÉÇÑ ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ´ÂÁö ¼³¸íÇÑ´Ù.

¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú

1Àå ¡®HTML5¿Í CSS3, ¹ÝÀÀÇü À¥ µðÀÚÀÎ ½ÃÀÛÇϱ⡯¿¡¼­´Â ´Ù¾çÇÑ ¿¹¸¦ ÅëÇØ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» Á¤ÀÇÇÑ´Ù. ¶ÇÇÑ HTML5¿Í CSS3¸¦ »ç¿ëÇÒ ¶§ÀÇ ÀåÁ¡À» ¼³¸íÇÑ´Ù.

2Àå ¡®¹Ìµð¾î Äõ¸®: ´Ù¾çÇÑ ºäÆ÷Æ®ÀÇ Áö¿ø¡¯¿¡¼­´Â ¹Ìµð¾î Äû¸®°¡ ¹«¾ùÀÌ°í, ¾î¶»°Ô ÀÛ¼ºÇÏ´ÂÁö, ¶ÇÇÑ µð¹ÙÀ̽ºÀÇ ¼º´É¿¡ µû¶ó CSS ½ºÅ¸ÀÏÀ» ¾î¶»°Ô Àû¿ëÇÏ´ÂÁö ¼³¸íÇÑ´Ù.

3Àå ¡®À¯µ¿Çü ·¹À̾ƿô Àû¿ë¡¯¿¡¼­´Â À¯µ¿Çü ·¹À̾ƿôÀÇ ÀåÁ¡À» ¼³¸íÇÏ°í, ¾î¶»°Ô ÇöÀçÀÇ °íÁ¤Æø µðÀÚÀÎÀ» ½±°Ô À¯µ¿Çü ·¹À̾ƿôÀ¸·Î º¯È¯ÇÏ´ÂÁö, ±×¸®°í CSS ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇØ ºü¸£°Ô ¹ÝÀÀÇü µðÀÚÀÎÀÇ ÇÁ·ÎÅäŸÀÔÀ» ¸¸µå´Â ¹æ¹ýÀ» º¸¿©ÁØ´Ù.

4Àå ¡®¹ÝÀÀÇü µðÀÚÀÎÀ» À§ÇÑ HTML5¡¯¿¡¼­´Â HTML5·Î ÄÚµùÇÒ ¶§ÀÇ ¿©·¯ °¡Áö ÀåÁ¡(°£°áÇÑ ÄÚµå, ½Ã¸Çƽ ¿ä¼Ò, ¿ÀÇÁ¶óÀΠij½Ì, º¸Á¶ ±â¼ú »ç¿ëÀ» À§ÇÑ WAI-ARIA)À» »ìÆ캻´Ù.

5Àå ¡®CSS3: ¼±ÅÃÀÚ, ŸÀÌÆ÷±×·¡ÇÇ, Ä÷¯ ¸ðµå¡¯¿¡¼­´Â ¿øÇÏ´Â ¿ä¼Ò¸¦ ½±°Ô ¼±ÅÃÇÏ°í º¯È¯ÇÒ ¼ö ÀÖ´Â °­·ÂÇÑ CSS3 ¼±ÅÃÀÚ¿¡ ´ëÇØ ¼³¸íÇÑ´Ù. ¶ÇÇÑ CSS3ÀÇ @font-face ±ÔÄ¢À» »ç¿ëÇØ ¾Æ¸§´Ù¿î À¥ ŸÀÌÆ÷±×·¡ÇǸ¦ ¸¸µå´Â ¹æ¹ý°ú, RGB(A), HSL(A) °°Àº »õ·Î¿î CSS3 Ä÷¯ ¸ðµå¿¡ ´ëÇؼ­µµ ¼³¸íÇÑ´Ù.

6Àå ¡®CSS3ÀÇ ¸ÚÁø ±â´É¡¯¿¡¼­´Â ¾î¶»°Ô ¼ø¼öÇÏ°Ô CSS3¸¸À¸·Î ÅؽºÆ® ¼¨µµ¿Í ¹Ú½º ¼¨µµ ±×¸®°í ±×·¹À̵ð¾ðÆ®¸¦ ¸¸µå´ÂÁö º¸¿©ÁØ´Ù. ¶ÇÇÑ ¿©·¯ °³ÀÇ ¹è°æ À̹ÌÁö¸¦ Ãß°¡ÇÏ´Â ¹æ¹ý°ú ÆùÆ®·Î ¾ÆÀÌÄÜÀ» ¸¸µå´Â ¹æ¹ýÀ» ´Ù·é´Ù.

7Àå ¡®CSS3 Æ®·£Áö¼Ç, Æ®·£½ºÆû ±×¸®°í ¾Ö´Ï¸ÞÀ̼ǡ¯¿¡¼­´Â ´Ù¸¥ ±â¼úÀÇ µµ¿ò ¾øÀÌ ¼ø¼öÇÏ°Ô CSS3¸¸À¸·Î È­¸é»óÀÇ ¿ä¼Ò¿¡ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ Àû¿ëÇÏ°í Æ®·£½ºÆûÇÏ´Â ¹æ¹ýÀ» ´Ù·é´Ù.

8Àå ¡®HTML5¿Í CSS3·Î Æû Á¤º¹¡¯¿¡¼­´Â ÃֽŠ½º¸¶Æ®Æù¿¡¼­ µ¥½ºÅ©Å¾¿¡ À̸£±â±îÁö ¸ðµç ºê¶ó¿ìÀú¿¡¼­ µ¿ÀÛÇÏ´Â Å©·Î½º ºê¶ó¿ìÀú ÆûÀ» ±¸ÇöÇÏ´Â ¹æ¹ýÀ» º¸¿©ÁØ´Ù.

9Àå ¡®Å©·Î½º ºê¶ó¿ìÀú ¹ÝÀÀÇü µµÀü °úÁ¦ Çذᡯ¿¡¼­´Â ±¸Çü ÀÎÅÍ³Ý ÀͽºÇ÷η¯¸¦ ¹ÝÀÀÇüÀ¸·Î ¸¸µå´Â ¹æ¹ý°ú ¸ð¹ÙÀÏ µð¹ÙÀ̽º¿¡¼­ ±ä ¸µÅ© ¸ñ·ÏÀ» ¸Þ´º·Î º¯È¯ÇØ Á¦°øÇÏ´Â ¹æ¹ý, °íÈ­Áú µð½ºÇ÷¹ÀÌ¿ëÀ¸·Î º°µµÀÇ ÄÜÅÙÃ÷¸¦ Á¦°øÇÏ´Â ¹æ¹ý, ±×¸®°í ¸ð´õ³ªÀÌÀú¸¦ »ç¿ëÇØ Á¶°ÇºÎ·Î ÀÚ¿øÀ» ·ÎµåÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¼³¸íÇÑ´Ù.

¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú

ÃÖ±Ù 1, 2³â »çÀÌ À¥ ÆäÀÌÁö¿¡ Á¢±ÙÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ¸ð¹ÙÀÏ ±â±â°¡ µîÀåÇϸ鼭 ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÌ ÁÖ¸ñÀ» ¹Þ±â ½ÃÀÛÇß´Ù. ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ̶õ µ¥½ºÅ©Å¾, ÅÂºí¸´, ¸ð¹ÙÀÏ µî »ç¿ëÀÚÀÇ ´Ù¾çÇÑ µð¹ÙÀ̽º ȯ°æ¿¡ µû¶ó À¥ÀÌ ¾Ë¾Æ¼­ ¹ÝÀÀÇϵµ·Ï µðÀÚÀÎÇÏ´Â °ÍÀÌ´Ù. ±âÁ¸¿¡´Â µ¥½ºÅ©Å¾¿ë À¥»çÀÌÆ®¿Í ¸ð¹ÙÀÏ¿ë À¥»çÀÌÆ®¸¦ µû·Î Á¦ÀÛÇØ¾ß ÇßÁö¸¸ ¹ÝÀÀÇü À¥À» Àû¿ëÇϸé ÇϳªÀÇ µðÀÚÀÎÀ¸·Î ´Ù¾çÇÑ Å©±âÀÇ µð¹ÙÀ̽º¿¡ ¸ðµÎ Àß ¾î¿ï¸®´Â À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ÀÌ·Î ÀÎÇØ À¥»çÀÌÆ®ÀÇ ¿î¿µ°ú À¯Áöº¸¼ö ºñ¿ëÀÇ Àý°¨ È¿°ú¸¦ ±â´ëÇÒ ¼ö ÀÖ´Ù.

¾ÆÁ÷±îÁö ±¹³»¿¡´Â ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» ´Ù·ç´Â ÀÚ·á°¡ ¸¹Áö ¾Ê´Ù. ÀÌ Ã¥Àº ¹ÝÀÀÇü À¥ µðÀÚÀο¡ °ü½ÉÀÌ ÀÖ´Â ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ¿Í µðÀÚÀ̳ʿ¡°Ô ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÌ ¹«¾ùÀÌ°í, À¥»çÀÌÆ®¸¦ ¾î¶»°Ô ¹ÝÀÀÇü À¥À¸·Î Á¦ÀÛÇÒ ¼ö ÀÖ´ÂÁö¸¦ ¾Ë·ÁÁÖ´Â ÁÁÀº Áöħ¼­°¡ µÉ °ÍÀÌ´Ù.

Áö½ÄÀ» °®°í ÀÖ´Ù´Â °Í°ú ±×°ÍÀ» ³²¿¡°Ô °¡¸£Ä£´Ù´Â °ÍÀº º°°³ÀÇ À̾߱â´Ù. ¸¶Âù°¡Áö·Î Ã¥ÀÇ ³»¿ëÀ» ÀÌÇØÇÏ´Â °Í°ú, ±×°ÍÀ» ´Ù¸¥ »ç¶÷¿¡°Ô Àü´ÞÇϱâ À§ÇØ ±Û·Î Ç¥ÇöÇÏ´Â °Í¿¡´Â Å« Â÷ÀÌ°¡ ÀÖ´Ù. óÀ½ ÀÌ Ã¥ÀÇ ¹ø¿ªÀ» ¸Ã±â·Î ÇßÀ» ¶§, ³»°¡ ÀÌÇØÇÑ ³»¿ëÀ» ´Ü¼øÈ÷ ¿ì¸®¸»·Î ¿Å±â¸é µÈ´Ù°í ½±°Ô »ý°¢Çß¾ú´Ù. ±×·¯³ª ÇÑ Àå, ÇÑ Àå ¿ì¸®¸»·Î ¿Å°Ü°¡¸é¼­ ´Ü¾î Çϳª, Á¶»ç ÇϳªÀÇ Â÷ÀÌ°¡ ³»¿ëÀ» ¾ó¸¶³ª ÀÌÇØÇϱ⠽±°Å³ª ¾î·Æ°Ô ¸¸µé ¼ö ÀÖ´ÂÁö ±ú´Þ¾Ò°í, ´Ü¾î Çϳª¸¦ ¼±ÅÃÇÏ´Â µ¥µµ ¸¹Àº °í¹ÎÀ» Çß´Ù.

²Ï ¸¹Àº ³ë·ÂÀ» ±â¿ï¿´Áö¸¸, ÀúÀÚÀÇ Àǵµ¸¦ ÃæºÐÈ÷ Àü´ÞÇÏÁö ¸øÇϰųª À߸ø ¹ø¿ªµÈ ºÎºÐÀÌ ÀÖÀ»Áöµµ ¸ð¸£°Ú´Ù. À߸øµÈ ºÎºÐÀ̳ª Ã¥ÀÇ ³»¿ë°ú °ü·ÃÇÑ ¾î¶°ÇÑ ÀÇ°ßÀÌµç º¸³»ÁÖ½Ã¸é ¼ÒÁßÈ÷ ¹Þ°í ¿À·ù´Â Â÷ÈÄ¿¡ ÀÖÀ» Áõ¼â ½Ã¿¡ ¹Ý¿µÇϸç ÀÇ°ßÀº ÁÁÀº ÀÚ·á·Î¼­ Âü°íÇÏ°Ú´Ù.

¸ñÂ÷

1Àå HTML5¿Í CSS3, ¹ÝÀÀÇü À¥ µðÀÚÀÎ ½ÃÀÛÇϱâ
___¿Ö ½º¸¶Æ®ÆùÀÌ Áß¿äÇÑ°¡?(±¸Çü IE°¡ Áß¿äÇÏÁö ¾ÊÀº ÀÌÀ¯)
___¹ÝÀÀÇü µðÀÚÀÎÀÌ Ç×»ó ¿Ã¹Ù¸¥ ¼±ÅÃÀΰ¡?
___¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ Á¤ÀÇ
___¹ÝÀÀÇü µðÀÚÀÎÀÌ ÀüºÎÀΰ¡?
___¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ ¿¹
______ºäÆ÷Æ® Å×½ºÆ® Åø
______¿µ°¨À» ÁÖ´Â ¿Â¶óÀÎ ¼Ò½º
___HTML5°¡ ¿Ö ÁÁÀº°¡?
______HTML5 ÄÚµùÀ¸·Î ½Ã°£ Àý¾àÇϱâ
______»õ·Î¿î HTML5 ½Ã¸Çƽ ÅÂ±× ¿ä¼Ò
___¹ÝÀÀÇü À¥ µðÀÚÀÎ ±× ÀÌ»óÀ» °¡´ÉÇÏ°Ô ÇÏ´Â CSS3
______°á·Ð: CSS3´Â ¾Æ¹«·± ¹®Á¦µµ ¹ß»ý½ÃÅ°Áö ¾Ê´Â´Ù
______¾î¶»°Ô CSS3·Î ÀÏ»óÀûÀÎ µðÀÚÀÎ ¹®Á¦¸¦ ÇØ°áÇÒ ¼ö Àִ°¡?
___À̹ÌÁö°¡ ÇÊ¿ä ¾ø´Ù
___CSS3ÀÇ ¿©Å¸ ±â´É
___Áö±Ý ¹Ù·Î HTML5¿Í CSS3¸¦ »ç¿ëÇÒ ¼ö ÀÖÀ»±î?
___¹ÝÀÀÇü À¥ µðÀÚÀÎÀÌ ¸¶¹ýÀÇ ÇØ°áÃ¥Àº ¾Æ´Ï´Ù
___°í°´¿¡°Ô À¥»çÀÌÆ®°¡ ¸ðµç ºê¶ó¿ìÀú¿¡¼­ µ¿ÀÏÇÏ°Ô º¸ÀÌÁö ¾Ê´Â´Ù´Â »ç½ÇÀ» °¡¸£Ä¡ÀÚ
___Á¤¸®

2Àå ¹Ìµð¾î Äõ¸®: ´Ù¾çÇÑ ºäÆ÷Æ®ÀÇ Áö¿ø
___Áö±Ý ¹Ù·Î ¹Ìµð¾î Äõ¸®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù
___¿Ö ¹ÝÀÀÇü µðÀÚÀο¡ ¹Ìµð¾î Äõ¸®°¡ ÇÊ¿äÇÑ°¡?
______¹Ìµð¾î Äõ¸® ±¸¹®
______¹Ìµð¾î Äõ¸®·Î ÆÇ´ÜÇÒ ¼ö ÀÖ´Â »çÇ×
______¹Ìµð¾î Äõ¸®·Î µðÀÚÀÎ º¯°æ
______¹ÝÀÀÇü µðÀÚÀÎÀ» À§ÇØ ¹Ìµð¾î Äõ¸®¸¦ »ç¿ëÇÏ´Â °¡Àå ÁÁÀº ¹æ¹ý
___ù ¹ø° ¹ÝÀÀÇü µðÀÚÀÎ
______´çȲ½º·´°ÚÁö¸¸, ¿ì¸®ÀÇ µðÀÚÀÎÀº °íÁ¤ÆøÀ¸·Î µÇ¾î ÀÖ´Ù
______¹ÝÀÀÇü µðÀÚÀÎ: À̹ÌÁö¸¦ °¡´ÉÇÑ ÇÑ °æÁ¦ÀûÀ¸·Î ¸¸µé±â
______ÀÛÀº ºäÆ÷Æ®¿¡¼­ÀÇ ÄÜÅÙÃ÷ Ŭ¸®ÇÎ ¹®Á¦
___ÃֽŠºê¶ó¿ìÀúÀÇ ÆäÀÌÁö ÀÚµ¿ Å©±â Á¶Á¤ ±â´É Áß´ÜÇϱâ
___´Ù¾çÇÑ Å©±âÀÇ ºäÆ÷Æ®¸¦ Áö¿øÇϱâ À§ÇÑ °íÁ¤ µðÀÚÀÎ
___¹ÝÀÀÇü µðÀÚÀο¡¼­´Â ÄÜÅÙÃ÷°¡ Ç×»ó ¸ÕÀú ¿Í¾ß ÇÑ´Ù
___¹Ìµð¾î Äõ¸®´Â ¼Ö·ç¼ÇÀÇ ÀϺÎÀÏ »ÓÀÌ´Ù
______À¯µ¿Çü ·¹À̾ƿôÀÌ ÇÊ¿äÇÏ´Ù
___Á¤¸®

3Àå À¯µ¿Çü ·¹À̾ƿô Àû¿ë
___°íÁ¤ ·¹À̾ƿôÀº ¹Ì·¡ °æÀï·ÂÀÌ ¾ø´Ù
___¿Ö ºñ·ÊÇü ·¹À̾ƿôÀÌ ¹ÝÀÀÇü À¥ µðÀÚÀο¡ ²À ÇÊ¿äÇÑ°¡?
___°íÁ¤ ·¹À̾ƿôÀ» ºñ·ÊÇü ·¹À̾ƿôÀ¸·Î ¼öÁ¤
______±â¾ïÇØ¾ß ÇÒ °ø½Ä
______ºñ·Ê ¿ä¼Ò¸¦ À§ÇÑ ÄÁÅؽºÆ® ¼³Á¤
______Ç×»ó ÄÁÅؽºÆ®¸¦ ¿°µÎ¿¡ µÎÀÚ
___ŸÀÌÆ÷±×·¡ÇǸ¦ À§ÇØ Çȼ¿º¸´Ù´Â ems¸¦ »ç¿ë
___À¯µ¿Çü À̹ÌÁö
______ºäÆ÷Æ®¿¡ ¸Â°Ô À̹ÌÁö Å©±â Á¶ÀýÇϱâ
______ƯÁ¤ À̹ÌÁö¸¦ À§ÇÑ Æ¯Á¤ ±ÔÄ¢
______À¯µ¿Çü À̹ÌÁö¿¡ Á¦µ¿ ÀåÄ¡ Ãß°¡
______´Ù¾çÇÑ max-width ¼Ó¼º
___È­¸é Å©±â¿¡ µû¸¥ ´Ù¾çÇÑ À̹ÌÁö Á¦°ø
______ÀûÀÀÇü À̹ÌÁö ¼³Á¤
___À¯µ¿Çü ±×¸®µå¿Í ¹Ìµð¾î Äõ¸®¸¦ ÇÔ²² »ç¿ë
___CSS ±×¸®µå ½Ã½ºÅÛ
______±×¸®µå ½Ã½ºÅÛÀ¸·Î ºü¸¥ »çÀÌÆ® ±¸Ãà
___Á¤¸®

4Àå ¹ÝÀÀÇü µðÀÚÀÎÀ» À§ÇÑ HTML5
___HTML5ÀÇ ¾î¶² ºÎºÐÀ» Áö±Ý ¹Ù·Î »ç¿ëÇÒ ¼ö Àִ°¡?
______´ëºÎºÐÀÇ »çÀÌÆ®¸¦ HTML5·Î ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù
______Æú¸®ÇÊ°ú ½É, ±×¸®°í ¸ð´õ³ªÀÌÀú
___HTML5 ÆäÀÌÁö ÀÛ¼º ¹æ¹ý
______HTML5ÀÇ °æÁ¦¼º
______HTML5 ¸¶Å©¾÷À¸·ÎÀÇ ÇÕ¸®ÀûÀÎ Á¢±Ù ¹æ¹ý
______°­·ÂÇÑ ¡´a¡µ ű×
______´õ ÀÌ»ó »ç¿ëÇÏÁö ¾Ê´Â HTML ±â´É
___HTML5ÀÇ »õ·Î¿î ½Ã¸Çƽ ¿ä¼Ò
______¡´section¡µ ¿ä¼Ò
______¡´nav¡µ ¿ä¼Ò
______¡´article¡µ ¿ä¼Ò
______¡´aside¡µ ¿ä¼Ò
______¡´hgroup¡µ ¿ä¼Ò
______¡´header¡µ ¿ä¼Ò
______¡´footer¡µ ¿ä¼Ò
______¡´address¡µ ¿ä¼Ò
___HTML5 ±¸Á¶Àû ¿ä¼ÒÀÇ ½ÇÁ¦ »ç¿ë¹ý
______»çÀÌÆ®ÀÇ ¸ÞÀÎ ÄÜÅÙÃ÷´Â ¾î¶²°¡?
___HTML5 ÅؽºÆ® ·¹º§ ½Ã¸Çƽ
______¡´b¡µ ¿ä¼Ò
______¡´em¡µ ¿ä¼Ò
______¡´i¡µ ¿ä¼Ò
______¸¶Å©¾÷¿¡ ÅؽºÆ® ·¹º§ ½Ã¸Çƽ Àû¿ëÇϱâ
___WAI-ARIA·Î »çÀÌÆ®¿¡ À¥ Á¢±Ù¼º Ãß°¡Çϱâ
______ARIAÀÇ ·£µå¸¶Å© ¿ªÇÒ
___HTML5ÀÇ ¹Ìµð¾î »ðÀÔ
___HTML5 ¹æ½ÄÀ¸·Î ºñµð¿À¿Í ¿Àµð¿À Ãß°¡Çϱâ
______´ëü ¼Ò½º ÆÄÀÏ Á¦°ø
______±¸Çü ºê¶ó¿ìÀú¸¦ À§ÇÑ Æú¹é Á¦°ø
______°ÅÀÇ µ¿ÀÏÇÏ°Ô µ¿ÀÛÇÏ´Â ¿Àµð¿À¿Í ºñµð¿À ű×
___¹ÝÀÀÇü ºñµð¿À
___¿ÀÇÁ¶óÀÎ À¥ ¾ÖÇø®ÄÉÀ̼Ç
______¿ÀÇÁ¶óÀÎ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÇÙ½É ¿ä¾à
______À¥ ÆäÀÌÁö¸¦ ¿ÀÇÁ¶óÀο¡¼­ µ¿ÀÛÇÏ°Ô ¸¸µé±â
______¸Å´ÏÆ佺Ʈ ÆÄÀÏ ÀÌÇØÇϱâ
______¿ÀÇÁ¶óÀÎ ¸Å´ÏÆ佺Ʈ ÆÄÀÏ¿¡¼­ ÀÚµ¿À¸·Î ÆäÀÌÁö ·ÎµùÇϱâ
______¹öÀü ÁÖ¼®
______¿ÀÇÁ¶óÀÎÀ¸·Î »çÀÌÆ® º¸±â
______¿ÀÇÁ¶óÀÎ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¹®Á¦ ÇØ°á
___Á¤¸®

5Àå CSS3: ¼±ÅÃÀÚ, ŸÀÌÆ÷±×·¡ÇÇ, Ä÷¯ ¸ðµå
___ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ°¡ CSS3·Î ÇÒ ¼ö ÀÖ´Â ÀÏ
______ÀÎÅÍ³Ý ÀͽºÇ÷η¯ ¹öÀü 6, 7, 8¿¡¼­ÀÇ CSS3 Áö¿ø
______CSS3¸¦ »ç¿ëÇÑ À¥ ÆäÀÌÁö ¼³°è¿Í °³¹ß
___CSS ±ÔÄ¢ ºÐ¼®
___º¥´õ ÇÁ¸®ÇȽºÀÇ »ç¿ë¹ý
___ºü¸£°í À¯¿ëÇÑ CSS3 Æ®¸¯
______¹ÝÀÀÇü µðÀÚÀÎÀ» À§ÇÑ CSS3 ´ÙÁß ¿­
______´Ü¾î ³Ñ±è
___»õ·Î¿î CSS3 ¼±ÅÃÀÚ¿Í »ç¿ë¹ý
______CSS3 ¼Ó¼º ¼±ÅÃÀÚ
______CSS3 ±¸Á¶ ÀÇ»çŬ·¡½º
______Àǻ翤¸®¸ÕÆ® °³Á¤
___»ç¿ëÀÚ Á¤ÀÇ À¥ ŸÀÌÆ÷±×·¡ÇÇ
______@font-face CSS ±ÔÄ¢
______@font-face·Î À¥ ÆùÆ® ±¸Çö
___@font-face Á¦¸ñ ¹®Á¦ ÇØ°á
______»ç¿ëÀÚ Á¤ÀÇ @font-face ŸÀÌÆ÷±×·¡ÇÇ¿Í ¹ÝÀÀÇü µðÀÚÀÎ
___»õ·Î¿î CSS3ÀÇ Ä÷¯ Æ÷¸Ë°ú ¾ËÆÄ Åõ¸íµµ
______RGB Ä÷¯
______HSL Ä÷¯
______IE6, IE7, IE8À» À§ÇÑ Æú¹é Ä÷¯
______¾ËÆÄ Ã¤³Î
___Á¤¸®

6Àå CSS3ÀÇ ¸ÚÁø ±â´É
___CSS3 ÅؽºÆ® ¼¨µµ
______16Áø¼ö, HSL, RGB »ö»ó
______Çȼ¿ ¶Ç´Â em, rem
______ÅؽºÆ® ¼¨µµ ¹æÁö
______¾ç°¢ ÅؽºÆ® ¼¨µµ È¿°ú
______´ÙÁß ÅؽºÆ® ¼¨µµ
___¹Ú½º ¼¨µµ
______Àμ ¼¨µµ
______´ÙÁß ¼¨µµ
___¹è°æ»ö ±×·¹À̵ð¾ðÆ®
______¼±Çü ¹è°æ»ö ±×·¹À̵ð¾ðÆ®
______¿øÇü ¹è°æ»ö ±×·¹À̵ð¾ðÆ®
______±×·¹À̵ð¾ðÆ® ¹Ýº¹
___¹è°æ»ö ±×·¹À̵ð¾ðÆ® ÆÐÅÏ
___¹ÝÀÀÇü µðÀÚÀÎÀ» À§ÇÑ CSS3 °í·Á»çÇ×
___CSS3 ¼Ó¼º ÇÔ²² »ç¿ëÇϱâ
___´ÙÁß ¹è°æ À̹ÌÁö
______¹è°æ Å©±â
______¹è°æ À§Ä¡
______¹è°æ ¼Ó¼ºÀ» ¾à½ÄÀ¸·Î »ç¿ëÇϱâ
___±× ¿ÜÀÇ CSS3 ±â´É
___¹ÝÀÀÇü µðÀÚÀο¡ ²À ÇÊ¿äÇÑ Å©±â Á¶ÀýÀÌ °¡´ÉÇÑ ¾ÆÀÌÄÜ
___Á¤¸®

7Àå CSS3 Æ®·£Áö¼Ç, Æ®·£½ºÆû ±×¸®°í ¾Ö´Ï¸ÞÀ̼Ç
___CSS3 Æ®·£Áö¼ÇÀÇ Á¤ÀÇ¿Í »ç¿ë¹ý
______Æ®·£Áö¼Ç ¼Ó¼º
______¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ À§ÇÑ Àç¹ÌÀÖ´Â Æ®·£Áö¼Ç È¿°ú
___CSS3 2D Æ®·£½ºÆû
______Æ®·£½ºÆûÇÒ ¼ö ÀÖ´Â °Í
___CSS3 3D Æ®·£½ºÆû
______3D È¿°ú ºÐ¼®
______3D Æ®·£½ºÆûÀº ¾ÆÁ÷ Áغñ°¡ µÇ¾î ÀÖÁö ¾Ê´Ù
___CSS3 ¾Ö´Ï¸ÞÀ̼Ç
______CSS3 Æ®·£½ºÆû°ú ¾Ö´Ï¸ÞÀ̼ÇÀÇ µ¿½Ã Àû¿ë
___Á¤¸®

8Àå HTML5¿Í CSS3·Î Æû Á¤º¹
___HTML5 Æû
______HTML5 ÆûÀÇ ±¸¼º¿ä¼Ò
______Ç÷¹À̽ºÈ¦´õ
______Çʼö
______¿ÀÅäÆ÷Ä¿½º
______ÀÚµ¿¿Ï¼º
______¸®½ºÆ®¿Í µ¥ÀÌÅ͸®½ºÆ® ¿ä¼Ò
______HTML5 ÀÔ·Â Çü½Ä
______³¯Â¥¿Í ½Ã°£ ÀÔ·Â
___ºñÁö¿ø ºê¶ó¿ìÀú¸¦ À§ÇÑ Æú¸®ÇÊ
___CSS3·Î HTML5 Æû ½ºÅ¸ÀϸµÇϱâ
______Æû¿¡ ƯȭµÈ CSS3 ÀÇ»çŬ·¡½º ¼±ÅÃÀÚ
___Á¤¸®

9Àå Å©·Î½º ºê¶ó¿ìÀú ¹ÝÀÀÇü µµÀü °úÁ¦ ÇØ°á
___Á¡ÁøÀûÀÎ Çâ»ó°ú ¿ì¾ÆÇÑ ¼º´É ÀúÇÏ
______Çö½Ç
___±¸Çü ÀÎÅÍ³Ý ÀͽºÇ÷η¯¸¦ ¼öÁ¤ÇÒ °ÍÀΰ¡?
______Åë°è
______°³ÀÎÀûÀÎ ¼±ÅÃ
___¸ð´õ³ªÀÌÀú: ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀÇ ¸¸´ÉÄ®
______¸ð´õ³ªÀÌÀú·Î ½ºÅ¸ÀÏ ¹®Á¦ ÇØ°á
______¸ð´õ³ªÀÌÀú·Î ±¸Çü IE¿¡ HTML5 ¿ä¼Ò Áö¿ø Ãß°¡
______ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 6, 7, 8 ¹öÀü¿¡ min°ú max ¹Ìµð¾î Äõ¸® ±â´É Ãß°¡
______¸ð´õ³ªÀÌÀú·Î Á¶°ÇºÎ ·ÎµùÇϱâ
___³»ºñ°ÔÀÌ¼Ç ¸µÅ©¸¦ µå·Ó ¸Þ´º·Î º¯°æ(Á¶°ÇºÎ)
___°íÇØ»óµµ µð¹ÙÀ̽º(¹Ì·¡)
___Á¤¸®

º»¹®Áß¿¡¼­

¡Ú ÀúÀÚ ¼­¹® ¡Ú

¿©·¯ºÐÀÇ À¥»çÀÌÆ®¸¦ ¡®¸ð¹ÙÀÏ¡¯ ¹öÀüÀ¸·Î ¸¸µé ÇÊ¿ä°¡ ÀÖ´Ù°í »ý°¢ÇÑ´Ù¸é, ´Ù½Ã ÇÑ ¹ø »ý°¢Çغ¸±â ¹Ù¶õ´Ù. ¹ÝÀÀÇü À¥ µðÀÚÀÎ(responsive web design)À¸·Î ½º¸¶Æ®ÆùºÎÅÍ µ¥½ºÅ©Å¾¿¡ À̸£´Â ¸ðµç µð¹ÙÀ̽º¿¡ Àß ¾î¿ï¸®´Â ÇϳªÀÇ µðÀÚÀÎÀ» Á¦°øÇÒ ¼ö ÀÖ´Ù. ¹ÝÀÀÇü µðÀÚÀÎÀº Ãß°¡ÀûÀÎ ³ë·Â ¾øÀÌ ¸ðµç »ç¿ëÀÚÀÇ ½ºÅ©¸°¿¡ Àû¿ëµÉ ¼ö ÀÖÀ¸¸ç, ÇöÀç»Ó ¾Æ´Ï¶ó ¹Ì·¡ÀÇ µð¹ÙÀ̽º¿¡ À̸£±â±îÁö ÃÖ»óÀÇ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÒ °ÍÀÌ´Ù.

ÀÌ Ã¥Àº ±âÁ¸ÀÇ °íÁ¤Æø ±â¹Ý µðÀÚÀÎÀ» ¾î¶»°Ô ¹ÝÀÀÇü µðÀÚÀÎÀ¸·Î ÀÛ¼ºÇÒ ¼ö ÀÖ´ÂÁö¿¡ ´ëÇÑ ¿Ïº®ÇÑ °¡À̵带 Á¦°øÇÑ´Ù. ±×¸®°í ¹ÝÀÀÇü µðÀÚÀÎ ¹æ¹ý·Ð¿¡, HTML5¿Í CSS3°¡ Á¦°øÇÏ´Â °¡Àå ÃÖ½ÅÀÇ ±×¸®°í À¯¿ëÇÑ ±â¼úÀ» Àû¿ëÇØ ÀÌÀüº¸´Ù ÈξÀ ´õ À¯ÁöÇϱ⠽±°í °£°áÇÑ µðÀÚÀÎÀ» ¸¸µå´Â ¹æ¹ýÀ» Á¦½ÃÇÑ´Ù. ¶ÇÇÑ Äڵ带 ÀÛ¼ºÇÏ°í, À̹ÌÁö¿Í ÆÄÀÏÀ» ¹èÆ÷ÇÏ´Â °øÅëÀûÀÎ º£½ºÆ® ÇÁ·¢Æ¼½º(¸ð¹ü »ç·Ê)µµ ¼³¸íÇÑ´Ù.

HTML°ú CSS¸¸ ¾Ë°í ÀÖ´Ù¸é, Áö±Ý ¹Ù·Î ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù.

ÀúÀÚ¼Ò°³

º¥ ÇÁ·¹ÀÎ [Àú] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÇÁ·ÐÆ®¿£µå µðÀÚÀ̳ÊÀÌÀÚ °³¹ßÀڷμ­, Àü ¼¼°èÀÇ °í°´ ¹× µðÀÚÀÎ ±â°ü°ú ÇÁ¸®·£¼­·Î 10³â ³Ñ°Ô ÀÏÇÏ°í ÀÖ´Ù. ¶ÇÇÑ ±â¼ú ±â°í°¡·Î ÀÏÇÏ¸ç ¸Æ Ç÷§Æû°ú ¹Ì·¡ ±â¼ú, À¥»çÀÌÆ® µðÀÚÀÎ, Ç×°ø»ê¾÷ÀÇ ±â¼ú ½Ã½ºÅÛ¿¡ ´ëÇÑ ´Ù¾çÇÑ ÃâÆǹ°À» ¹ß°£Çß´Ù. ¿µ±¹ »øÆÛµå´ëÇб³¿¡¼­ ¹Ìµð¾î¿Í °ø¿¬ÇÐÀ» Àü°øÇßÀ¸¸ç, TV µå¶ó¸¶ÀÇ ¹«¸í ¿¬±âÀÚ·Î ÀÏÇß´Ù. ¶ÇÇÑ Àß ¾Ë·ÁÁöÁö ¾ÊÀº(±×ÀÇ ¸»¿¡ µû¸£¸é) ³× ÆíÀÇ ½Ã³ª¸®¿À¸¦ ÁýÇÊÇßÀ¸¸ç, ¾ÆÁ÷µµ ±×Áß Çϳª´Â Æȸ± °ÍÀ̶ó ¹Ï°í ÀÖ´Ù. ÀÏ ¿ÜÀûÀ¸·Î´Â, ü·Â°ú ±×ÀÇ ¾Æ³»°¡ Çã¶ôÇÏ´Â ÇÑ °è¼ÓÇؼ­ ½Ç³»Ã౸¸¦ Áñ±â·Á°í ÇÑ´Ù.

·ù¿µ¼± [¿ª] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

ÀÌ »óÇ°ÀÇ ½Ã¸®Áî

(ÃÑ 225±Ç / ÇöÀ籸¸Å °¡´Éµµ¼­ 225±Ç)

¼±ÅÃÇÑ »óÇ° ºÏÄ«Æ®´ã±â
ÆîÃ帱â

Àü°øµµ¼­/´ëÇб³Àç ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    100ÀÚÆò

    ÀÛ¼º½Ã À¯ÀÇ»çÇ×

    ÆòÁ¡
    0/100ÀÚ
    µî·ÏÇϱâ

    100ÀÚÆò

    8.0
    (ÃÑ 0°Ç)

    ÆǸÅÀÚÁ¤º¸

    • ÀÎÅÍÆÄÅ©µµ¼­¿¡ µî·ÏµÈ ¿ÀǸ¶ÄÏ »óÇ°Àº ±× ³»¿ë°ú Ã¥ÀÓÀÌ ¸ðµÎ ÆǸÅÀÚ¿¡°Ô ÀÖÀ¸¸ç, ÀÎÅÍÆÄÅ©µµ¼­´Â ÇØ´ç »óÇ°°ú ³»¿ë¿¡ ´ëÇØ Ã¥ÀÓÁöÁö ¾Ê½À´Ï´Ù.

    »óÈ£

    (ÁÖ)±³º¸¹®°í

    ´ëÇ¥ÀÚ¸í

    ¾Èº´Çö

    »ç¾÷ÀÚµî·Ï¹øÈ£

    102-81-11670

    ¿¬¶ôó

    1544-1900

    ÀüÀÚ¿ìÆíÁÖ¼Ò

    callcenter@kyobobook.co.kr

    Åë½ÅÆǸž÷½Å°í¹øÈ£

    01-0653

    ¿µ¾÷¼ÒÀçÁö

    ¼­¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù)

    ±³È¯/ȯºÒ

    ¹ÝÇ°/±³È¯ ¹æ¹ý

    ¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼­ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼­ ½Åû °¡´É

    ¹ÝÇ°/±³È¯°¡´É ±â°£

    º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É
    ´Ü, »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»

    ¹ÝÇ°/±³È¯ ºñ¿ë

    º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã
    »óÇ°À̳ª ¼­ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯/¹ÝÇ°Àº ¹Ý¼Û·á ÆǸÅÀÚ ºÎ´ã

    ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯

    ·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
    (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)

    ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    ¿¹) È­ÀåÇ°, ½ÄÇ°, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî

    ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì
    ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý

    ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì

    ·ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì

    »óÇ° Ç°Àý

    °ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½

    ¼ÒºñÀÚ ÇÇÇغ¸»ó
    ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó

    ·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

    ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ

    (ÁÖ)KGÀ̴Ͻýº °áÁ¦´ë±Ý¿¹Ä¡¾÷ µî·Ï¹øÈ£: 02-006-00013

    (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ
    ¸ðµç °Å·¡¿¡ ´ëÇÏ¿© (ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
    µî·Ï ¿©ºÎ´Â e-±ÝÀ¶¹Î¿ø¼¾ÅÍ È¨ÆäÀÌÁö(www.fcsc.kr)ÀÇ µî·Ï¡¤½Å°í>ÀüÀÚ±ÝÀ¶¾÷µî·ÏÇöȲ ¸Þ´º¿¡¼­ È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼­ºñ½º °¡ÀÔ»ç½Ç È®ÀÎ

    ¹è¼Û¾È³»

    • ±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.

    • Ãâ°í°¡´É ½Ã°£ÀÌ ¼­·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.

    • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.

    • ¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.

    • - µµ¼­ ±¸¸Å ½Ã 15,000¿ø ÀÌ»ó ¹«·á¹è¼Û, 15,000¿ø ¹Ì¸¸ 2,500¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë