±¹³»µµ¼
ÄÄÇ»ÅÍ/ÀÎÅͳÝ
ÄÄÇ»ÅÍ È°¿ë/WEB
À¥/ȨÆäÀÌÁö
Á¤°¡ |
25,000¿ø |
---|
22,500¿ø (10%ÇÒÀÎ)
1,250P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(43)
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
HTML5 & CSS3ÀÇ ½ÇÀü È°¿ë ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù!
¡ºHTML5 & CSS3 ½ÇÀü¿¡¼´Â ÀÌ·¸°Ô ¾´´Ù¡»´Â À¥ ÇÁ·Î±×·¡¸Ó¿Í µðÀÚÀ̳ʰ¡ ½ÇÁ¦·Î »çÀÌÆ®¸¦ Á¦ÀÛÇϸç HTML5¿Í CSS3¿Í °ü·ÃÇÏ¿© ±Ã±ÝÇØ ÇÒ¸¸ÇÑ ³»¿ëÀ» ÁßÁ¡ÀûÀ¸·Î ´Ù·é Ã¥ÀÌ´Ù. 11°³ÀÇ Àå°ú ¼¼ °³ÀÇ ºÎ·ÏÀ¸·Î ±¸¼ºµÅ ÀÖÀ¸¸ç, HTML5¿Í CSS3ÀÇ ¿ª»ç¸¦ ¹ÙÅÁÀ¸·Î, HTML5¿¡¼ µîÀåÇÏ´Â »õ·Î¿î ±¸Á¶Àû ¿ä¼Ò ¹× ÀǹÌÀû ¿ä¼Ò, HTML5 ÆûÀ» ÀÛ¼ºÇÒ ¶§ ¾Ë¾Æ¾ß ÇÒ ¸ðµç »çÇ×, CSS3 ±â´É°ú CSS3 ±×¶óµð¾ðÆ®¿Í ´ÙÁß ¹è°æ µîÀ» ´Ù·ç¾ú´Ù. ÀÌÁ¦ ¸· Ãʺ¸ µüÁö¸¦ ¶¼°í HTML°ú CSS¿¡ ´ëÇÑ °³³äÀ» ÀÍÈù ÇÁ·Î±×·¡¸Ó»Ó ¾Æ´Ï¶ó HTML5¿Í CSS3ÀÇ ÃֽŠ±â¼úÀ» Á÷Á¢ È®ÀÎÇغ¸°í ½ÍÀº Áß±Þ ÇÁ·Î±×·¡¸Ó¿¡°Ô µµ¿òÀÌ µÉ °ÍÀÌ´Ù.
ÃâÆÇ»ç ¼Æò
HTML5 & CSS3, ÀÌÁ¦´Â ½ÇÀüÀÌ´Ù!
Ã¥ Á¦¸ñÀÎ ¡ºHTML5 & CSS3 ½ÇÀü¿¡¼´Â ÀÌ·¸°Ô ¾´´Ù!¡»¿¡¼ ´À³¥ ¼ö ÀÖµíÀÌ ÀÌ Ã¥Àº À¥ ÇÁ·Î±×·¡¸Ó¿Í µðÀÚÀ̳ʰ¡ ½ÇÁ¦·Î »çÀÌÆ®¸¦ Á¦ÀÛÇÏ¸é¼ ±Ã±ÝÇØ Çϰųª Âü°íÇÒ ¼ö ÀÖ´Â HTML5¿Í CSS3¿Í °ü·ÃµÈ ³»¿ëÀ» ±âº» »À´ë·Î »ï´Â´Ù. ÀÌÁ¦ ¸· Ãʺ¸ µüÁö¸¦ ¶¼°í HTML°ú CSS¿¡ ´ëÇÑ °³³äÀ» ÀÍÈù ÇÁ·Î±×·¡¸Ó»Ó ¾Æ´Ï¶ó HTML5¿Í CSS3ÀÇ ÃֽŠ±â¼úÀ» Á÷Á¢ È®ÀÎÇغ¸°í ½ÍÀº Áß±Þ ÇÁ·Î±×·¡¸Ó¿¡°Ô ÀÌ Ã¥ÀÇ ±º´õ´õ±â ¾ø´Â ¼³¸íÀÌ µµ¿òµÉ °ÍÀÌ´Ù.
ÀÌ Ã¥¿¡¼´Â 'HTML5 Çì·²µå¡®¶ó´Â ±¸½Ä ½Å¹®(www.thehtml5herald.com¿¡ ½ÇÁ¦·Î ±¸ÇöµÅ ÀÖ´Ù) À¥ »çÀÌÆ®¸¦ HTML5¿Í CSS3ÀÇ »õ·Î¿î ±â¼úÀ» ÀÌ¿ëÇØ ½ÇÁ¦·Î Çϳª¾¿ ¸¸µé¾î °¡´Â ½ÄÀ¸·Î ±¸¼ºµÅ ÀÖÀ¸¸ç, »õ·Î¿î ±â¼úÀ» ¼³¸íÇÒ ¶§¸¶´Ù ´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡¼ÀÇ Áö¿ø ¿©ºÎ¿Í ÇÏÀ§È£È¯¼º¿¡ ´ëÇÑ »ó¼¼ÇÑ ¼³¸íÀ» µ¡ºÙ¿© ÇÁ·Î±×·¡¸Ó°¡ »õ·Î¿î ±â¼úÀ» ÀÚÀ¯·Ó°Ô Àû¿ëÇÒ ¼ö ÀÖ°Ô ¹è·ÁÇÑ´Ù.
HTML5¿Í CSS3ÀÇ »õ·Î¿î ±â´É ¿Ü¿¡µµ Modernizr, WAI-ARAI ¹× ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ¿Í °°ÀÌ HTML5¿Í ÇÔ²² ¾²ÀÌ´Â Çʼö ±â¼úÀº ºÎ·Ï¿¡¼ ÀÚ¼¼È÷ ´Ù·ç°í ÀÖÀ¸¸ç, »õ·Î¿î ±â´É¿¡ ´ëÇØ Á» ´õ ½Éµµ ÀÖ°Ô »ìÆ캸°í ½ÍÀº µ¶ÀÚ¸¦ À§ÇØ ²Ä²ÄÇÏ°Ô ÁغñÇÑ Âü°íÀÚ·áµµ Á¦°øÇÑ´Ù.
[ÀÌ Ã¥ÀÇ ±¸¼º]
ÀÌ Ã¥Àº 11°³ÀÇ Àå°ú ¼¼ °³ÀÇ ºÎ·ÏÀ¸·Î ±¸¼ºµÅ ÀÖ´Ù. ´ëºÎºÐÀÇ ÀåÀº ¼·Î À̾îÁ® ÀÖ¾î ¼ø¼´ë·Î ÀÐ´Â´Ù¸é ¾Æ¸¶ È¿°ú°¡ °¡Àå Å©°ÚÁö¸¸ ƯÁ¤ ÁÖÁ¦¸¦ »ìÆ캼 ÇÊ¿ä°¡ ÀÖ´Ù¸é °Ç³Ê¶Ù¸é¼ Àо ¹«¹æÇÏ´Ù.
¤ý 1Àå: HTML5¿Í CSS3 ¼Ò°³
1Àå¿¡¼´Â ½Ç½ÀÀ¸·Î µé¾î°¡±â¿¡ ¾Õ¼ Áö±ÝºÎÅÍ¶óµµ HTML5¿Í CSS3¸¦ »ç¿ëÇØ¾ß ÇÒ ¸î °¡Áö ÀÌÀ¯¿Í ÇÔ²² HTML5¿Í CSS3ÀÇ ¿ª»ç¸¦ »ìÆ캻´Ù. ¶ÇÇÑ ºê¶ó¿ìÀú Áö¿øÀ̶ó´Â Ãø¸é¿¡¼ ÇöÀç »óȲÀ» »ìÆ캸¸ç, Áö±Ý ¹Ù·Î »ç¿ëÇصµ ÁÁÀº »õ·Î¿î ±â¼ú(Çö¸íÇÏ°Ô ÀÌ¿ëÇϱ⸸ ÇÑ´Ù¸é)À» ³íÇÑ´Ù.
¤ý 2Àå: ¸¶Å©¾÷, HTML5 ½ºÅ¸ÀÏ
2Àå¿¡¼´Â HTML5¿¡¼ µîÀåÇÏ´Â »õ·Î¿î ±¸Á¶Àû ¿ä¼Ò ¹× ÀǹÌÀû ¿ä¼Ò¸¦ ¼³¸íÇÑ´Ù. ¶ÇÇÑ ÀÌ Ã¥ÀÇ ³ª¸ÓÁö ºÎºÐ¿¡ °ÉÃÄ °è¼Ó ´Ù·ç°Ô µÉ ¡®HTML5 Çì·²µå¡¯¶ó´Â ½Ç½À »çÀÌÆ®µµ ¼Ò°³ÇÑ´Ù. div°¡ Áö·çÇÏ´Ù¸é? ´ÙÇàÈ÷µµ ÀÌÁ¦ HTML5¿¡¼´Â ´Ù¾çÇÑ ´ë¾ÈÀ» Á¦°øÇÑ´Ù. ¹Ù·Î article, section, nav, footer, aside, header°¡ ¿©±â¿¡ ÇØ´çÇÑ´Ù.
¤ý 3Àå: HTML5ÀÇ ÀǹÌÀû Ç¥Çö ´õ ¾Ë¾Æº¸±â
2Àå¿¡ À̾î 3Àå¿¡¼´Â HTML5¿¡¼ ¹®¼ÀÇ ¾Æ¿ìÆ®¶óÀÎÀ» ±¸¼ºÇÏ´Â »õ·Î¿î ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ±×·¯°í ³ª¼ ¸¶Å©¾÷À» Á» ´õ dzºÎÇÏ°Ô Ç¥ÇöÇØÁÙ ´Ù¸¥ ÀǹÌÀû ¿ä¼Ò¸¦ »ìÆ캻´Ù.
¤ý 4Àå: HTML5 Æû
HTML5¿¡¼ °¡Àå À¯¿ëÇÏ°í ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ±â´ÉÀ¸·Î ÆûÀÌ ÀÖ´Ù. ÇöÀç ¿©·¯ ºê¶ó¿ìÀú¿¡¼´Â À̸ÞÀÏ ÁÖ¼Ò³ª URL°ú °°Àº À¯Çü¿¡ ´ëÇØ ³»Àå À¯È¿¼º °Ë»ç¸¦ Áö¿øÇϸç, ¾î¶² ºê¶ó¿ìÀú´Â ³¯Â¥ ¼±Åñâ, ½½¶óÀÌ´õ, ½ºÇÇ³Ê ¹Ú½º±îÁöµµ Áö¿øÇÑ´Ù. ÀÌ·¯ÇÑ ±â´ÉÀº Æû ÄÚµå ÀÛ¼ºÀ» Áñ°Ì°Ô ¸¸µé¾îÁØ´Ù! 4Àå¿¡¼´Â HTML5 ÆûÀ» ÀÛ¼ºÇÒ ¶§ ¾Ë¾Æ¾ß ÇÒ ¸ðµç »çÇ×À» ´Ù·ç¸ç, ¹öÀüÀÌ ³·Àº ºê¶ó¿ìÀú¿¡ ´ëºñÇÑ ½ºÅ©¸³Æ®µµ Á¦°øÇÑ´Ù.
¤ý 5Àå: HTML5 ¿Àµð¿À¿Í ºñµð¿À
Á¾Á¾ HTML5´Â Ç÷¡½Ã°¡ Â÷ÁöÇÏ°í ÀÖ´ø ¿Â¶óÀÎ ¸ÖƼ¹Ìµð¾î ÄÜÅÙÃ÷ ¿ÕÁÂÀÇ ´ëÇ׸¶·Î ³»¼¼¿öÁö°ï ÇÑ´Ù. »õ·Î¿î audio¿Í video ¿ä¼Ò°¡ ¹Ù·Î ±× ÀÌÀ¯´Ù. audio¿Í video ¿ä¼Ò´Â Ç÷¡½Ã¿Í °°Àº ¼µåÆÄƼ Ç÷¯±×Àο¡ ÀÇÁ¸ÇÏÁö ¾Ê°í ½ºÅ©¸³Æ®·Î Á¦¾î °¡´ÉÇÑ ³»Àå ¹Ìµð¾î Ç÷¹À̾ Á¦°øÇÑ´Ù. 5Àå¿¡¼´Â ÀÌ·¯ÇÑ »õ·Î¿î ¿ä¼ÒÀÇ »ç¿ë°ú °ü·ÃµÈ ÀÚ¼¼ÇÑ ³»¿ëÀ» ¼Ó¼ÓµéÀÌ »ìÆ캻´Ù.
¤ý 6Àå: CSS3 ¼Ò°³
ÀÌÁ¦ HTML5¿¡ °üÇØ ¸ðµÎ »ìÆìºÃÀ¸¹Ç·Î °¡±î¿î ģôÀÎ CSS3·Î ¿Å°Ü°¥ Â÷·Ê´Ù. 6Àå¿¡¼´Â À¯·Ê°¡ ¾øÀ» Á¤µµÀÇ À¯¿¬ÇÑ ¹æ¹ýÀ¸·Î ÆäÀÌÁö ³»ÀÇ ¿ä¼Ò¸¦ ¼±ÅÃÇÏ´Â »õ·Î¿î ¼¿·ºÅ͸¦ »ìÆ캸´Â °ÍÀ¸·Î CSS3·ÎÀÇ ¿©ÇàÀ» ½ÃÀÛÇÑ´Ù. ±×·¯°í ³ª¼ CSS3¿¡¼ Åõ¸íµµ¸¦ ºñ·ÔÇØ »ö»óÀ» ¸í½ÃÇÏ´Â »õ·Î¿î ¹æ¹ýÀ» »ìÆ캻´Ù. ±×¸®°í ÀϺΠÀúºñ¿ë °íÈ¿À² ±â´ÉÀ¸·Î 6ÀåÀ» ¸¶¹«¸®ÇÑ´Ù. ¹Ù·Î ÃÖ¼ÒÇÑÀÇ ÀÛ¾÷À¸·Î À¥ »çÀÌÆ®¿¡ Ãß°¡ÇÒ ¼ö ÀÖ´Â ¸ÚÁø CSS3 ±â´ÉÀ¸·Î, ÅؽºÆ® ±×¸²ÀÚ È¿°ú, ±×¸²ÀÚ È¿°ú ¹× µÕ±Ù ¸ð¼¸®°¡ ¿©±â¿¡ ÇØ´çÇÑ´Ù.
¤ý 7Àå: CSS3 ±×¶óµð¾ðÆ®¿Í ´ÙÁß ¹è°æ
¸¶Áö¸·À¸·Î ±×¶óµð¾ðÆ®³ª ¹è°æ À̹ÌÁö°¡ ¾ø´Â »çÀÌÆ®¸¦ ÀÛ¾÷Çß´ø °ÍÀÌ ¾ðÁ¦¿´´Â°¡? ´ë¿ªÆø Á¦ÇÑ ³»¿¡¼ ¿Ïº®ÇÑ ¹è°æ ±×¶óµð¾ðÆ®¿Í À̹ÌÁö¸¦ »ý¼ºÇÏ·Á°í ¾Ö¾²¸é¼ Æ÷Åä¼¥°ú ¾¾¸§ÇÏ´Â µ¥ ¸¹Àº ½Ã°£À» º¸³Â´ø °³¹ßÀڵ鿡°Ô CSS3´Â °í´ëÇÏ´ø ±â´ÉÀ» Á¦°øÇÑ´Ù. ÀÌÁ¦ À̹ÌÁö ¾øÀ̵µ CSS¿¡¼ ¹Ù·Î ¼±Çü ¶Ç´Â ¹æ»çÇü ±×¶óµð¾ðÆ®¸¦ ÁöÁ¤ÇÒ ¼ö ÀÖ°í, ÇÑ ¿ä¼Ò¿¡ ¹è°æ À̹ÌÁö¸¦ ¸î °³¶óµµ ÁÙ ¼ö ÀÖ´Ù. ÀÌÁ¦ ¾î¿ ¼ö ¾øÀÌ ÀÌ¿ëÇÏ°í ÀÖ´ø ¸ðµç ¿©ºÐÀÇ div¸¦ ¹ö¸± ¶§°¡ µÈ °ÍÀÌ´Ù.
¤ý 8Àå: CSS3ÀÇ º¯Çü°ú Àüȯ
¾Ö´Ï¸ÞÀ̼ÇÀº ¿À·§µ¿¾È ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿µ¿ªÀ¸·Î ¾Ë·ÁÁ® ¿ÔÁö¸¸ CSS3¸¦ ÀÌ¿ëÇÏ¸é ºê¶ó¿ìÀú¿¡°Ô ¹«°Å¿î ÁüÀ» ¾î´À Á¤µµ ³Ñ°ÜÁÙ ¼ö°¡ ÀÖ´Ù. º¯ÇüÀ» ÀÌ¿ëÇÏ¸é ¿ä¼Ò¸¦ ȸÀüÇÏ°í, µÚÁý°í, ºñƲ ¼ö ÀÖÀ» »Ó ¾Æ´Ï¶ó ¿ä¼Ò¸¦ ´øÁ®¹ö¸± ¼öµµ ÀÖ´Ù. ÀüȯÀº ÆäÀÌÁö¿¡¼ º¸ÀÌ´Â °©ÀÛ½º·± »óÅ º¯ÈÀÇ Áß°£¿¡ ¹Ì¹¦ÇÑ º¯È¸¦ Ãß°¡ÇØÁØ´Ù. 8Àå¿¡¼´Â °¡±î¿î ¹Ì·¡¸¦ ³»´Ùº¸¸ç ¸¶¹«¸®ÇÑ´Ù. Áï, CSS Å°ÇÁ·¹ÀÓ ¾Ö´Ï¸ÞÀ̼ÇÀº ¿©ÀüÈ÷ ¿Ïº®ÇÏ°Ô Áö¿øµÇÁö ¾Ê°í ÀÖÁö¸¸ ¿©·¯ºÐµµ ÀÌ·¯ÇÑ ¾Ö´Ï¸ÞÀ̼ÇÀÌ ±²ÀåÈ÷ ¸Å·ÂÀûÀ̶ó´Â µ¥ µ¿ÀÇÇÏ°Ô µÉ °ÍÀÌ´Ù.
¤ý 9Àå: ÀÓº£µðµå ÆùÆ®¿Í ´Ù´Ü ·¹À̾ƿô
ArialÀ̳ª Verdana Áß ¾î¶² ÆùÆ®¸¦ ¼±È£Çϴ°¡? Georgia ȤÀº Times´Â? ÀÌ·¯ÇÑ ÆùÆ® Áß ¾î¶² ÆùÆ®µµ ÁÁ¾ÆÇÏÁö ¾Ê´Â´Ù¸é? 9Àå¿¡¼´Â °ú°ÅÀÇ ¡°À¥-¾ÈÀü¡° ÆùÆ®¸¦ ³Ñ¾î ¹æ¹®ÀÚ°¡ ½ºÅ¸ÀϽÃÆ® ¹× À̹ÌÁö¿Í ÇÔ²² ³»·Á¹ÞÀ» ¼ö ÀÖ´Â ÀÓÀÇÀÇ ÆùÆ®¸¦ ÆäÀÌÁö¿¡ ¹Ù·Î »ðÀÔÇÏ´Â ¹æ¹ýÀ» »ìÆ캻´Ù. ¶ÇÇÑ Ãß°¡ÀûÀÎ ¸¶Å©¾÷À̳ª »ç¿ëÇϱⰡ ²¨·ÁÁö´Â float¸¦ ÀÌ¿ëÇÏÁö ¾Ê°íµµ ÄÜÅÙÃ÷¸¦ ´ÙÁß Ä®·³¿¡ ¹èÄ¡ÇÏ´Â »õ·Î¿î CSS ±â´ÉÀ» »ìÆ캻´Ù.
¤ý 10Àå: À§Ä¡ Á¤º¸, ¿ÀÇÁ¶óÀÎ À¥ ¾Û ¹× À¥ ½ºÅ丮Áö
ÃֽŠºê¶ó¿ìÀú¿¡´Â ´Ù¾çÇÑ »õ Ç¥ÁØ ÀÚ¹Ù½ºÅ©¸³Æ® API°¡ žÀçµÅ ÀÖ´Ù. ÀÌ·¯ÇÑ API °¡¿îµ¥ »ó´ç¼ö´Â Ưº°È÷ ¸ð¹ÙÀÏ ºê¶ó¿ìÀú¿¡ ÀûÇÕÇϵµ·Ï ¸¸µé¾îÁ³Áö¸¸ ¿©ÀüÈ÷ µ¥½ºÅ©Åé »ç¿ëÀÚ¿¡°Ôµµ ÇýÅÃÀ» ÁØ´Ù. 10Àå¿¡¼´Â °¡Àå Èï¹Ì·Î¿î ¼¼ °¡Áö ³»¿ëÀ» »ìÆ캻´Ù. ¹Ù·Î À§Ä¡ Á¤º¸¿Í ¿ÀÇÁ¶óÀÎ À¥ ¾Û, ±×¸®°í À¥ ½ºÅ丮Áö´Ù. ¶ÇÇÑ ¼¼ºÎÀûÀ¸·Î ´Ù·çÁö´Â ¾Ê°ÚÁö¸¸ Ãß°¡ÀûÀ¸·Î ÀϺΠAPI¿¡ ´ëÇؼµµ °£´ÜÈ÷ »ìÆ캸°í(Áö¿øÀÌ ¹ÌºñÇϰųª Á¦ÇÑµÈ °æ¿ì¿¡¸¸ »ç¿ëµÇ±â ¶§¹®¿¡) Á» ´õ ±í°Ô »ìÆ캼 ¼ö ÀÖ°Ô Âü°íÀÚ·áµµ Á¦°øÇÏ°Ú´Ù.
¤ý 11Àå: ĵ¹ö½º, SVG¿Í µå·¡±× ¾Ø µå·Ó
ÀÌ Ã¥ÀÇ ¸¶Áö¸· Àå¿¡¼´Â ±×·¡ÇÈÀ» ±×¸®°í Ç¥½ÃÇÏ´Â µ¥ »ç¿ëÇÏ´Â, ¼·Î ¾à°£Àº °æÀïÀûÀÎ µÎ °¡Áö ±â¼ú¿¡ ÇÒ¾ÖÇß´Ù. ĵ¹ö½º´Â HTML5¿¡¼ »õ·Î¿î ±â¼úÀ̸ç Çȼ¿ ´ÜÀ§·Î Ç¥ÇöµÇ´Â °ø°£°ú °Å±â¿¡ ´Ù¾çÇÑ µµÇüÀ» ±×¸®´Â ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ Á¦°øÇÑ´Ù. ÇÑÆí SVG´Â ³ª¿Â Áö ¸î ³â µÆ°í ÇöÀç ºê¶ó¿ìÀú¿¡¼ »ó´çÈ÷ ³ôÀº ¼öÁØÀ¸·Î Áö¿øµÇ°í ÀÖ¾î Á¡Á¡ ´õ ½Ç¿ëÀûÀÎ ´ë¾ÈÀÌ µÇ°í ÀÖ´Ù. ¸¶Áö¸·À¸·Î ÇÑ °¡Áö ´õ »õ·Î¿î ÀÚ¹Ù½ºÅ©¸³Æ® APIÀÎ µå·¡±× ¾Ø µå·Ó °ü·Ã API¸¦ ´Ù·ç¸ç, ¿©±â¿£ µå·¡±× ¾Ø µå·Ó ÀÎÅÍÆäÀ̽º¿¡ ´ëÇÑ Áö¿ø ±â´ÉÀÌ ³»ÀåµÅ ÀÖ´Ù.
¤ý ºÎ·Ï A: Modernizr
HTML5 Àü¹®°¡¶ó¸é ´©±¸³ª »ç¿ëÇÏ´Â ÇÙ½É µµ±¸ÀÎ Modernizr´Â ¸ðµç HTML5¿Í CSS3ÀÇ ±â´É¿¡ ´ëÇÑ ºê¶ó¿ìÀúÀÇ Áö¿ø »óŸ¦ ¾Ë¾Æ³»´Â ª°íµµ ¸Å¿ì ½Ç¿ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®´Ù. Modernizr¸¦ ÀÌ¿ëÇÏ¸é »çÀÌÆ®¿¡ ¼±º°ÀûÀ¸·Î ½ºÅ¸ÀÏÀ» ¸ÂÃ߰ųª ´ëºñÃ¥À» Àû¿ëÇÒ ¼ö ÀÖ´Ù. Modernizr´Â ÀÌ Ã¥ Àü¹Ý¿¡ °ÉÃÄ ÀÌ¿ëÇÏÁö¸¸ ÀÌ ºÎ·Ï¿¡´Â Modernizr¸¦ »ç¿ëÇÏ´Â ±âº» ÁöħÀ» ¼ö·ÏÇß´Ù. À̷νá ÇÑ°÷¿¡ ·¹ÆÛ·±½º¸¦ ±¸ºñÇØ µÎ°í, ´Ù¸¥ Àå¿¡¼´Â HTML5¿Í CSS3¿¡ ´ëÇÑ ÇÙ½É ³»¿ë¿¡¸¸ ÁýÁßÇÒ ¼ö ÀÖ´Ù.
¤ý ºÎ·Ï B: WAI-ARIA
HTML5¿Í ÇÔ²² ÀÚÁÖ ¾ð±ÞµÇ´Â º°µµÀÇ ±Ô°ÝÀÎ WAI-ARIA´Â ½ºÅ©¸°¸®´õ¿Í °°Àº º¸Á¶ ±â¼úÀ» ÀÌ¿ëÇÏ´Â »ç¿ëÀÚµµ ¼¼·ÃµÈ À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡ Á¢±ÙÇÏ´Â µ¥ µµ¿òÀ» ¹ÞÀ» ¼ö ÀÖ´Â ÃֽŠµµ±¸ Áß Çϳª´Ù. ¹°·Ð WAI-ARIA¿¡ ´ëÇÑ ³»¿ë¸¸À¸·Îµµ Ã¥ ÇÑ ±ÇÀ» ¸ðµÎ ä¿ï ¼ö ÀÖ°ÚÁö¸¸ ÀÌ Ã¥¿¡¼´Â WAI-ARIA¿¡ ´ëÇØ °£·«È÷ ¼Ò°³ÇÏ°í ´õ ¸¹Àº Á¤º¸¸¦ ¾òÀ» ¼ö ÀÖ´Â °÷À» ¼Ò°³ÇÏ´Â °Í¸¸À¸·Îµµ ÃæºÐÈ÷ µµ¿òµÉ °Å¶ó »ý°¢ÇÑ´Ù.
¤ý ºÎ·Ï C: ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ
¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ´Â ±â°è°¡ ÀÌÇØÇÒ ¼ö ÀÖ´Â ¶óº§À» ÀÌ¿ëÇØ ¸¶Å©¾÷¿¡ ¼³¸íÀ» ´Ù´Â °Í°ú °ü·ÃµÈ HTML5 ±Ô°ÝÀÇ ÀϺδÙ. ¾ÆÁ÷ ´Ù¼Ò À¯µ¿ÀûÀÎ »óȲÀ̱ä ÇÏÁö¸¸ ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ´Â ¿©·¯ºÐÀÌ ¾Ë¾ÆµÑ ¸¸ÇÑ °¡Ä¡°¡ ÀÖ´Ù°í »ý°¢ÇÑ´Ù.
- ¼¹® Áß¿¡¼
<ÃâÆÇ»ç ¸®ºä>
¡ºHTML5 & CSS3 ½ÇÀü¿¡¼´Â ÀÌ·¸°Ô ¾´´Ù!¡»´Â Â÷¼¼´ë À¥ °³¹ß ±â¼ú¿¡ ´ëÇÑ ¿Ïº®ÇÑ ¼Ò°³¼ÀÔ´Ï´Ù. ½±°Ô µû¶ó ÇÒ ¼ö ÀÖ´Â ÀÌ Ã¥¿¡´Â HTML5 ¹× CCS3¸¦ ¹Ù·Î ½Ç¹«¿¡ Àû¿ëÇÏ´Â µ¥ ÇÊ¿äÇÑ ¸ðµç ³»¿ëÀÌ ´ã°Ü ÀÖ½À´Ï´Ù. ¾Æ¿ï·¯ HTML5¿¡¼ ÀÌ¿ëÇÒ ¼ö ÀÖ´Â »õ·Î¿î ÀǹÌÀû ¿ä¼Ò»Ó ¾Æ´Ï¶ó º¹ÀâÇÑ ¹æ¹ý ´ë½Å CSS3¸¦ ÀÌ¿ëÇØ È·ÁÇÑ À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÏ´Â ¹æ¹ýÀ» ¿Ïº®ÇÏ°Ô ½ÀµæÇÒ ¼ö ÀÖ½À´Ï´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë
¤ý ÀÚü HTML5 video¸¦ ÀÌ¿ëÇØ ±ÍÂúÀº Ç÷¡½Ã¸¦ ¾ø¾Ö´Â ¹æ¹ý
¤ý @font-face¸¦ ÀÌ¿ëÇØ ¸Þ½ÃÁöÀÇ Àǹ̸¦ ºÎ°¢½ÃÅ°´Â ÆùÆ® ŸÀÔ ¼³Á¤
¤ý »ç¿ëÀÚ°¡ ÁÁ¾ÆÇÒ ¸¸ÇÑ Áö´ÉÀûÀÌ°í ÀÚü À¯È¿¼º °Ë»ç¸¦ ½Ç½ÃÇÏ´Â À¥ Æû Á¦ÀÛ
¤ý ¸ð¹ÙÀÏ È¯°æ¿¡¼ ºûÀ» ¹ßÇÏ´Â ÃֽŠÀ¥ ¾Û Á¦ÀÛ
¤ý SVG¿Í ĵ¹ö½º¸¦ ÀÌ¿ëÇÑ µ¿ÀûÀÌ°í È¿°úÀûÀÎ ±×·¡ÇÈÀÇ ½Ç½Ã°£ »ý¼º
¤ý »õ·Î¿î API¸¦ ÀÌ¿ëÇÑ À§Ä¡ Á¤º¸¿Í ¿ÀÇÁ¶óÀÎ ±â´É Ãß°¡
¸ñÂ÷
01Àå HTML5¿Í CSS3 ¼Ò°³
HTML5¶õ?
HTML5°¡ °É¾î¿Â ±æ
- ÁøÁ¤ÇÑ HTML5 ±Ô°ÝÀÌ Á¤ÇØÁú ¼ö ÀÖÀ»±î?
¿Ö HTML5¿¡ °ü½ÉÀ» °¡Á®¾ß ÇÒ±î?
CSS3¶õ?
¿Ö CSS3¿¡ °ü½ÉÀ» °¡Á®¾ß ÇÒ±î?
¡®½ÇÀü¡¯À̶õ ¹«¾ùÀ» ÀǹÌÇϴ°¡?
- ´Ù¾çÇÑ ºê¶ó¿ìÀú ½ÃÀå
- ¼ºÀåÇÏ´Â ¸ð¹ÙÀÏ ½ÃÀå
½ÇÀü ³»¿ëÀ¸·Î µé¾î°¡¸é¼
02Àå ¸¶Å©¾÷, HTML5 ½ºÅ¸ÀÏ
HTML5 Çì·²µå ¼Ò°³
±âº» HTML5 ÅÛÇø´
- µ¶Å¸ÀÔ
- html ¿ä¼Ò
- head ¿ä¼Ò
- ´ëµîÇÑ »óȲÀ¸·Î ¸¸µé±â
- ³ª¸ÓÁö´Â ¾Ë°í ÀÖ´Â ±×´ë·Î´Ù
HTML5 FAQ
- ¿Ö ÀÌ·¯ÇÑ º¯°æ»çÇ×ÀÌ ÀÌÀü ºê¶ó¿ìÀú¿¡¼µµ ¿©ÀüÈ÷ ÀÛµ¿ÇÏ´Â °É±î?
- ¸ðµç ű׸¦ ´ÝÁö ¸»¾Æ¾ß ÇÒ±î?
- ´Ù¸¥ XHTML ±â¹Ý ¹®¹ý ±ÔÄ¢Àº ¾î¶³±î?
ÆäÀÌÁöÀÇ ±¸Á¶ Á¤ÀÇ
- header ¿ä¼Ò
- section ¿ä¼Ò
- article ¿ä¼Ò
- nav ¿ä¼Ò
- aside ¿ä¼Ò
- footer ¿ä¼Ò
HTML5 Çì·²µå ±¸Á¶È
Á¤¸®
03Àå HTML5ÀÇ ÀǹÌÀû Ç¥Çö ´õ ¾Ë¾Æº¸±â
ÄÜÅÙÃ÷ ŸÀÔÀÇ »õ·Î¿î Ãø¸é
¹®¼ÀÇ °³¿ä
´º½º ¼Óº¸
- hgroup ¿ä¼Ò
»õ·Î¿î ¿ä¼Ò ´õ ¾Ë¾Æº¸±â
- figure¿Í figcaption ¿ä¼Ò
- mark ¿ä¼Ò
- progress¿Í meter ¿ä¼Ò
- time ¿ä¼Ò
±âÁ¸ ±â´ÉÀÇ º¯È
- ¡®Æó±âµÈ¡®À̶ó´Â ¿ë¾î´Â Æó±âµÆ´Ù
- Link ³»ÀÇ ºí·Ï ¿ä¼Ò
- ±½Àº ±Û¾¾Ã¼
- ÀÌÅŸ¯Ã¼
- Å« ±Û¾¾¿Í ÀÛÀº ±Û¾¾
- ±â´Ù·Á¿Ô´ø cite ¿ä¼Ò
- (Á¤ÀÇ°¡ ¾Æ´Ñ) ¼³¸í ¸ñ·Ï
´Ù¸¥ »õ·Î¿î ¿ä¼Ò¿Í ±â´É
- details ¿ä¼Ò
- ¸ÂÃãÇü ¼ø¼ ÀÖ´Â ¸ñ·Ï
- ¹üÀ§°¡ ÁöÁ¤µÈ ½ºÅ¸ÀÏ
- ½ºÅ©¸³Æ®¸¦ À§ÇÑ async ¼Ó¼º
HTML5 ¹®¼ÀÇ À¯È¿¼º °Ë»ç
¿ä¾à
04Àå HTML5 Æû
Åø¹Ú½ºÀÇ ¹ÏÀ» ¸¸ÇÑ µµ±¸µé
HTML5 Æû ¼Ó¼º
- required ¼Ó¼º
- placeholder ¼Ó¼º
- pattern ¼Ó¼º
- disabled ¼Ó¼º
- readonly ¼Ó¼º
- multiple ¼Ó¼º
- form ¼Ó¼º
- autocomplete ¼Ó¼º
- datalist ¿ä¼Ò¿Í list ¼Ó¼º
- autofocus ¼Ó¼º
HTML5ÀÇ »õ·Î¿î Æû ÀԷ ŸÀÔ
- Search
- À̸ÞÀÏ ÁÖ¼Ò
- URL
- ÀüȹøÈ£
- ¼ýÀÚ
- ¹üÀ§
- »ö»ó
³¯Â¥¿Í ½Ã°£
HTML5¿¡¼ÀÇ ´Ù¸¥ »õ·Î¿î Æû ÄÁÆ®·Ñ
- output ¿ä¼Ò
- keygen ¿ä¼Ò
±âÁ¸ Æû ÄÁÆ®·Ñ°ú ¼Ó¼ºÀÇ º¯È
- form ¿ä¼Ò
- optgroup ¿ä¼Ò
- textarea ¿ä¼Ò
°á·Ð
05Àå HTML5 ¿Àµð¿À¿Í ºñµð¿À
ź»ý ¹è°æ
±â´É Áö¿øÀÇ ÇöÀç »óÅÂ
- ºñµð¿À ÄÁÅ×ÀÌ³Ê Æ÷¸Ë
- ºñµð¿À ÄÚµ¦
- ¿Àµð¿À ÄÚµ¦
- ÇöÀç ºê¶ó¿ìÀú¿¡¼´Â ¾î¶² Á¶ÇÕÀÌ ÀÛµ¿ÇÒ±î?
¸¶Å©¾÷
- ³»Àå ÄÁÆ®·Ñ »ç¿ë
- autoplay ¼Ó¼º
- loop ¼Ó¼º
- preload ¼Ó¼º
- poster ¼Ó¼º
- audio ¼Ó¼º
- ´ÙÁß ºñµð¿À Æ÷¸Ë Áö¿ø
- source ¼ø¼
- ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 6~8Àº ¾î¶»°Ô µÉ±î?
- MIME ŸÀÔ
À¥¿ë ºñµð¿À ÆÄÀÏ ÀÎÄÚµù
¸ÂÃã ÄÁÆ®·Ñ »ý¼º
- ù ½ÃÀÛÀ» À§ÇÑ ¸î °¡Áö ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- ¹Ìµð¾î ¿ä¼Ò API ¼Ò°³
- ºñµð¿ÀÀÇ Àç»ý°ú ÁßÁö
- ºñµð¿ÀÀÇ ¿Àµð¿À Æ®·¢¿¡ ´ëÇÑ À½¼Ò°Å ¹× À½¼Ò°Å ÇØÁ¦
- ºñµð¿À Àç»ýÀÌ ³¡³µÀ» ¶§ÀÇ ¹ÝÀÀ
- ºñµð¿À Àç»ý¿¡ µû¸¥ ½Ã°£ ¾÷µ¥ÀÌÆ®
- ¹Ìµð¾î ¿ä¼Ò APIÀÇ Ãß°¡ÀûÀÎ ±â´É
¿Àµð¿À´Â ¾î¶²°¡?
Á¢±Ù °¡´ÉÇÑ ¹Ìµð¾î
¼îŸÀÓ
06Àå CSS3 ¼Ò°³
ÀÌÀü ºê¶ó¿ìÀú Áö¿øÇϱâ
CSS3 ¼±ÅÃÀÚ
- °ü°èÇü ¼±ÅÃÀÚ
- ¼Ó¼º ¼±ÅÃÀÚ
- °¡»ó Ŭ·¡½º(Pseudo-classes)
- ±¸Á¶Àû °¡»ó Ŭ·¡½º
- °¡»ó ¿ä¼Ò¿Í »ý¼ºµÈ ÄÜÅÙÃ÷
CSS3 »ö
- RGBA
- HSL°ú HSLA
- ºÒÅõ¸íµµ
½ÇÀü Àû¿ë
µÕ±Ù ¸ð¼¸®: border-radius
±×¸²ÀÚ È¿°ú
- Inset°ú ¿©·¯ °³ÀÇ ±×¸²ÀÚ È¿°ú
ÅؽºÆ® ±×¸²ÀÚ È¿°ú
´õ ¸¹Àº ±×¸²ÀÚ È¿°ú
´ÙÀ½À¸·Î
07Àå CSS3 ±×¶óµð¾ðÆ®¿Í ´ÙÁß ¹è°æ
¼±Çü ±×¶óµð¾ðÆ®
- W3C ¹®¹ý
- ÀÌÀüÀÇ À¥Å¶ ¹®¹ý
- Á¾ÇÕ ¿¹Á¦
- SVG¸¦ ÀÌ¿ëÇÑ ¼±Çü ±×¶óµð¾ðÆ®
- IE ÇÊÅ͸¦ ÀÌ¿ëÇÑ ¼±Çü ±×¶óµð¾ðÆ®
- ÀÌ¿ë °¡´ÉÇÑ µµ±¸
¹æ»çÇü ±×¶óµð¾ðÆ®
- W3C ¹®¹ý
- ÀÌÀüÀÇ À¥Å¶ ¹®¹ý
- ¸ðµç ³»¿ëÀ» ÅëÇÕÇϸé
¹Ýº¹ ±×¶óµð¾ðÆ®
´ÙÁß ¹è°æ À̹ÌÁö
¹è°æ Å©±â
¹è°æÀ¸·Î
08Àå CSS3 º¯Çü°ú Àüȯ
º¯Çü(Transform)
- À̵¿(Translation)
- Å©±âº¯È¯
- ȸÀü
- ºñƲ±â
- º¯ÇüÀÇ ¿øÁ¡ º¯°æ
- ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 8°ú ±× ÀÌÀü ¹öÀüÀ» À§ÇÑ Áö¿ø
Àüȯ(Transition)
- transition-property
- transition-duration
- transition-timing-function
- transition-delay
- transition ¾àĪǥ±â ¼Ó¼º
- ´ÙÁß Àüȯ
¾Ö´Ï¸ÞÀ̼Ç
- Å° ÇÁ·¹ÀÓ
- ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼º
³Ñ¾î°¡¸é¼
09Àå À¥ ÆùÆ®¿Í ´Ù´Ü ·¹À̾ƿô
@font-face¸¦ ÀÌ¿ëÇÑ À¥ ÆùÆ®
- @font-face ±¸Çö
- ÆùÆ® ¼Ò½º ¼±¾ð
- ÆùÆ® ¼Ó¼º ±â¼úÀÚ
- À¯´ÏÄÚµå ¹üÀ§
- ÆùÆ® Àû¿ë
- ¹ýÀû °í·Á »çÇ×
- ´Ù¾çÇÑ ÆùÆ® ÆÄÀÏ »ý¼º: ÆùÆ® ½ºÄõ·²
- ´Ù¸¥ °í·Á »çÇ×
CSS3 ´Ù´Ü ·¹À̾ƿô
- column-count ¼Ó¼º
- column-gap ¼Ó¼º
- column-width ¼Ó¼º
- columns ¾àĪǥ±â ¼Ó¼º
- ´Ü°ú height ¼Ó¼º
- ±× ¹ÛÀÇ ´Ü ±â´É
- ´Ù¸¥ °í·Á »çÇ×
- Á¡ÁøÀû Çâ»ó
¹Ìµð¾î Äõ¸®
- ¹Ìµð¾î Äõ¸®¶õ?
- ¹®¹ý
- ¹Ìµð¾î Äõ¸®ÀÇ À¯¿¬¼º
- ºê¶ó¿ìÀú Áö¿ø
- Ãß°¡ Âü°í ÀÚ·á
½ºÅ¸Àϸ®½ÃÇÏ°Ô »ì±â
10Àå À§Ä¡ Á¤º¸, ¿ÀÇÁ¶óÀÎ À¥ ¾Û, ±×¸®°í À¥ ½ºÅ丮Áö
À§Ä¡ Á¤º¸
- ÇÁ¶óÀ̹ö½Ã¿¡ ´ëÇÑ ¹è·Á
- À§Ä¡ Á¤º¸ ¸Þ¼µå
- Modernizr¸¦ ÀÌ¿ëÇÑ Áö¿ø ¿©ºÎ È®ÀÎ
- ÇöÀç À§Ä¡ Á¶È¸
- À§Ä¡ Á¤º¸ÀÇ Position Object
- À§µµ¿Í °æµµ ¾ò±â
- Áöµµ ºÒ·¯¿À±â
- ÀÌÀüÀÇ ¸ð¹ÙÀÏ ±â±â¿¡ ´ëÇÑ ¸¶Áö¸· ÇѸ¶µð
¿ÀÇÁ¶óÀÎ À¥ ¾ÖÇø®ÄÉÀ̼Ç
- ÀÛµ¿ ¹æ¹ý: HTML5 ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã
- ¿ÀÇÁ¶óÀο¡¼ ÀÛµ¿Çϵµ·Ï »çÀÌÆ® ¼³Á¤Çϱâ
- »çÀÌÆ®¸¦ ¿ÀÇÁ¶óÀÎÀ¸·Î ÀúÀåÇϱâ À§ÇÑ Çã°¡ ¾ò±â
- ¿ÀÇÁ¶óÀÎ Å×½ºÆ®
- ¿ÀÇÁ¶óÀο¡¼µµ ÀÌ¿ë °¡´ÉÇÑ HTML5 Çì·²µå ¸¸µé±â
- ¿ÀÇÁ¶óÀÎ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÀúÀå °ø°£ÀÇ Á¦¾à
- Fallback ¼½¼Ç
- ij½Ã ¸®ÇÁ·¹½Ì
- Áö±Ý ¿Â¶óÀÎ »óÅÂÀϱî?
- Ãß°¡ Âü°í ÀÚ·á
À¥ ½ºÅ丮Áö
- µÎ Á¾·ùÀÇ À¥ ½ºÅ丮Áö
- À¥ ½ºÅ丮Áö µ¥ÀÌÅÍÀÇ ¸ð½À
- µ¥ÀÌÅÍ ÀúÀåÇϱâ¿Í Àбâ
- ÀúÀå µ¥ÀÌÅÍ º¯È¯
- Á» ´õ °£´ÜÇÑ »ç¿ë¹ý
- ƯÁ¤ Ç׸ñ Á¦°Å¿Í Àüü µ¥ÀÌÅÍ Áö¿ì±â
- ½ºÅ丮Áö Á¦ÇÑ
- º¸¾È °í·Á»çÇ×
- HTML5 Çì·²µå¿¡ À¥ ½ºÅ丮Áö Ãß°¡
- À¥ ÀνºÆåÅ͸¦ ÀÌ¿ëÇÑ À¥ ½ºÅ丮Áö °ª ¿¶÷
Ãß°¡ÀûÀÎ HTML5 API
- À¥ ¿öÄ¿
- À¥ ¼ÒÄÏ
- Web SQL°ú IndexedDB
±×¸² ±×¸®±â·Î µÇµ¹¾Æ°¡ º¸ÀÚ
11Àå ĵ¹ö½º, SVG¿Í µå·¡±× ¾Ø µå·Ó
ĵ¹ö½º
- ĵ¹ö½ºÀÇ ¿ª»ç
- canvas ¿ä¼Ò »ý¼º
- ĵ¹ö½º¿¡ ±×¸®±â
- ÄÁÅؽºÆ® ¾ò±â
- ºê·¯½Ã¿¡ »ö ÀÔÈ÷±â
- ĵ¹ö½º¿¡ »ç°¢Çü ±×¸®±â
- ĵ¹ö½º ÁÂÇ¥ ½Ã½ºÅÛ
- fillStyleÀÇ º¯Çü
- Path¸¦ ÀÌ¿ëÇØ ´Ù¸¥ ¸ð¾ç ±×¸®±â
- ĵ¹ö½º ±×¸² ÀúÀåÇϱâ
- À̹ÌÁö¸¦ ĵ¹ö½º¿¡ ±×¸®±â
- À̹ÌÁö Á¶ÀÛÇϱâ
- Ä÷¯¿¡¼ Èæ¹éÀ¸·Î À̹ÌÁö º¯È¯Çϱâ
- getImageData¿¡¼ÀÇ º¸¾È ¿À·ù
- ĵ¹ö½º·Î ºñµð¿À Á¶ÀÛÇϱâ
- ĵ¹ö½º¿¡ ÅؽºÆ® Ç¥½ÃÇϱâ
- Á¢±Ù¼º¿¡ ´ëÇÑ ¿ì·Á
- Ãß°¡ Âü°í ÀÚ·á ¸ñ·Ï
SVG
- SVG¿¡¼ ±×¸®±â
- SVG À̹ÌÁö »ý¼ºÀ» À§ÇÑ À×Å©½ºÄÉÀÌÇÁ È°¿ë
- SVG ÇÊÅÍ
- ¶óÆÄ¿¤ ¶óÀ̺귯¸® È°¿ë
- ĵ¹ö½º vs. SVG
µå·¡±× ¾Ø µå·Ó
- WAI-ARIA °í¾çÀÌ¿¡°Ô ¸ÔÀÌÁÖ±â
- µå·¡±× °¡´ÉÇÑ ¿ä¼Ò ¸¸µé±â
- DataTransfer °´Ã¼
- µå·ÓµÈ ¿ä¼Ò ¹Þ±â
- Âü°í ÀÚ·á
¿©±â±îÁöÀÔ´Ï´Ù!
ºÎ·ÏA Modernizr
CSS¿¡¼ Modernizr ÀÌ¿ëÇϱâ
ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ Modernizr ÀÌ¿ëÇϱâ
ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 8°ú ±× ÀÌÀü ¹öÀü¿¡¼ÀÇ HTML5 ¿ä¼Ò¿¡ ´ëÇÑ ½ºÅ¸ÀÏ Àû¿ë Áö¿ø
Ãß°¡ Âü°í ÀÚ·á
ºÎ·ÏB WAI-ARIA
WAI-ARIA°¡ ¾î¶»°Ô ÀǹÌÀû Ç¥ÇöÀ» º¸¿ÏÇϴ°¡
WAI-ARIAÀÇ ÇöÀç »óÅÂ
Ãß°¡ Âü°í ÀÚ·á ¸ñ·Ï
ºÎ·ÏC ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ
HTML5ÀÇ ÀǹÌÀû Ç¥ÇöÀº ÃæºÐÇÏÁö ¾ÊÀº°¡?
¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ ¹®¹ý
À̸§-°ª ½Ö ÀÌÇØÇϱâ
¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ ³×ÀÓ½ºÆäÀ̽º
Ãß°¡ Âü°í ÀÚ·á
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óÇ°ÀÇ ½Ã¸®Áî
(ÃÑ 44±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 44±Ç)
ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
(ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
(ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.