2. console °´Ã¼


2.1 console °´Ã¼

  ±âÁ¸¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 µð¹ö±ëÇÏ´Â °¡Àå ´Ü¼øÇÑ ¹æ¹ýÀº ¹Ù·Î alert()À» »ç¿ëÇÏ¿© ÇÊ¿äÇÑ Á¤º¸¸¦ Âï¾îº¸´Â °ÍÀ̾ú´Ù.

  alert()À» »ç¿ëÇÏ´Â ¹æ¹ýÀº ÈǸ¢ÇÏÁø ¾ÊÁö¸¸, °£´ÜÈ÷ »ç¿ëÇÒ ¼ö ÀÖ´Â ²Ï ¾µ¸¸ÇÑ µð¹ö±ë ¹æ¹ýÀÌ´Ù. ´Ù¸¸, ÀÏÀÏÀÌ È®ÀÎ ¹öÆ°À» Ŭ¸¯ÇØ ÁÖ´Â ÀÏÀº ºÒÆíÇß´ø °ÍÀÌ »ç½ÇÀÌ´Ù. °¡²û for·çƾ ¾È¿¡ alert()À» ³Ö°í µ¹¸®´Â Ȳ´çÇÑ °æÇèÀ» Çѵιø¾¿ ÇßÀ» °ÍÀÌ´Ù.

  °æÇè»ó, µð¹ö±ë½Ã¿¡ ·Î±×ÆÄÀÏ¿¡ ÇÊ¿äÇÑ Á¤º¸¸¦ ±â·ÏÇÏ°Ô µÇ¸é µð¹ö±ëÀÌ ÈξÀ ½¬¿öÁø´Ù. ¿©Å¸ ÇÁ·Î±×·¡¹Ö ¾ð¾îµéÀº ÀÌ·¯ÇÑ ±â´ÉµéÀ» Áö¿øÇÏ°í ÀÖ´Ù. ±× °³³äÀ» ºê¶ó¿ìÀú¿¡¼­ ½ÇÇàµÇ´Â ÀÚ¹Ù½ºÅ©¸³¸¦ À§ÇØ Áö¿øÇÏ´Â °ÍÀÌ ¹Ù·Î console°´Ã¼´Ù.

  console°´Ã¼´Â IE8 ÀÌ»ó ¹öÀü°ú »çÆĸ®, Å©·Ò, ¿ÀÆä¶ó°°Àº ÃֽŠºê¶ó¿ìÀú¿¡¼­ »ç¿ëÇÒ ¼ö ÀÖ´Ù. ¸ÕÀú °£´ÜÇÑ »ç¿ë ¿¹¸¦ º¸ÀÚ.   À§¿Í °°ÀÌ ÀÛ¼ºÇϸé, strÀÇ °ªÀ» ·Î±×·Î Âï¾îÁִµ¥, ±âº» ºê¶ó¿ìÀúÈ­¸é¿¡¼­´Â ±× ³»¿ëÀ» º¼ ¼ö ¾ø´Ù. º°µµÀÇ °³¹ßÀÚµµ±¸¸¦ ¶ç¿ö¾ß¸¸ ·Î±×¸¦ È®ÀÎÇÒ ¼ö ÀÖ´Ù. IE³ª Å©·Ò, ÆÄÀ̾îÆø½º´Â F12¹øÀ» ´©¸£¸é ³ªÅ¸³ª´Â °³¹ßÀÚµµ±¸¿¡¼­ [ÄܼÖ] ¸Þ´º¸¦ Ŭ¸¯ÇÏ¸é ·Î±×¸¦ º¼¼ö ÀÖ´Ù.
    ºê¶ó¿ìÀúº° Ãß°¡¼³Á¤   Å©·Ò°ú IE8 À̻󿡼­´Â ±âº»ÀûÀ¸·Î °³¹ßÀÚµµ±¸°¡ ¼³Ä¡µÇ¾î À־ ¹Ù·Î »ç¿ëÀÌ °¡´ÉÇÏ´Ù. ±×·¯³ª »çÆĸ®¿Í ÆÄÀ̾îÆø½ºÀÇ °æ¿ì´Â Ãß°¡·Î ¼³Á¤À» ÇØÁà¾ß¸¸ °³¹ßÀÚµµ±¸¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù.

      ¸ÕÀú »çÆĸ®ÀÇ °æ¿ì´Â ¼³Á¤¸Þ´º(URLâ ¿À¸¥ÂÊ ±â¾î¸ð¾ç¾ÆÀÌÄÜ)À» ´©¸¥µÚ, [±âº»¼³Á¤] - [°í±Þ]ÅÇÀÇ ÇÏ´Ü¿¡ ÀÖ´Â "¸Þ´º¸·´ë¿¡¼­ °³¹ßÀÚ¿ë ¸Þ´ºº¸±â"¸¦ ¼±ÅÃÇÏ°í ÀúÀåÇÏ¸é ¸Þ´º¿¡ "°³¹ßÀÚ¿ë"ÀÌ »ý¼ºµÇ°í ÇØ´ç ¸Þ´ºÀÇ ¿À·ùÄֺܼ¸±â¸¦ ÅëÇؼ­ ÄܼÖÀ» º¼¼ö ÀÖ°Ô µÈ´Ù.

      ÆÄÀ̾îÆø½º´Â "Firebug" Ç÷¯±× ÀÎÀ» ±ò¾Æ¾ß ÇÑ´Ù. getfirebug.com »çÀÌÆ®¿¡¼­ ´Ù¿î¹Þ¾Æ ¼³Ä¡Çϸé, F12¹öÆ°À» ÅëÇؼ­ °³¹ßÀÚµµ±¸¸¦ »ç¿ëÇÒ ¼ö ÀÖ°Ô µÈ´Ù.
  ´ÙÀ½Àº À§ÀÇ Äڵ带 ½ÇÇàÇÑ °á°ú¸¦ Å©·ÒÀÇ °³¹ßÀÚµµ±¸(¿ÞÂÊ)¿Í IE9 (¿À¸¥ÂÊ)¸¦ ÅëÇؼ­ º» ¸ð½À´Ï´Ù.

    IE8 ¹× ±× ÀÌÇϹöÀü   console.log()¸¦ »ç¿ëÇÒ ¶§, IE8 ¹öÀüÀÇ °æ¿ì °³¹ßÀÚµµ±¸°¡ ¿­·ÁÀÖÁö ¾ÊÀ¸¸é ¿¡·¯°¡ ¹ß»ýÇÏ°í, ±× ÀÌÇÏ ¹öÀü(IE6, IE7)ÀÇ °æ¿ì´Â ¾Æ¿¹ consoleÀ» Áö¿øÇÏÁö ¾Ê±â ¶§¹®¿¡ ¿¡·¯°¡ ³ª°Ô µÈ´Ù. ÀÌ·¯ÇÑ »óȲÀ» ¹æÁöÇÒ·Á¸é, ´ÙÀ½°ú °°Àº Äڵ带 »ó´Ü¿¡ Ãß°¡ÇØ ÁÖ¸é ¿¡·¯°¡ ³ª´Â »óȲÀ» ¹æÁöÇÒ ¼ö ÀÖ´Ù.

    var console = window.console || { log: function() {} };
  * console°´Ã¼´Â ÇöÀç ECMAScript Ç¥ÁØ¿¡ ¼ÓÇÑ ºÎºÐÀº ¾Æ´ÏÁö¸¸, »ç½Ç»ó Ç¥ÁØÀ¸·Î¼­ ¸ðµç ºê¶ó¿ìÀúµéÀÌ À̸¦ ±¸ÇöÇÏ°í ÀÖ´Ù.



2.2 console ·Î±× ·¹º§

  consoleÀÇ ¸Þ¼Òµå Áß¿¡¼­ °¡Àå À¯¸íÇÑ °ÍÀÌ console.log() Áö¸¸, ½ÇÁ¦·Î´Â 10¿©°³ÀÇ ¸Þ¼ÒµåµéÀÌ Á¸ÀçÇÑ´Ù. (´Ù¸¸, ¸ðµç ºê¶ó¿ìÀú°¡ Á¦°øÇÏÁö ¾Ê´Â ±â´Éµéµµ Àֱ⠶§¹®¿¡ »ç¿ëÇÒ ¶§´Â Ç×»ó È®ÀÎÇغ¸´Â °ÍÀÌ ÁÁ´Ù.)

  ·Î±×¸¦ ±â·ÏÇϴµ¥ ÁÖ·Î »ç¿ëµÇ±â ¶§¹®¿¡ ·Î±×µî±Þ¿¡ µû¶ó¼­ ·Î±× Á¤º¸¸¦ Ãâ·ÂÇÏ´Â ¸Þ¼ÒµåµéÀÌ Á¸ÀçÇϸç, Ãâ·Â½Ã ¾Æ·¡¿Í °°ÀÌ ¾ÆÀÌÄÜÀÌ Ãâ·ÂµÈ´Ù. (´ÙÀ½Àº Å©·Ò¿¡¼­ Ãâ·ÂµÈ °á°úÀÌ´Ù. console.debug()¶ó´Â ¸Þ¼Òµåµµ ÀÖ¾ú´Âµ¥, ÇöÀç´Â deprecated »óÅ·Π´ë½Å log¸¦ »ç¿ëÇϵµ·Ï ±ÇÀåÇÏ°í ÀÖ´Ù.)
  À§¿Í °°ÀÌ ·Î±×µî±Þº° ¸Þ¼Òµåµé °£¿¡ Ưº°ÇÑ Â÷ÀÌ°¡ Á¸ÀçÇÏÁö´Â ¾Ê´Â´Ù. ´Ù¸¸, ÄÜ¼Ö ¾Õ¿¡ ¿¡·¯ µî±Þ¿¡ µû¸¥ ¾ÆÀÌÄÜ Ç¥½ÃÀ¯¹«°¡ ´Ù¸£±â ¶§¹®¿¡ ºê¶ó¿ìÀú ȣȯµîÀ» °í·ÁÇغ¸¸é °£´ÜÈ÷ console.log()¸¸ »ç¿ëÇÏ´Â °Íµµ ÁÁÀº ¹æ¹ýÀÌ´Ù.

2.3 console.log() ÀÎÀÚ

  console.log()´Â ´ÙÀ½°ú °°ÀÌ µÎ°¡Áö ¹æ½ÄÀ¸·Î »ç¿ëµÈ´Ù.

console.log(obj1 [, obj2, ..., objN]);ex) console.log("a = ", a, ", b = ", b);
console.log(msg [, subst1, ..., substN]);ex) console.log(" a is [%d], b is [%s]", a, b);

  ù¹ø° ¹æ½ÄÀº ÀϹÝÀûÀ¸·Î °´Ã¼ÀÇ toString()À» È£ÃâÇÏ¿© ¹®ÀÚ¿­ ÇÕÄ¡±â·Î Ç¥ÇöµÇ¸ç, µÎ¹ø° ¹æ½ÄÀº C¾ð¾îÀÇ printf()ÇÔ¼ö¿¡¼­ Á¦°øµÇ´Â format¹®ÀÚ¿­·Î Ãâ·ÂÇÒ ¼ö ÀÖ´Â ¹æ¹ý(ġȯ¹®ÀÚ¿­, Substitution string)À» Á¦°øÇÏ°í ÀÖ´Ù.

  ġȯ ¹®ÀÚ¿­·Î »ç¿ëÇÒ ¼ö ÀÖ´Â °ªµéÀº ´ÙÀ½°ú °°´Ù.

%oJavascript Object HypterLink
(¾Æ·¡¿¹Á¦¿Í °°ÀÌ ÇØ´ç °´Ã¼ Á¤º¸¸¦ Äf¾îº¼¼ö ÀÖ´Â ¸µÅ©¸¦ Á¦°øÇØÁØ´Ù.)
%dInteger
%iInteger
%sString
%fFloating-point

  ´ÙÀ½°ú °°ÀÌ Ãâ·ÂÇÏ´Â ´ë»óÀÌ °´Ã¼ÀÎ °æ¿ì´Â ´õ¿í ¾µ¸¸ÇÏ´Ù. °´Ã¼¸¦ console.logÀÇ ÀÎÀÚ·Î ³Ñ°ÜÁÖ°Ô µÇ¸é, Å©·ÒÀÇ °æ¿ì´Â ÇØ´ç °´Ã¼ÀÇ ¸ðµç °ªÀ» ´Ù È®ÀÎÇÒ ¼ö ÀÖ´Ù. (ºê¶ó¿ìÀúÀÇ µµ±¸¸¶´Ù Ãâ·Â°á°ú´Â ´Ù¸£´Ù. IE9Àº ´Þ¶û [object Object]¸¸ Ãâ·ÂÇÏ°í ¸¸´Ù.)
  console.log("·Î±× : "+car)·Î ÇÏ°Ô µÇ¸é À§¿Í °°ÀÌ Ãâ·ÂµÇÁö ¾Ê°í, ¹®ÀÚ¿­ ÇÕÄ¡±â°¡ µÇ¾î °´Ã¼Á¤º¸¸¦ È®ÀÎÇÒ ¼ö ¾øÀ¸¹Ç·Î, °´Ã¼ Á¤º¸¸¦ Á¦´ë·Î È®ÀÎÇÏ°í ½Í´Ù¸é, ¹Ýµå½Ã console.log("·Î±× : ", car)¿Í °°ÀÌ ½°Ç¥·Î ±¸ºÐÇØ ÁÖ´Â ¹æ½ÄÀ¸·Î »ç¿ëÇÏ´Â °ÍÀÌ ÁÁ´Ù.



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

Pro Javascript

Copyright ¨Ï 1997 ~, Deadfire Program Master