5. ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ


5.1 HTML¹®¼­¿¡ Ãß°¡Çϱâ

  ÀÌÁ¦ HTML¹®¼­¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® ±¸¹®À» ¾î¶»°Ô ÷°¡ÇÏ´ÂÁö »ìÆìº¸µµ·Ï ÇÏÀÚ. ¸ÕÀú, HTML¹®¼­¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® ±¸¹®Àº <SCRIPT></SCRIPT>·Î °¨½Î¸é µÈ´Ù.
* Server Side JavaScriptÀÇ °æ¿ì´Â Tag¸¦ »ç¿ëÇÑ´Ù.
  • ÆÄ¶õ ºÎºÐÀº ¿É¼ÇÀ¸·Î »ý·«ÇÒ ¼öµµ ÀÖ´Ù.
  • SRC : ÀÚ¹Ù½ºÅ©¸³Æ®°¡ À§Ä¡ÇÑ URL(È®ÀåÀÚ:js)
  • // : ÀÚ¹Ù½ºÅ©¸³Æ®³»ÀÇ ÁÖ¼®
  • <!--, --> : HTML³»ÀÇ ÁÖ¼®À¸·Î script¸¦ ÀνÄÇÏÁö ¸øÇÏ´Â ºê¶ó¿ìÁ®¿¡°Ô °¨Ãá´Ù.
    LANGUAGE   À§ÀÇ ¿¹¿¡¼­ LANGUAGE¿¡´Â LiveScript(±¸¹öÁ¯)³ª JavaScriptÁß Çϳª¼±ÅÃÇØ¼­ »ç¿ëÇßÀ¸¸é µÇ¾úÀ¸³ª, ³ªÁß¿¡ Çϳª°¡ ´õ Ãß°¡µÈ´Ù. VBScript·Î MS¿¡¼­ ¸¸µé¾î³½ Script¾ð¾î¸¦ ÁöĪÇÑ´Ù. LANGUAGEºÎºÐÀ» »ý·«ÇÏ°Ô µÇ¸é, ÀÚµ¿À¸·Î JavaScript·Î ÀνÄÇÏ°Ô µÈ´Ù.
    SRCÀÇ °æ¿ì´Â ¼­¹ö¿¡ MIME typeÀ¸·Î µî·ÏÀ» ÇØ¾ß ÇÏ´Â °æ¿ìµµ ÀÖ´Ù. ÀÌ·¸°Ô SRC¸¦ »ç¿ëÇϸé, ¼Ò½º°¡ ºê¶ó¿ìÁ®¿¡ º¸¿©ÁöÁö ¾Ê´Â´Ù. (¿©±â¼­ º¸¿©ÁöÁö ¾Ê´Â´Ù´Â °ÍÀº °ÅÁþ¸»ÀÌ´Ù. ¿øÇÑ´Ù¸é ¾ðÁ¦µçÁö º¼ ¼ö ÀÖ´Ù. Location¿¡ ½áÁÖ¸é ´Ù º¸ÀδÙ! )±×·¯³ª, ÀϺΠ¼­¹ö¿¡¼­´Â ¹®Á¦¸¦ ¹ß»ý½ÃŲ´Ù. Áï, SRC¿¡ ÇØ´çÇÏ´Â ¹®¼­ÀÎ jsÈ®ÀåÀÚ¿¡ ´ëÇÑ ¼³Á¤ÀÌ ¾ø¾î¼­ »ç¿ëÀÚ¿¡°Ô ¾î¶»°Ô ÇÒ°Å³Ä°í ¹°¾îº¸´Â °æ¿ì°¡ ¹ß»ýÇÑ´Ù. ¹°·Ð, Çѹø¸¸ ´äÇÏ¸é µÇÁö¸¸, ±×°É »ç¿ëÀڵ鿡°Ô ´Ù ±³À°½ÃŰ´Â °ÍÀÌ ¹®Á¦ÀÌ´Ù.
  • BODY³ª HEAD¿¡ À§Ä¡ÇÒ ¼ö ÀÖ°í, ¿©·¯¹ø Tag¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù.ÁÖ·Î <HEAD></HEAD>»çÀÌ¿¡ »ðÀÔÇÑ´Ù.HEAD Tag¿¡ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ±â¼úÇÏ°Ô µÇ¸é, HTML¹®¼­¸¦ º¸¿©ÁÖ±â Àü¿¡ ½ÇÇàÀÌ µÈ´Ù.

  • CÀÇ ±¸¹®Ã³·³ {,},/*,*/,; ¿Í °°Àº ±âÈ£ÀÇ ÀǹÌ,¿ë¹ýÀÌ °°´Ù. Áï, {}´Â ºí·ÏÀ» ÀǹÌÇϰí, /*¿¡¼­ */±îÁö´Â ÁÖ¼®¹®À¸·Î ÀνÄÇϸç, ;´Â ¹®ÀåÀ» ±¸ºÐÇÒ ¶§ ¾²ÀδÙ.

  • ÀÚ¹Ù½ºÅ©¸³Æ® ¾È¿¡¼­´Â ´ë¼Ò¹®ÀÚ¸¦ ±¸ºÐÇÑ´Ù.(tag¸¦ Á¦¿ÜÇÑ ¹®ÀÚµé)
    󸮵Ǵ ½ÃÁ¡   ±×·³ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¾ðÁ¦ ½ÇÇàÀÌ µÇ´Â°¡? ÀÏ´Ü °¡Àå ¸ÕÀú ¿ì¼±±ÇÀ» ¾ò´Â´Ù°í ºÁ¾ßÇÑ´Ù. ±×°ÍÀÌ Áï½Ã½ÃÇàÇÏ´Â ¸í·ÉÀ̸é, ¹Ù·Î ½ÇÇàÀ» Çϰí ÇÔ¼öºÎºÐÀ̸é, ¸Þ¸ð¸®¿¡ ±â·ÏÇÏ¿´´Ù°¡, ƯÁ¤ÇÑ user event(mouse click, change, select etc)°¡ ¹ß»ýÇϸ鼭 ÇØ´çÇÏ´Â ÇÔ¼ö¸¦ È£ÃâÇÏ°Ô µÊÀ¸·Î½á »ç¿ëµÇ´Â °ÍÀÌ´Ù. µû¶ó¼­ ´ëºÎºÐÀÇ ÇÔ¼ö´Â HEADºÎºÐ¿¡ À§Ä¡ÇÏ¿© È£ÃâµÇ±â Àü¿¡ ¸Þ¸ð¸®¿¡ ¿Ã¶ó°¡°Ô ¸¸µé°í, Áï½Ã ½ÃÇàµÇ´Â ºÎºÐÀº BODY ºÎºÐ¿¡ À§Ä¡ÇÏ¿© ÇÊ¿äÇÑ °÷¿¡ ¹èÄ¡ÇÏ°Ô µÈ´Ù.
    JScript / VBScript / ECMA   ÃÖÃÊ·Î ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Áö¿øÇÑ ºê¶ó¿ìÀú´Â ³Ý½ºÄÉÀÌÇÁ 2.0 ¹öÀüÀ̾ú´Ù. À̶§¿¡´Â ³Ý½ºÄÉÀÌÇÁ°¡ 90%ÀÌ»ó ºê¶ó¿ìÀú ½ÃÀå Á¡À¯À²À» °¡Áö°í ÀÖ¾ú±â ¶§¹®¿¡ °£´ÜÇϸ鼭µµ °³¹ß¿¡ µµ¿òÀ» ÁÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸¹Àº À¥ °³¹ßÀÚµéÀÌ µµÀÔÇß´Ù.

      ±×·± »óÅ¿¡¼­, ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®»çÀÇ ¾óÅä´çÅä¾ÊÀº ÀÎÅͳÝÀͽºÇ÷η¯ 3.0ÀÌ Ãâ½ÃµÇÀÚ¸¶ÀÚ »ç¿ëÇØº» »ç¶÷µéÀº ½Ç¸ÁÀ» ÇϰԵƴÙ. ÀÎÅÍ³Ý ÀͽºÇ÷η¯¿¡µµ ½ºÅ©¸³Æ® ¾ð¾î°¡ žÀçµÇ¾î ÀÖ±â´Â Çߴµ¥, ¹®Á¦´Â VBScript¶ó´Â Visual Basic¿¡¼­ µû¿Â ¾ð¾î°¡ ±âº»À¸·Î ¿Ã¶ó°¡°í ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Áö¿øÇϱä ÇßÀ¸³ª, ³Ý½ºÄÉÀÌÇÁ»ç¿ÍÀÇ ÀúÀÛ±Ç ¶§¹®¿¡ JScript¶ó´Â À̸§ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® ¾Æ·ùÀÛÀ» žÀçÇß´ø °ÍÀÌ´Ù.

      ±×·¯³ª ÀͽºÇ÷η¯ 3.0Àº ¹®Á¦°¡ ¸¹Àº ºê¶ó¿ìÀú¿´´Ù. Window NTµµ 4.0ÀÌ µÇ¾î¼­¾ß »ç¶÷µéÀÌ º»°ÝÀûÀ¸·Î »ç¿ëÇßµíÀÌ ÀͽºÇ÷η¯ ¿ª½Ãµµ 4.0¿¡ ¿Í¼­¾ß »ç¶÷µéÀÌ »ç¿ëÇϱ⠽ÃÀÛÇß´Ù.

      À̶§, ³Ý½ºÄÉÀÌÇÁ»ç¿Í ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®»ç´Â ¼­·Î °æÀïÀûÀ¸·Î ½ºÅ©¸³Æ® ¾ð¾î¸¦ °¡Áö°í ¼­¹ö ÇÁ·Î±×·¥(CGIÇÁ·Î±×·¥)À» Áö¿øÇÏ´Â °ÍÀ» ³»³õ¾Ò´Ù. ±×°ÍÀÌ LiveWire¿Í ASP¿´´Ù.

      °³¹ßÀÚµéÀº µÎ ºê¶ó¿ìÀú»çÀÇ °æÀï¿¡ ÈÖ¸»¸®°í ÀÖÀ» ÁîÀ½, ´ÙÇàÀÌ µÎ ȸ»ç´Â Ç¥ÁØÀ» Á¦Á¤Çϱâ À§Çؼ­ °¢±â ÀÚ»çÀÇ ½ºÅ©¸³ÆÃ ¾ð¾î¸¦ ECMA(European Computer Manufacturers Association)¿¡ Á¦ÃâÇÏ°Ô µÇ¾ú´Ù. 1997³â¿¡ ECMA-262¶ó´Â Ç¥ÁØÀ» ¹ßÇ¥ÇÏ°Ô µÇ¾ú´Âµ¥, À̶§ ÀÚ¹Ù½ºÅ©¸³Æ®¿Í JScriptÀÇ ÁÁÀº Á¡¸¸À» Á¶ÇÕÇÏ¿© ECMAScript¶ó´Â ¾ð¾î¿¡ ´ëÇÑ Á¤ÀǸ¦ Æ÷ÇÔÇÏ°Ô µÈ °ÍÀÌ´Ù.

      ³Ý½ºÄÉÀÌÇÁ»ç´Â °è¼ÓÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ±â´É Çâ»óÀ» ½Ç½ÃÇÏ¿© ´õ ¸¹Àº ±â´ÉÀ» Ãß°¡ÇÑ Javascript1.1, »õ·Î¿î °´Ã¼, ½ºÅ¸ÀÏ½ÃÆ®(Style Sheet), Signed Script¸¦ Áö¿øÇÏ´Â Javascript1.2¸¦ ¹ßÇ¥ÇÏ¿´´Ù.

      ³×ºñ°ÔÀÌÅÍ 4.X´Â Javascript1.3À» ÀͽºÇ÷η¯ 5.X¿¡¼­´Â JScript5.X¸¦ ±âº»À¸·Î žÀçÇϰí ÀÖ´Ù. ¹¹°¡ ¸¹ÀÌ Ãß°¡µÇ±ä Çߴµ¥ ¿©ÀüÈ÷ ȣȯ¼º¿¡ ¾à°£ÀÇ ¹®Á¦¸¦ Æ÷ÇÔÇϰí Àֱ⠶§¹®¿¡ °á±¹ Áß°£¿¡¼­ °³¹ßÀڵ鸸 °í»ýÇϰí ÀÖ´Ù.

- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)

Javascript °­ÁÂ
µé¾î°¡±â
Javascript¶õ?
ÀÛµ¿ ¹æ½Ä
Àå ´Ü Á¡
±â ÃÊ
     - HTML¿¡Ãß°¡Çϱâ
     - ÃÖÃÊ ¿¹Á¦
     - ÇÔ¼ö»ç¿ëÇϱâ
     - ±âº» ÇÔ¼ö
¹® ¹ý
     - º¯ ¼ö
     - ¿¬ »ê
     - Á¶ °Ç ¹®
     - ¹Ý º¹ ¹®
     - »ç¿ëÀÚÇÔ¼ö
°´ ü
     - Object¶õ?
     - ¼Ó¼º°ú ÇÔ¼ö
     - °´Ã¼ÀÇ »ý¼º°ú»ç¿ë
³»Àå °´Ã¼
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - ±â Ÿ
     - with / delete
Event °´Ã¼
³×ºñ°ÔÀÌÅÍ °´Ã¼
     - ³×ºñ°ÔÀÌÅͰ´Ã¼±¸Á¶
     - °´Ã¼ Á¢±Ù ¹æ¹ý
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements
Frame °´Ã¼
±â Ÿ
     - Animation
     - Audio
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master