 |
|
|  |
ÀÚ¹Ù½ºÅ©¸³Æ® ÀÎÄÚµù, µðÄÚµù |
|
|
 |
14³â Àü |
escape() / encodeURI() / encodeURIComponent()
ÀÌ ¸ðµç ÇÔ¼ö´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ ÀÎÄÚµùÀ» ´ã´çÇÏ´Â ÇÔ¼öÀÌ´Ù.
¿©±â¼ ¸»ÇÏ´Â ÀÎÄÚµùÀ̶õ, ³×Æ®¿öÅ©¸¦ ÅëÇؼ Á¤º¸¸¦ °øÀ¯ÇÒ ¶§ ¾î¶² ½Ã½ºÅÛ¿¡¼³ª ÀÐÀ» ¼ö ÀÖ´Â ASCII ¹®ÀÚ·Î ¹Ù²ãÁÖ´Â °ÍÀ» ¸»ÇÑ´Ù. ¸ðµç ³×Æ®¿öÅ©¸¦ ÅëÇÑ Àü¼Û¿¡´Â ASCII ¹®ÀÚ°¡ ±â¹ÝÀÌ µÈ´Ù. ƯÈ÷ ÇѱÛÀ̳ª Ư¼ö¹®ÀÚÀÇ °æ¿ì À̸¦ 2Áø¼ö ¹ÙÀÌÆ®ÄÚµå·Î º¯È¯Çؼ Àü¼ÛÇÏ¸é ¹Þ´Â »ó´ëÆíÀÇ ½Ã½ºÅÛ¿¡ µû¶ó À߸ø Çؼ®µÇ°Å³ª, Çؼ®ÀÌ ºÒ°¡´ÉÇÒ ¼ö Àֱ⠶§¹®ÀÌ´Ù.
À̸¦ ÇØ°áÇϱâ À§ÇØ ¸ðµç ½Ã½ºÅÛ¿¡¼ °øÅëÀ¸·Î ÀÐÀ» ¼ö ÀÖ´Â ASCII ¹®ÀÚ·Î ¹Ù²ã¼ µ¥ÀÌÅ͸¦ Àü¼ÛÇÒ ÇÊ¿ä°¡ ÀÖ´Ù.
1. escape()
¾Æ·¡ ¿°ÅµÈ ¾Æ½ºÅ°¹®ÀÚ°¡ ¾Æ´Ï¶ó¸é ¸ðµÎ À¯´ÏÄÚµå Çü½ÄÀ¸·Î º¯È¯ÇÑ´Ù.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
@*-_+./
±× º¯È¯µÈ Çü½ÄÀº 16Áø¼ö Çü½ÄÀ¸·Î Ç¥½ÃµÇ¸ç 1¹ÙÀÌÆ® ¹®ÀÚ´Â %XX ÇüÅ·Î, 2¹ÙÀÌÆ® ¹®ÀÚ´Â %uXXXX ÇüÅ·Πº¯È¯µÈ´Ù.
1¹ÙÀÌÆ® ¹®ÀÚ´Â ºóÄ(%20)À» µé ¼ö ÀÖ°í, 2¹ÙÀÌÆ® ¹®ÀÚ´Â ÇѱÛ(%uD55C%uAE00)ÀÌ ÀÖÀ» ¼ö ÀÖ´Ù.
°¡²û ÀÎÅͳݰ˻öÀ» Çϸé ÁÖ¼Òâ¿¡ %XXÇü½ÄÀÇ ¹®ÀÚµéÀÌ µé¾îÀÖ´Â °ÍÀ» º¼ ¼ö Àִµ¥, ÀÌ´Â ÀÎÄÚµù µÈ °ÍÀÇ ÇÑ Á¾·ù¶ó°í º¼ ¼ö ÀÖ´Ù.
°¡²ûÀº ȨÆäÀÌÁöÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®³ª HTML ¼Ò½º, À½¿øURLÀ» º¸±â Èûµé°Ô Çϱâ À§ÇØ »ç¿ëÇϱ⵵ ÇÏÁö¸¸,
ÀÌ´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀÎÄÚµùÀ» ¾Æ´Â ÀÚ¶ó¸é ¾î·ÆÁö ¾Ê°Ô Ç®¾î »ç¿ëÇÒ ¼ö ÀÖ´Ù.
2. encodeURI()
±âº»ÀûÀ¸·Î´Â escape()¿Í ºñ½ÁÇÑ µ¿ÀÛÀ» ÇÏÁö¸¸ ÀÎÅÍ³Ý ÁÖ¼ÒÇ¥½Ã¿¡ ¾²À̴ Ư¼ö¹®ÀÚµéÀ» ÀÎÄÚµùÇÏÁö ¾Ê´Â´Ù.
Áï, : ; / = ? & µîÀÇ Æ¯¼ö¹®ÀÚ´Â ÀÎÄÚµùÀÌ µÇÁö ¾Ê´Â´Ù.
±×·¡¼ º¸ÅëÀº ÆĶó¹ÌÅ͸¦ Àü´ÞÇÏ´Â ÀÎÅͳÝÁÖ¼Ò(URL) Àüü¸¦ ÀÎÄÚµùÇÒ ¶§ »ç¿ëÇÑ´Ù.
3. encodeURIComponent()
±âº»ÀûÀÎ µ¿ÀÛÀº ¿ª½Ã escape()¿Í ºñ½ÁÇÏÁö¸¸ ÀÎÅÍ³Ý ÁÖ¼ÒÇ¥½Ã¿¡ ¾²ÀÌ´Â ¸ðµç ¹®ÀÚ¸¦ Ãß°¡·Î ÀÎÄÚµùÇÑ´Ù.
Áï, : ; / = ? & µîÀÇ Æ¯¼ö¹®ÀÚ°¡ Ãß°¡·Î ÀÎÄÚµù µÇ´Â °ÍÀÌ´Ù.
±×·¡¼ ÀÎÅͳÝÁÖ¼Ò(URL) Àüü¸¦ ÀÎÄÚµùÇÒ ¶§´Â »ç¿ëÇÒ ¼ö ¾ø°í, ³Ñ±â´Â Çʵå ÇϳªÇϳª¸¦ µû·Î ÀÎÄÚµùÇÒ ¶§ »ç¿ëÇÑ´Ù.
±× ÀÌÀ¯´Â ³Ñ¾î°¡´Â °ªÀÌ text="test=&Å×½ºÆ®" ÀÌ¿Í °°ÀÌ text¶ó´Â ÇÊµå °ªÀÌ test=&Å×½ºÆ®ÀÎ °æ¿ì ±×³É encodeURI()·Î ÀÎÄÚµù Çϸé, '=' ³ª '&'´Â ÀÎÄÚµùµÇÁö ¾Ê¾Æ¼ Çʵ尪À» ó¸®ÇÒ ¶§ µ¥ÀÌÅÍ°ªÀÌ ¾Æ´Ñ ¿©·¯°³ÀÇ Çʵ带 ³Ñ±â´Â ¸í·É¾î·Î ÀνÄÇÒ ¼ö Àֱ⠶§¹®ÀÌ´Ù.
ÇÏÁö¸¸, "http://test.com/test.php?text=Å×½ºÆ®" ¿Í °°Àº URL Àüü¸¦ encodeURIComponent()·Î ÀÎÄÚµùÇÏ°Ô µÇ¸é : / ? ¸¦ ¸ðµÎ ÀÎÄÚµùÇÏ¿© ÁÖ¼Ò¸¦ ÀνÄÇÒ ¼ö ¾ø°Ô µÈ´Ù.
4. ½ÇÁ¦ ÀÎÄÚµùÀÇ Â÷À̸¦ º¸¿©ÁÖ´Â Javascript ¼Ò½º
view plaincopy to clipboardprint?
var chr = 'http://test.com/folder1/folder2/default.html?mode=write&value=&*Å×½ºÆ®';
document.writeln("original = " + chr + '<br />');
document.writeln("escape() = <font color='red'>" + escape(chr) + "</font><br />");
document.writeln("encodeURI() = <font color='blue'>" + encodeURI(chr) + "</font><br />");
document.writeln("encodeURIComponent() = <font color='orange'>" + encodeURIComponent(chr) + "</font><br />");
var chr = 'http://test.com/folder1/folder2/default.html?mode=write&value=&*Å×½ºÆ®';
document.writeln("original = " + chr + '<br />');
document.writeln("escape() = <font color='red'>" + escape(chr) + "</font><br />");
document.writeln("encodeURI() = <font color='blue'>" + encodeURI(chr) + "</font><br />");
document.writeln("encodeURIComponent() = <font color='orange'>" + encodeURIComponent(chr) + "</font><br />");
À§ÀÇ ¼Ò½º¸¦ <script></script> ¾È¿¡ ³Ö°í ½ÇÇàÇϸé ÀÎÄÚµùÀÇ Â÷À̸¦ Á÷Á¢ È®ÀÎ ÇÒ ¼ö ÀÖÀ¸¸ç,
Á÷Á¢ ÀÎÄÚµù°ú µðÄÚµù °á°ú¸¦ È®ÀÎ ÇÏ°í ½ÍÀº °æ¿ì "Javascript String Encoder"¸¦ Âü°íÇϽñ⠹ٶø´Ï´Ù.
ecodeURI, decodeURI : &, + , = ÀÎÄÚµùÀÌ ºÒ°¡´É ...
encodeURIComponent,decodeURIComponent : &, + , = ÀÎÄÚµùÀÌ °¡´É ...
|
|
̵̧ : 341 |
̵̧
¸ñ·Ï
|
|
|  |
|