1. À¥Ç¥ÁØ Á¤ÀÇ
¿ùµå ¿ÍÀ̵å À¥(WWW)À» ±¸ÇöÇϱâ À§ÇØ µû¶ó¾ß ÇÒ Ç¥ÁØ ¶Ç´Â ±Ô°Ý. ´Ù¾çÇÑ À¥ ±â¼úÀ» ÅëÇØ ¼ö¸¹Àº ÄÜÅÙÃ÷°¡ °øÀ¯µÇ°í È®»êµÇ¸é¼, À¥ Á¢±Ù¼º, »ç»ýÈ° º¸È£, º¸¾È, ±¹Á¦È µîÀ» °í·ÁÇÑ À¥ ±â¼úÀÇ Ç¥ÁØÈ°¡ ÇÊ¿äÇÏ°Ô µÇ¾ú´Ù. ±¹Á¦ Ç¥ÁØÈ ±â±¸·Î ¿ùµå ¿ÍÀ̵å À¥ ÄÁ¼Ò½Ã¾ö(W3C)ÀÌ ÀÖÀ¸¸ç, ´ëÇ¥Àû À¥ Ç¥ÁØÀ¸·Î ÇÏÀÌÆÛÅؽºÆ® »ý¼º ¾ð¾î(HTML), È®À强 ÇÏÀÌÆÛÅؽºÆ® »ý¼º ¾ð¾î(XHTML), Á¾¼ÓÇü ½ÃÆ®(CSS: Cascading Style Sheets), ÀÚ¹Ù½ºÅ©¸³Æ®(JavaScript), À¥ »ç¿ë¿¡ ´ëÇÑ À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ µîÀÌ ÀÖ´Ù.
¡Ø À¥ Ç¥ÁØÀÇ ÀåÁ¡
- °³¹ß ¹× ¿î¿µÀÇ È¿À²¼º Á¦°í. Áï ¼Ò½ºÀÇ ÅëÀÏÈ·Î ¼öÁ¤ ¹× ¿î¿µ°ü¸®°¡ ¿ëÀÌÇÏ´Ù.
- ´Ù¾çÇÑ ºê¶ó¿ìÀú, ÈÞ´ëÆù PDA, Àå¾ÖÀÎ Áö¿ø¿ë ÇÁ·Î±×·¥¿¡¼µµ ´ëÀÀÀÌ °¡´ÉÇϹǷΠÁ¢±Ù¼ºÀÌ Çâ»ó µÇ°í, Àå¾ÖÀÎ, °í·ÉÀÚ µîÀ» Æ÷ÇÔÇÑ »ç¿ëÀÚÃþµµ È®´ë °¡´ÉÇÏ´Ù.
- ³í¸®ÀûÀÌ°í È¿À²ÀûÀ¸·Î ÀÛ¼ºµÈ À¥ ¹®¼´Â ÄÚµåÀÇ ¾çÀÌ ÁÙ¾î ÆÄÀÏ Å©±â°¡ ÁÙ°í ¼¹öºÎ´ãÀÇ °¨¼Ò·Î À̾îÁú ¼ö ÀÖ´Ù.
- CSS¿Í HTMLÀÌ ºÐ¸®µÇ¾î À¯Áöº¸¼ö¿¡ µé¾î°¡´Â ½Ã°£ÀÌ ´ÜÃàµÇ°í, ºÒÇÊ¿äÇÑ ¸¶Å©¾÷ÀÌ ÃÖ¼ÒȵǾî ÆäÀÌÁö ·Îµù¼Óµµ°¡ Çâ»óµÈ´Ù.
- ¿À·¡µÈ ºê¶ó¿ìÀú¿¡¼µµ ÄÁÅÙÃ÷°¡ ÀûÀýÇÏ°Ô Ç¥½ÃµÇ°í ȣȯ¼º°ú ¿î¿ë¼ºÀÌ È®º¸µÈ´Ù.
- ½ºÅ©¸°¸®´õ±â µî º¸Á¶°øÇÐ ±â±â »ç¿ëÀÚµéÀÌ Á¶±Ý ´õ Á¤È®ÇÑ Á¤º¸¸¦ ¾òÀ» ¼ö ÀÖµµ·Ï µ½´Â´Ù.
- °Ë»öº¿À» ÅëÇÑ È¿À²Àû ³ëÃâ°ú °°Àº °Ë»ö¿£Áø ÃÖÀûÈ°¡ °¡´ÉÇÏ´Ù.
¡Ø À¥ Ç¥ÁØÀÇ ±â¼ú
1) XHTML(eXtensible Hypertext Markup Language )
2) CSS (Cascading Style Sheets)
3) XML (eXtensible Markup Language)
4) DOM(Document Object Model)
5) ECMAScript : ECMA international ÀÇ ECMA-262 ±â¼ú ¸í¼¼¿¡ Á¤ÀÇµÈ Ç¥ÁØÈµÈ ½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö ¾ð¾î
¡Ø À¥ Á¢±Ù¼º
- ÆÀ ¹ö³Ê½º ¸®(Tim Berners-Lee)´Â À¥À» ÀÌ·¸°Ô Á¤ÀÇÇß´Ù : Àå¾Ö¿¡ ±¸¾Ö ¾øÀÌ ¸ðµç »ç¶÷µéÀÌ ¼Õ½±°Ô Á¤º¸¸¦ °øÀ¯ÇÒ ¼ö ÀÖ´Â °ø°£
- ¸ðµç »ç¿ëÀÚ°¡ ½ÅüÀû, ȯ°æÀû Á¶°Ç¿¡ °ü°è¾øÀÌ À¥¿¡ Á¢±ÙÇÏ¿© ÀÌ¿ëÇÒ ¼ö ÀÖµµ·Ï º¸ÀåÇÏ´Â °Í
- W3C Á¤ÀÇ¿¡ µû¸£¸é À¥ Ç¥ÁØÀº Á¢±Ù¼º, »ç»ýÈ° º¸È£, º¸¾È, ±¹Á¦ÈÀÇ Ãø¸é¿¡¼ °í·ÁÇØ¾ß ÇÑ´Ù°í ÇÑ´Ù.
- À¥ Á¢±Ù¼ºÀº ½ÅüÀû Â÷À̳ª Àå¾Ö ¿©ºÎ¿Í »ó°ü¾øÀÌ ´©±¸³ª ¿øÈ°ÇÏ°Ô À¥ÆäÀÌÁö¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù´Â °ÍÀ» ÀÇ¹Ì ÇÑ´Ù.
½Ã°¢Àå¾ÖÀÎÀÇ °æ¿ì ȸéÀ» ´«À¸·Î º¼ ¼ö ¾ø±â ¶§¹®¿¡ '½ºÅ©¸° ¸®´õ'¶ó´Â º°µµÀÇ ¼ÒÇÁÆ®¿þ¾î¸¦ ÄÄÇ»ÅÍ¿¡ ¼³Ä¡ÇÏ¿© À½¼ºÀ¸·Î À¥ÆäÀÌÁö¿¡ ´ã±ä Á¤º¸¸¦ ÀÌÇØ ÇÑ´Ù.
ÇÏÁö¸¸ ½ºÅ©¸° ¸®´õ´Â ½º½º·Î À¥ÆäÀÌÁöÀÇ ³»¿ëÀ» ºÐ¼®ÇÏÁö ¸øÇÑ´Ù.
¿¹¸¦µé¾î '·Î±×ÀÎ'À̶ó´Â ÅؽºÆ® ´ë½Å ¸Þ´º¶ó°í ·Î±×ÀÎ À̹ÌÁö¸¦ »ç¿ëÇÒ °æ¿ì ºñ ½Ã°¢ Àå¾ÖÀÎÀÇ ´«¿¡´Â ·Î±×ÀÎ ¸Þ´º·Î ÀÎ½Ä °¡´ÉÇÏÁö¸¸, ¼ÒÇÁÆ®¿þ¾îÀÇ ÀÔÀå¿¡¼´Â ±×Àú À̹ÌÁöÀÏ »ÓÀÌ´Ù.
µû¶ó¼, µÇµµ·ÏÀ̸é À̹ÌÁö ´ë½Å ¼Ò½ºÄڵ忡 ³»¿ëÀ» ±×´ë·Î ´ã´Â °ÍÀÌ ±ÇÀåµÇ¸ç, ºÎµæÀÌÇÏ°Ô À̹ÌÁö¸¦ »ç¿ëÇÒ °æ¿ì ¹Ýµå½Ã À̹ÌÁö°¡ ¾î¶² ³»¿ëÀÎÁö ¾Æ·¡¿Í °°ÀÌ ¼³¸íÀ» Ãß°¡ ÇØ¾ß ÇÑ´Ù.
±¹ºñÁö¿ø ÀÚºñÀü¹®Çпø
¼¿ïITÁ÷¾÷Àü¹®Çб³
1. À¥Ç¥ÁØ Á¤ÀÇ
¿ùµå ¿ÍÀ̵å À¥(WWW)À» ±¸ÇöÇϱâ À§ÇØ µû¶ó¾ß ÇÒ Ç¥ÁØ ¶Ç´Â ±Ô°Ý. ´Ù¾çÇÑ À¥ ±â¼úÀ» ÅëÇØ ¼ö¸¹Àº ÄÜÅÙÃ÷°¡ °øÀ¯µÇ°í È®»êµÇ¸é¼, À¥ Á¢±Ù¼º, »ç»ýÈ° º¸È£, º¸¾È, ±¹Á¦È µîÀ» °í·ÁÇÑ À¥ ±â¼úÀÇ Ç¥ÁØÈ°¡ ÇÊ¿äÇÏ°Ô µÇ¾ú´Ù. ±¹Á¦ Ç¥ÁØÈ ±â±¸·Î ¿ùµå ¿ÍÀ̵å À¥ ÄÁ¼Ò½Ã¾ö(W3C)ÀÌ ÀÖÀ¸¸ç, ´ëÇ¥Àû À¥ Ç¥ÁØÀ¸·Î ÇÏÀÌÆÛÅؽºÆ® »ý¼º ¾ð¾î(HTML), È®À强 ÇÏÀÌÆÛÅؽºÆ® »ý¼º ¾ð¾î(XHTML), Á¾¼ÓÇü ½ÃÆ®(CSS: Cascading Style Sheets), ÀÚ¹Ù½ºÅ©¸³Æ®(JavaScript), À¥ »ç¿ë¿¡ ´ëÇÑ À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ µîÀÌ ÀÖ´Ù.
¡Ø À¥ Ç¥ÁØÀÇ ÀåÁ¡
- °³¹ß ¹× ¿î¿µÀÇ È¿À²¼º Á¦°í. Áï ¼Ò½ºÀÇ ÅëÀÏÈ·Î ¼öÁ¤ ¹× ¿î¿µ°ü¸®°¡ ¿ëÀÌÇÏ´Ù.
- ´Ù¾çÇÑ ºê¶ó¿ìÀú, ÈÞ´ëÆù PDA, Àå¾ÖÀÎ Áö¿ø¿ë ÇÁ·Î±×·¥¿¡¼µµ ´ëÀÀÀÌ °¡´ÉÇϹǷΠÁ¢±Ù¼ºÀÌ Çâ»ó µÇ°í, Àå¾ÖÀÎ, °í·ÉÀÚ µîÀ» Æ÷ÇÔÇÑ »ç¿ëÀÚÃþµµ È®´ë °¡´ÉÇÏ´Ù.
- ³í¸®ÀûÀÌ°í È¿À²ÀûÀ¸·Î ÀÛ¼ºµÈ À¥ ¹®¼´Â ÄÚµåÀÇ ¾çÀÌ ÁÙ¾î ÆÄÀÏ Å©±â°¡ ÁÙ°í ¼¹öºÎ´ãÀÇ °¨¼Ò·Î À̾îÁú ¼ö ÀÖ´Ù.
- CSS¿Í HTMLÀÌ ºÐ¸®µÇ¾î À¯Áöº¸¼ö¿¡ µé¾î°¡´Â ½Ã°£ÀÌ ´ÜÃàµÇ°í, ºÒÇÊ¿äÇÑ ¸¶Å©¾÷ÀÌ ÃÖ¼ÒȵǾî ÆäÀÌÁö ·Îµù¼Óµµ°¡ Çâ»óµÈ´Ù.
- ¿À·¡µÈ ºê¶ó¿ìÀú¿¡¼µµ ÄÁÅÙÃ÷°¡ ÀûÀýÇÏ°Ô Ç¥½ÃµÇ°í ȣȯ¼º°ú ¿î¿ë¼ºÀÌ È®º¸µÈ´Ù.
- ½ºÅ©¸°¸®´õ±â µî º¸Á¶°øÇÐ ±â±â »ç¿ëÀÚµéÀÌ Á¶±Ý ´õ Á¤È®ÇÑ Á¤º¸¸¦ ¾òÀ» ¼ö ÀÖµµ·Ï µ½´Â´Ù.
- °Ë»öº¿À» ÅëÇÑ È¿À²Àû ³ëÃâ°ú °°Àº °Ë»ö¿£Áø ÃÖÀûÈ°¡ °¡´ÉÇÏ´Ù.
¡Ø À¥ Ç¥ÁØÀÇ ±â¼ú
1) XHTML(eXtensible Hypertext Markup Language )
2) CSS (Cascading Style Sheets)
3) XML (eXtensible Markup Language)
4) DOM(Document Object Model)
5) ECMAScript : ECMA international ÀÇ ECMA-262 ±â¼ú ¸í¼¼¿¡ Á¤ÀÇµÈ Ç¥ÁØÈµÈ ½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö ¾ð¾î
¡Ø À¥ Á¢±Ù¼º
- ÆÀ ¹ö³Ê½º ¸®(Tim Berners-Lee)´Â À¥À» ÀÌ·¸°Ô Á¤ÀÇÇß´Ù : Àå¾Ö¿¡ ±¸¾Ö ¾øÀÌ ¸ðµç »ç¶÷µéÀÌ ¼Õ½±°Ô Á¤º¸¸¦ °øÀ¯ÇÒ ¼ö ÀÖ´Â °ø°£
- ¸ðµç »ç¿ëÀÚ°¡ ½ÅüÀû, ȯ°æÀû Á¶°Ç¿¡ °ü°è¾øÀÌ À¥¿¡ Á¢±ÙÇÏ¿© ÀÌ¿ëÇÒ ¼ö ÀÖµµ·Ï º¸ÀåÇÏ´Â °Í
- W3C Á¤ÀÇ¿¡ µû¸£¸é À¥ Ç¥ÁØÀº Á¢±Ù¼º, »ç»ýÈ° º¸È£, º¸¾È, ±¹Á¦ÈÀÇ Ãø¸é¿¡¼ °í·ÁÇØ¾ß ÇÑ´Ù°í ÇÑ´Ù.
- À¥ Á¢±Ù¼ºÀº ½ÅüÀû Â÷À̳ª Àå¾Ö ¿©ºÎ¿Í »ó°ü¾øÀÌ ´©±¸³ª ¿øÈ°ÇÏ°Ô À¥ÆäÀÌÁö¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù´Â °ÍÀ» ÀÇ¹Ì ÇÑ´Ù.
½Ã°¢Àå¾ÖÀÎÀÇ °æ¿ì ȸéÀ» ´«À¸·Î º¼ ¼ö ¾ø±â ¶§¹®¿¡ '½ºÅ©¸° ¸®´õ'¶ó´Â º°µµÀÇ ¼ÒÇÁÆ®¿þ¾î¸¦ ÄÄÇ»ÅÍ¿¡ ¼³Ä¡ÇÏ¿© À½¼ºÀ¸·Î À¥ÆäÀÌÁö¿¡ ´ã±ä Á¤º¸¸¦ ÀÌÇØ ÇÑ´Ù.
ÇÏÁö¸¸ ½ºÅ©¸° ¸®´õ´Â ½º½º·Î À¥ÆäÀÌÁöÀÇ ³»¿ëÀ» ºÐ¼®ÇÏÁö ¸øÇÑ´Ù.
¿¹¸¦µé¾î '·Î±×ÀÎ'À̶ó´Â ÅؽºÆ® ´ë½Å ¸Þ´º¶ó°í ·Î±×ÀÎ À̹ÌÁö¸¦ »ç¿ëÇÒ °æ¿ì ºñ ½Ã°¢ Àå¾ÖÀÎÀÇ ´«¿¡´Â ·Î±×ÀÎ ¸Þ´º·Î ÀÎ½Ä °¡´ÉÇÏÁö¸¸, ¼ÒÇÁÆ®¿þ¾îÀÇ ÀÔÀå¿¡¼´Â ±×Àú À̹ÌÁöÀÏ »ÓÀÌ´Ù.
µû¶ó¼, µÇµµ·ÏÀ̸é À̹ÌÁö ´ë½Å ¼Ò½ºÄڵ忡 ³»¿ëÀ» ±×´ë·Î ´ã´Â °ÍÀÌ ±ÇÀåµÇ¸ç, ºÎµæÀÌÇÏ°Ô À̹ÌÁö¸¦ »ç¿ëÇÒ °æ¿ì ¹Ýµå½Ã À̹ÌÁö°¡ ¾î¶² ³»¿ëÀÎÁö ¾Æ·¡¿Í °°ÀÌ ¼³¸íÀ» Ãß°¡ ÇØ¾ß ÇÑ´Ù.
±¹ºñÁö¿ø ÀÚºñÀü¹®Çпø
¼¿ïITÁ÷¾÷Àü¹®Çб³