¸Þ´º ¹Ù·Î°¡±â º»¹® ¹Ù·Î°¡±â
´Ý±â
¾ÆÀÌÄÜ/½Ç½Ã°£ Ä«Åå»ó´ã
ÇØ´ç°úÁ¤ÀÇ Çо÷¼ºÃëµµ°¡ ºÎÁ·Çϰųª ¹Ù¶ó´Â »çÇ×ÀÌ ÀÖÀ» ½Ã °ÇÀÇÇÏ¿© Áֽñ⠹ٶø´Ï´Ù.
ÇØ´ç ±³À°°úÁ¤ (Çʼö)Çʼö
¼º¸í (À͸íÁ¦°¡´É) Çʼö
±³À°À» Âü¿©ÇϽø鼭
°¡Àå ÁÁ¾Ò´ø ºÎºÐ Çʼö
±³À°À» Âü¿©ÇϽø鼭
°¡Àå ¾î·Á¿ü´ø ºÎºÐ Çʼö
Àü¼ÛÇϱâ
´Ý±â
¼­¿ïIT¿¡°Ô ¹Ù¶ó´Â °£°îÇÑ ¸Þ½ÃÁö
ÇØ´ç ±³À°°úÁ¤ (Çʼö) Çʼö
¼º¸í (À͸íÁ¦°¡´É) Çʼö
¿¬¶ôó
³»¿ë Çʼö
°³ÀÎÁ¤º¸¼öÁý µ¿ÀÇ Çʼö ¼­¿ïITÁ÷¾÷Àü¹®Çб³ÀÇ °³ÀÎÁ¤º¸ Ãë±Þ¹æħ¿¡ µ¿ÀÇ ÇÕ´Ï´Ù.
Àü¼ÛÇϱâ
´Ý±â
K-Digital Training
¼­¿ïÁö¿ª ÀÎÀûÀÚ¿ø°³¹ßÀ§¿øȸ ¿ì¼ö±â°ü»ó 2³â¿¬¼Ó ¼ö»ó
Æò°¡µµ±¸ ¿ì¼ö»ç·Ê Àå·Á»ó ¼ö»ó

¼­¿ïIT¾ÆÄ«µ¥¹Ì È«´ë

¿ì¼ö ÈƷñâ°ü
quick menu ±³À°°úÁ¤ ¿Â¶óÀλó´ã ¼ö°­Èıâ Áö½ÄÄܼ­Æ® ¿À½Ã´Â±æ
ÇнÀÀÚ·á½Ç
¸ñ·Ï
¿î¿µÀÚ | Á¶È¸ 450 | 2020.10.21 À¥Ç¥ÁØ Á¤ÀÇ_±¹ºñÁö¿øÀÚ¹ÙÇпø

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Á÷¾÷Àü¹®Çб³


±Û¸ñ·Ï