º»¹® ¹Ù·Î°¡±â


Ȩ > À¥ Á¢±Ù¼º > À¥ Ç¥ÁØ°ú À¥ ȣȯ¼º

À¥ Ç¥ÁØ°ú À¥ ȣȯ¼º

À¥ Ç¥ÁØ(Web Standards) Á¤ÀÇ

À¥ Ç¥ÁØÀ̶õ ºê¶ó¿ìÀú Á¾·ù ¹× ¹öÀü¿¡ µû¸¥ ±â´É Â÷ÀÌ¿¡ ´ëÇÏ¿© ȣȯÀÌ °¡´ÉÇϵµ·Ï Á¦½ÃµÈ Ç¥ÁØÀ¸·Î, ´Ù¸¥ ±âÁ¾ ȤÀº Ç÷§Æû¿¡ µû¶ó ´Þ¸® ±¸ÇöµÇ´Â ±â¼úÀ» µ¿ÀÏÇÏ°Ô ±¸ÇöÇÔ°ú µ¿½Ã¿¡ ¾î´À ÇÑÂÊ¿¡ ÃÖÀûÈ­µÇ¾î Ä¡¿ìÄ¡Áö ¾Êµµ·Ï °øÅë¿ä¼Ò¸¦ »ç¿ëÇÏ¿© À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÏ´Â ±â¹ýÀ» ÀǹÌÇÑ´Ù. Ç¥ÁØÈ­ ´ÜüÀÎ W3C(World Wide Consortium)°¡ ±Ç°íÇÑ Ç¥Áؾȿ¡ µû¶ó À¥»çÀÌÆ®¸¦ ÀÛ¼ºÇÒ ¶§ ÀÌ¿ëÇÏ´Â HTML, CSS, JavaScript µî¿¡ ´ëÇÑ ±ÔÁ¤À» ´ã°í ÀÖÀ¸¸ç À¥ Ç¥ÁØÀÇ ±Ã±ØÀûÀÎ ¸ñÀûÀº À¥»çÀÌÆ®¿¡ Á¢¼ÓÇÑ »ç¿ëÀÚ°¡ ¾î¶°ÇÑ ¿î¿µÃ¼Á¦³ª ºê¶ó¿ìÀú¸¦ »ç¿ëÇÏ´õ¶óµµ µ¿ÀÏÇÑ °á°ú¸¦ º¸ÀÌ°Ô ÇÏ´Â °ÍÀÌ´Ù.

À¥ Ç¥ÁØ Áؼö ÀÌÀ¯

±¹³» À¥ÀÇ Çö½ÇÀº ƯÁ¤ ºê¶ó¿ìÀú¿Í »ç¿ëÀÚ µîÀÇ ÀÌ¿ëȯ°æ°ú ºñÇ¥ÁØ ÆäÀÌÁö ¹× °úµµÇÑ Ç÷¯±×ÀÎ »ç¿ëÀ¸·Î Àå¾ÖÀÎ, ³ë¾àÀÚ¸¦ Æ÷ÇÔÇÑ ¸ðµç »ç¿ëÀڵ鿡°Ô ¿î¿µÃ¼Á¦ ¹× À¥ ºê¶ó¿ìÀú µîÀÇ Á¤º¸ Á¢±Ù Á¦¾àÀÌ ÀÖ´Ù. µû¶ó¼­ ºê¶ó¿ìÀúÀÇ Á¾·ù³ª ¹öÀü¿¡ »ó°ü¾øÀÌ ¸ðµç »ç¿ëÀÚµéÀÌ µ¿ÀÏÇÑ À¥»çÀÌÆ®¸¦ º¼ ¼ö ÀÖµµ·Ï À¥ Ç¥Áرâ¼ú ÀÛ¾÷ÀÌ ÇÊ¿äÇϸç À¥ Ç¥ÁØ Áؼö´Â À¥ Á¢±Ù¼º Áؼö¸¦ À§ÇÑ ÇÙ½ÉÀÌ´Ù.

À¥ Ç¥ÁØ ÀåÁ¡

  • 1. ¼öÁ¤ ¹× ¿î¿µ°ü¸® ¿ëÀÌ
    ÄÜÅÙÃ÷ÀÇ ¿Ã¹Ù¸¥ ±¸Á¶È­¿Í CSS·Î ½Ã°¢Ç¥ÇöÀ» ÅëÀÏÇÏ¿© Á¦¾îÇÏ°Ô µÇ¾î ÆäÀÌÁö Á¦ÀÛÀÇ ºÎ´ã °¨¼Ò ¹× °ü¸®¿ëÀÌ
  • 2. Á¢±Ù¼º Çâ»ó
    À¥ Ç¥ÁØÀ» ÀÌ¿ëÇØ ÀÛ¼ºÇÑ ¹®¼­´Â ´Ù¾çÇÑ ºê¶ó¿ì¡ ȯ°æ¿¡ ´ëÀÀÀÌ °¡´ÉÇϸç ÈÞ´ëÆù, PDA¿¡¼­µµ Á¤»óÀûÀÎ ÀÛµ¿ ¹×
    Àå¾ÖÀÎ Áö¿ø¿ë ÇÁ·Î±×·¥¿¡µµ µµ¿òÀÌ µÇ¹Ç·Î »ç¿ëÀÚ³ª Á¢¼Ó ÀåÄ¡ÀÇ Á¢±Ù¼ºÀÌ ¿ëÀÌ
  • 3. °Ë»ö¿£Áø ÃÖÀûÈ­(SEO)
    ±¸Á¶È­µÈ À¥ÆäÀÌÁö´Â °Ë»ö ·Îº¿ ¼öÁýÀ» ÅëÇØ °Ë»ö¿£Áø¿¡ È¿À²ÀûÀ¸·Î ³ëÃâ µÉ ¼ö ÀÖµµ·Ï °Ë»ö¿£ÁøÀÇ
    °Ë»ö°á°ú¸¦ ÃÖÀûÈ­
  • 4. File Size Ãà¼Ò, ¼­¹ö ÀúÀå °ø°£ Àý¾à
    È¿À²ÀûÀÎ ¼Ò½º ÀÛ¼ºÀº ÆÄÀÏ »çÀÌÁî¿Í ¼­¹ö°ø°£À» Àý¾àÇÒ ¼ö ÀÖÀ¸¸ç µ¿½Ã¿¡ È­¸éÇ¥½Ã¿¡ ¼Ò¿äµÇ´Â ½Ã°£À» ´ÜÃà
  • 5. È¿À²ÀûÀÎ ¸¶Å©¾÷
    CSS¿Í HTML¹®¼­¸¦ ºÐ¸®ÇÏ¿© Á¦ÀÛÇÒ °æ¿ì ºÒÇÊ¿äÇÑ ¸¶Å©¾÷ÀÌ ÃÖ¼ÒÈ­µÇ¾î ÆäÀÌÁö ·Îµù¼Óµµ Çâ»ó
  • 6. ȣȯ¼º °¡´É
    ±âÁ¸ IEºê¶ó¿ìÀú¿¡¼­¸¸ ÀÛµ¿ÀÌ °¡´ÉÇß´ø ¿ä¼ÒµéÀÌ À¥ Ç¥ÁØÀ» ÁؼöÇÔÀ¸·Î½á ´Ù¾çÇÑ ºê¶ó¿ìÀú
    (Å©·Ò, ÆÄÀ̾îÆø½º, »çÆĸ®, ¿ÀÆä¶ó µî)¿¡¼­µµ ÀÛµ¿

À¥ ȣȯ¼º(Cross Browsing) Á¤ÀÇ

À¥ ȣȯ¼ºÀº Ç¥ÁØ À¥ ±â¼úÀ» »ç¿ëÇÏ¿© ¿î¿µÃ¼Á¦, ºê¶ó¿ìÀú µî ¾î´À ÇÑÂÊÀ¸·Î ÃÖÀûÈ­µÇ°Å³ª Á¾¼ÓµÇÁö ¾Êµµ·Ï °øÅë ¿ä¼Ò¸¦ »ç¿ëÇÏ¿© À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÏ´Â ±â¹ýÀ¸·Î À¥ »çÀÌÆ® »ç¿ë ½Ã ¿î¿µÃ¼Á¦ ¹× ºê¶ó¿ìÀú °£ µ¿ÀÏÇÑ °á°ú°¡ ³ª¿Àµµ·Ï ÀǹÌÇÏ´Â À¥ »óÈ£¿î¿ë¼ºÀÇ °³³ä¿¡ À¥ Ç¥ÁØÀÇ Áؼö¸¦ Æ÷ÇÔÇÏ´Â °³³äÀÌ´Ù.
¡Ø Ãâó
À±¼®Âù, IE, ³Ý½ºÄÉÀÌÇÁ, ¿ÀÆä¶ó, »çÆĸ®¿Í ÇÔ°Ô ÇÏ´Â Cross Browsing °¡À̵å, 2005, Çѱ¹¼ÒÇÁÆ®¿þ¾îÁøÈï¿ø
ÀÌ¿µÀç, Ư¡: °ø°³¼ÒÇÁÆ®¿þ¾î ÀÚÄ¡´Üü ȨÆäÀÌÁö ¿¦ ȣȯ¼º È®º¸¹æ¾È, ÀÚÄ¡Á¤º¸Á¶ÇÕ, Vol.44, 2007

À¥ ȣȯ¼º Áؼö ÀÌÀ¯

À¥ Ç¥ÁØÀ» ÁؼöÇÏÁö ¾Ê°í ƯÁ¤ ¿î¿µÃ¼Á¦¿Í ºê¶ó¿ìÀú¿¡ Á¾¼ÓµÇ¾î ÀÖ´Ù¸é ´Ù¾çÇÑ ¿î¿µÃ¼Á¦ ȯ°æ ¹× ºê¶ó¿ìÀú¿¡¼­ÀÇ »ç¿ëÀÌ ºÒ°¡´ÉÇÑ ¹®Á¦Á¡ÀÌ ¹ß»ýÇÏ°Ô µÈ´Ù.
±¹³»´Â Internet Explorer À¥ ºê¶ó¿ìÀú¿¡ ÃÖÀûÈ­µÈ ºñÇ¥ÁØ ±â¼úÀÌ ³Î¸® »ç¿ëµÇ°í ÀÖ´Ù. °³¹æÇü ÅëÇÕ Ç÷§ÆûÀÎ ActiveX°¡ ±× ´ëÇ¥ÀûÀÎ ¿¹·Î, ActiveX´Â À¥»çÀÌÆ®¿¡¼­ Á¤ÀûÀÎ À¥¹®¼­¸¦ ¸ÖƼ¹Ìµð¾î ±â¼ú·Î µ¿ÀÛ °¡´ÉÇÏ°Ô ÇÏ´Â Ç÷¯±×ÀÎ(Plug-in) ±â¼úÀ̳ª º¸¾È¿¡ Ãë¾àÇÑ ¹®Á¦Á¡ÀÌ ÀÖÀ¸¸ç ¶ÇÇÑ IE¿¡¼­¸¸ »ç¿ëµÇ´Â ±â¼ú·Î ´Ù¸¥ À¥ ºê¶ó¿ìÀú¿¡¼­´Â ±¸µ¿ÀÌ ºÒ°¡´ÉÇÏ¿© ¿Ü±¹¿¡¼­ ±¹³» À¥ »çÀÌÆ®¿¡ Á¢±ÙÇÒ ¶§ Ç¥ÁØÈ­µÇÁö ¾ÊÀº À¥»çÀÌÆ®·Î ÀÎÇØ À¥ ȣȯ¼ºÀÌ Çö°ÝÈ÷ ¶³¾îÁö´Â ¹®Á¦°¡ ¹ß»ýÇÒ ¼ö ÀÖ´Ù. µû¶ó¼­ Á¦°øÇÏ´Â ¼­ºñ½º¸¦ ¸ðµç À¥ ºê¶ó¿ìÀú ȯ°æ¿¡¼­ µ¿ÀÏÇÏ°Ô ÀÌ¿ëÇϱâ À§Çؼ­´Â À¥ ȣȯ¼ºÀ» ÁؼöÇÑ À¥»çÀÌÆ®ÀÇ ±¸ÃàÀÌ ÇÊ¿äÇÏ´Ù.

À¥ Ç¥ÁØ, À¥ ȣȯ¼º, À¥ Á¢±Ù¼ºÀÇ ÀÌÇØ

À¥ Ç¥ÁØ, À¥ ȣȯ¼º, À¥ Á¢±Ù¼ºÀÇ ¸ñÀûÀº À¥À» »ç¿ëÇÏ´Â »ç¿ëÀÚ°¡ À¥»çÀÌÆ®¸¦ ÀÚÀ¯·Ó°í Æí¸®ÇÏ°Ô ÀÌ¿ëÇÏ´Â Á¡°ú Àå¾ÖÀÎ, °í·ÉÀÚ µîÀ» Æ÷ÇÔÇÑ »ç¿ëÀÚÃþ È®´ë, ´Ù¾çÇÑ È¯°æ, »õ·Î¿î ±â±â¿¡¼­ÀÇ ÀÌ¿ë, °³¹ß ¹× ¿î¿ëÀÇ È¿À²¼º Á¦°í µîÀÇ ±â´ëÈ¿°ú°¡ À¯»çÇÏÁö¸¸ ´ë»ó ¹× Á¾·ù µîÀÇ Áؼö ³»¿ë°ú ÆíÀǸ¦ Á¦°øÇÏ´Â Á¡¿¡¼­ Â÷ÀÌ°¡ ÀÖ´Ù. À¥ Ç¥ÁØÀ» Áؼö ÇÏ´Â °Í¸¸À¸·Î´Â À¥ Á¢±Ù¼ºÀ̳ª À¥ ȣȯ¼ºÀÌ º¸ÀåµÇÁö ¾ÊÀ¸¸ç À¥ ȣȯ¼ºÀ» ÁؼöÇÏ´õ¶óµµ À¥ Á¢±Ù¼ºÀº º¸ÀåµÇÁö ¾Ê´Â´Ù. À¥ Á¢±Ù¼ºÀ̶õ º¸ÆíÀû Á¢±Ù¼º È®º¸¸¦ ¿ì¼±½ÃÇÏ°í, À¥ ȣȯ¼ºÀº OS, SW¿¡ µ¶¸³ÀûÀÎ »óÈ£¿î¿ë¼º È®º¸¸¦ ¿ì¼±½ÃÇÑ´Ù.

À¥ Ç¥ÁØ, À¥ ȣȯ¼º, À¥ Á¢±Ù¼º ¼³¸íÇ¥
±¸ºÐ ¸ñÀû Áؼö ³»¿ë Â÷ÀÌ
À¥ Ç¥ÁØ
(Web Standards)
À¥ÀÇ »ç¿ë¼º
¹× Á¢±Ù¼º º¸Àå
HTML, CSS µî¿¡ ´ëÇÑ WC3±Ô°Ý(¹®¹ý) Áؼö µî
- HTML, CSS, Javascript µî ±¸Á¶¿Í Ç¥Çö, µ¿ÀÛ ºÐ¸® ±Ç°í
À¥ÀÇ ³»¿ë, Ç¥Çö, Çൿ¿¡ °ü·ÃµÈ ±â¼úÇ¥ÁØ
À¥ ȣȯ¼º
(Cross Browsing)
À¥ ºê¶ó¿ìÀú ¹öÀü,
Á¾·ù¿Í °ü°è¾ø´Â
À¥»çÀÌÆ® Á¢±Ù
À¥ Ç¥ÁØ Áؼö¸¦ ÅëÇÑ ºê¶ó¿ìÀú ȣȯ¼º È®º¸
- HTML, CSS ¹®¹ý Áؼö
- µ¿ÀÛ, ·¹À̾ƿô, Ç÷¯±×ÀΠȣȯ¼º
À¥ Ç¥ÁØÀ» °øÅëÀ¸·Î
Æ÷ÇÔ
À¥ Á¢±Ù¼º
(Web Accessibility)
ÀÎÀû, ȯ°æÀû ¿äÀο¡
Á¦¾à¾ø´Â À¥ Á¤º¸ Á¢±Ù
W3C À¥ Á¢±Ù¼º À̴ϼÅƼºê(WAI)
Çѱ¹Çü À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ2.0

- ÀνÄÀÇ ¿ëÀ̼º, ¿î¿ëÀÇ ¿ëÀ̼º, ÀÌÇØÀÇ ¿ëÀ̼º, °ß°í¼º

óÀ½À¸·Î °¡±â