2.1 console °´Ã¼
±âÁ¸¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 µð¹ö±ëÇÏ´Â °¡Àå ´Ü¼øÇÑ ¹æ¹ýÀº ¹Ù·Î alert()À» »ç¿ëÇÏ¿©
ÇÊ¿äÇÑ Á¤º¸¸¦ Âï¾îº¸´Â °ÍÀ̾ú´Ù.
alert()À» »ç¿ëÇÏ´Â ¹æ¹ýÀº ÈǸ¢ÇÏÁø ¾ÊÁö¸¸, °£´ÜÈ÷ »ç¿ëÇÒ ¼ö ÀÖ´Â ²Ï ¾µ¸¸ÇÑ µð¹ö±ë ¹æ¹ýÀÌ´Ù. ´Ù¸¸, ÀÏÀÏÀÌ È®ÀÎ
¹öÆ°À» Ŭ¸¯ÇØ ÁÖ´Â ÀÏÀº ºÒÆíÇß´ø °ÍÀÌ »ç½ÇÀÌ´Ù. °¡²û for·çƾ ¾È¿¡ alert()À» ³Ö°í µ¹¸®´Â Ȳ´çÇÑ °æÇèÀ» Çѵιø¾¿ ÇßÀ» °ÍÀÌ´Ù.
°æÇè»ó, µð¹ö±ë½Ã¿¡ ·Î±×ÆÄÀÏ¿¡ ÇÊ¿äÇÑ Á¤º¸¸¦ ±â·ÏÇÏ°Ô µÇ¸é µð¹ö±ëÀÌ ÈξÀ ½¬¿öÁø´Ù. ¿©Å¸ ÇÁ·Î±×·¡¹Ö ¾ð¾îµéÀº ÀÌ·¯ÇÑ ±â´ÉµéÀ»
Áö¿øÇÏ°í ÀÖ´Ù. ±× °³³äÀ» ºê¶ó¿ìÀú¿¡¼ ½ÇÇàµÇ´Â ÀÚ¹Ù½ºÅ©¸³¸¦ À§ÇØ Áö¿øÇÏ´Â °ÍÀÌ ¹Ù·Î console°´Ã¼´Ù.
console°´Ã¼´Â IE8 ÀÌ»ó ¹öÀü°ú »çÆĸ®, Å©·Ò, ¿ÀÆä¶ó°°Àº ÃֽŠºê¶ó¿ìÀú¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Ù. ¸ÕÀú °£´ÜÇÑ »ç¿ë ¿¹¸¦ º¸ÀÚ.
À§¿Í °°ÀÌ ÀÛ¼ºÇϸé, strÀÇ °ªÀ» ·Î±×·Î Âï¾îÁִµ¥, ±âº» ºê¶ó¿ìÀúȸ鿡¼´Â ±× ³»¿ëÀ» º¼ ¼ö ¾ø´Ù. º°µµÀÇ °³¹ßÀÚµµ±¸¸¦ ¶ç¿ö¾ß¸¸
·Î±×¸¦ È®ÀÎÇÒ ¼ö ÀÖ´Ù. IE³ª Å©·Ò, ÆÄÀ̾îÆø½º´Â F12¹øÀ» ´©¸£¸é ³ªÅ¸³ª´Â °³¹ßÀÚµµ±¸¿¡¼ [ÄܼÖ] ¸Þ´º¸¦ Ŭ¸¯ÇÏ¸é ·Î±×¸¦ º¼¼ö ÀÖ´Ù.
´ÙÀ½Àº À§ÀÇ Äڵ带 ½ÇÇàÇÑ °á°ú¸¦ Å©·ÒÀÇ °³¹ßÀÚµµ±¸(¿ÞÂÊ)¿Í IE9 (¿À¸¥ÂÊ)¸¦ ÅëÇؼ º» ¸ð½À´Ï´Ù.
* 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)À» Á¦°øÇÏ°í ÀÖ´Ù.
ġȯ ¹®ÀÚ¿·Î »ç¿ëÇÒ ¼ö ÀÖ´Â °ªµéÀº ´ÙÀ½°ú °°´Ù.
%o | Javascript Object HypterLink (¾Æ·¡¿¹Á¦¿Í °°ÀÌ ÇØ´ç °´Ã¼ Á¤º¸¸¦ Äf¾îº¼¼ö ÀÖ´Â ¸µÅ©¸¦ Á¦°øÇØÁØ´Ù.) |
%d | Integer |
%i | Integer |
%s | String |
%f | Floating-point |
´ÙÀ½°ú °°ÀÌ Ãâ·ÂÇÏ´Â ´ë»óÀÌ °´Ã¼ÀÎ °æ¿ì´Â ´õ¿í ¾µ¸¸ÇÏ´Ù. °´Ã¼¸¦ console.logÀÇ ÀÎÀÚ·Î ³Ñ°ÜÁÖ°Ô µÇ¸é,
Å©·ÒÀÇ °æ¿ì´Â ÇØ´ç °´Ã¼ÀÇ ¸ðµç °ªÀ» ´Ù È®ÀÎÇÒ ¼ö ÀÖ´Ù.
(ºê¶ó¿ìÀúÀÇ µµ±¸¸¶´Ù Ãâ·Â°á°ú´Â ´Ù¸£´Ù. IE9Àº ´Þ¶û [object Object]¸¸ Ãâ·ÂÇÏ°í ¸¸´Ù.)
console.log("·Î±× : "+car)·Î ÇÏ°Ô µÇ¸é À§¿Í °°ÀÌ Ãâ·ÂµÇÁö ¾Ê°í, ¹®ÀÚ¿ ÇÕÄ¡±â°¡ µÇ¾î °´Ã¼Á¤º¸¸¦ È®ÀÎÇÒ ¼ö ¾øÀ¸¹Ç·Î,
°´Ã¼ Á¤º¸¸¦ Á¦´ë·Î È®ÀÎÇÏ°í ½Í´Ù¸é, ¹Ýµå½Ã console.log("·Î±× : ", car)¿Í °°ÀÌ ½°Ç¥·Î ±¸ºÐÇØ ÁÖ´Â ¹æ½ÄÀ¸·Î »ç¿ëÇÏ´Â °ÍÀÌ ÁÁ´Ù.
- Last Update : 2012.03.12 by Deadfire(http://www.deadfire.net)
|