¾È±Ô °øºÎ¹æ

Javascript & JQuery & CSS > JSONÀº ¹«¾ùÀϱî?

µî·ÏÀÏ : 2017-07-14 16:53 Á¶È¸¼ö : 34,411

JSONÀ̶õ ¹«¾ùÀΰ¡?

1.¾î¶»°Ô ÀÐÀ¸¸é µÇ³ª?
    JSON Á¦À̼±À̶ó°í ÀÐÀ¸¸é µÇ°Ú´Ù.

2.¹«¾ùÀ» ÁÙÀÎ ¸»À̳Ä?
    JavaScript Object NotationÀ̶ó´Â À̸§¿¡¼­ ¾Ë ¼ö ÀÖµíÀÌ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ À§ÇÑ °ÍÀÌ°í °´Ã¼ Çü½ÄÀ¸·Î ÀڷḦ Ç¥ÇöÇÏ´Â °ÍÀÌ´Ù.

3.ÀÌ°Å ÇÁ·Î±×·¡¹Ö ¾ð¾î³Ä?
    »ç¹æ Æȹ濡 JSONÀ̶ó´Â °Ô µîÀåÇÏ°í °¢Á¾ »ç¿ë¹æ¹ýÀÌ ³ª¿À°í ¾î·Á¿ö º¸ÀÌÁö¸¸ JSON ÀÚü´Â Á¤¸» º°°Å ¾Æ´Ï´Ù. 
    JSON ±×ÀÚü´Â ´Ü¼øÈ÷ µ¥ÀÌÅÍ Æ÷¸ËÀÏ »ÓÀÌ´Ù. ¾î¶°ÇÑ Åë½Å ¹æ¹ýµµ, ÇÁ·Î±×·¡¹Ö ¹®¹ýµµ ¾Æ´Ñ ´Ü¼øÈ÷ µ¥ÀÌÅ͸¦ Ç¥½ÃÇϴ ǥÇö ¹æ¹ýÀÏ »ÓÀÌ´Ù.

    °£´ÜÇÑ µ¥ÀÌÅ͸¦ xmlº¸´Ù Á» ´õ °£´ÜÇÏ°Ô Ç¥ÇöÇϱâ À§ÇØ ¸¸µç °ÍÀÌ´Ù. XMLº¸´Ù ±â´ÉÀÌ Àû±â ¶§¹®¿¡ ÆĽ̵µ ºü¸£°í °£´ÜÇϱ⠶§¹®¿¡ Å¬¶óÀ̾ðÆ® »çÀ̵忡¼­, ƯÈ÷ ¸ð¹ÙÀÏ¿¡¼­ ´õ¿í À¯¿ëÇÏ°Ú´Ù. »ç½Ç ¼­¹ö ÀÔÀå¿¡¼­µµ ´õ À¯¿ëÇϱ⠶§¹®¿¡ ¸¹Àº ¼­ºñ½ºµéÀÌ XMLº¸´Ù´Â JSONÀ» ±ÇÀåÇÑ´Ù.

    ´Ù½Ã ¸»ÇÏÁö¸¸ ÀÌ°Ç ÇÁ·Î±×·¡¹Ö ¾ð¾î°¡ ¾Æ´Ï´Ù.

4.ÀÌ°Å °ø½Ä »çÀÌÆ® ¾ø³Ä?
    ³×À̹ö¿¡¼­ JSONÀ¸·Î °Ë»öÇÏ¸é ½Ã´þÀÝÀº ³×À̹ö ÀÚü ÄÁÅÙÃ÷µé(ºí·Î±×, Ä«Æä, Áö½ÄÀÎ)¸¸ ¶ß´Âµ¥ JSON °ø½Ä »çÀÌÆ®´Â ¸ÖÂÄÈ÷ ÀÖ°í, Çѱ¹¾îµµ Áö¿øµÈ´Ù.
    http://json.org/json-ko.html
    ¿©±â µé¾î°¡¸é Á» ´çȲ½º·¯¿ï ¼öµµ ÀÖ´Ù. ¹º ³ðÀÇ °ø½Ä»çÀÌÆ®°¡ ³»¿ëÀÌ ÁøÂ¥ °£´ÜÇÏ°í º° °Å ¾ø±â ¶§¹®ÀÌ´Ù. 

5.ÀÌ°Å ¿Ö ¾²³Ä?
    ´Ü¼øÈ÷ µ¥ÀÌÅ͸¦ ¹Þ¾Æ¼­ °´Ã¼³ª º¯¼ö·Î ÇÒ´çÇؼ­ »ç¿ëÇϱâ À§ÇÑ °ÍÀÌ´Ù.

6.AJAX¿Í´Â ´Ù¸¥°¡?
    AJAX¿Í´Â º°°³ÀÇ °³³äÀÌÁö¸¸ AJAX°¡ ¾ø´Ù¸é JSONÀ̶ó´Â °³³äÀº ÇÊ¿ä ¾øÀ» °ÍÀÌ´Ù. AJAX¸¦ »ç¿ëÇØ µ¥ÀÌÅ͸¦ ÁÖ°í ¹ÞÀ» ¶§ 
    ±× µ¥ÀÌÅÍ Æ÷¸ËÀ¸·Î JSONÀ» »ç¿ëÇÏ´Â °ÍÀÌ´Ù.

7.ÀÌ°Å ¾²·Á¸é µû·Î ¶óÀ̺귯¸® °°Àº °É ½á¾ß ÇϳÄ?
    JSON ÀÚü´Â ÀÌ¹Ì ÀÚ¹Ù½ºÅ©¸³Æ® Ç¥ÁØÀ¸·Î äÅõǾî ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ ±âº»ÀûÀ¸·Î Áö¿øÇÏ°í Àֱ⠶§¹®¿¡ º°µµÀÇ ¶óÀ̺귯¸®°¡ ÇÊ¿äÇϰųª ÇÏÁö´Â ¾Ê´Ù. 
    ±×³É eval()À̶ó´Â ÇÔ¼ö Çϳª·Î ÇØ°áµÇ´Â °Ô JSONÀÌ´Ù. ÇÏÁö¸¸ JSONÀÇ ÇÑ°è·Î ÀÎÇØ ¶óÀ̺귯¸®¸¦ µû·Î »ç¿ëÇÏ´Â °æ¿ì°¡ ¸¹´Ù.
    ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ® ÀÌ¿ÜÀÇ È¯°æ¿¡¼­µµ JSONÀ» °£´ÜÈ÷ »ç¿ëÇϱâ À§ÇÑ ¶óÀ̺귯¸®µéÀÌ Á¸ÀçÇÑ´Ù. JSON °ø½Ä »çÀÌÆ® ³»¿ëÀÇ ´ëºÎºÐÀÌ ¹Ù·Î ±×°ÍÀÌ´Ù.

8.JSON ´ÜÁ¡À̳ª ¹®Á¦Á¡Àº ¹¹³Ä?
    AJAX´Â ´Ü¼øÈ÷ µ¥ÀÌÅ͸¸ÀÌ ¾Æ´Ï¶ó javascript ±× ÀÚüµµ Àü´ÞÇÒ ¼ö ÀÖ´Ù. ¹«½¼ ¸»À̳ĸé jsonµ¥ÀÌÅͶó°í Çؼ­ ¹Þ¾Ò´Âµ¥ ±×°Ô ´Ü¼ø µ¥ÀÌÅÍ°¡ ¾Æ´Ï¶ó ÀÚ¹Ù½ºÅ©¸³Æ®°¡ µÉ ¼öµµ ÀÖ°í, ±×°Ô ½ÇÇà µÉ ¼ö ÀÖ´Ù´Â °ÍÀÌ´Ù. µ¥ÀÌÅÍÀÎ ÁÙ ¾Ë°í ¹Þ¾Ò´Âµ¥ ¾Ç¼º ½ºÅ©¸³Æ®´õ¶ó ¹¹ ±×·² ¼ö ÀÖ´Ù´Â °ÍÀÌ´Ù.

    JSON °ü·Ã ¶óÀ̺귯¸®¸¦ µû·Î »ç¿ëÇÏ´Â ÀÌÀ¯°¡ ÀÌ°ÍÀÌ´Ù. ¹ÞÀº ³»¿ë¿¡¼­ ¼ø¼öÇÏ°Ô µ¥ÀÌÅ͸¸ ÃßÃâÇϱâ À§ÇÑ ¶óÀ̺귯¸®ÀÌ´Ù.

9.JSONÀ¸·Î ¾Æ¹« µ¥ÀÌÅͳª ºÒ·¯°¥ ¼ö ÀÖ³Ä?
    JSONÀÇ ÇÑ°è´Â JSONÀ¸·Î °¡Á®¿Ã ¼ö ÀÖ´Â µ¥ÀÌÅÍ´Â ÇØ´ç ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ·ÎµåµÈ ¼­¹öÀÇ µ¥ÀÌÅÍ¿¡ ÇÑÁ¤µÈ´Ù´Â °ÍÀÌ´Ù.
    ¿¹¸¦ µé¾î¼­ http://kwz.kr/json.js¿¡¼­ ºÒ·¯¿Ã ¼ö ÀÖ´Â µ¥ÀÌÅÍ´Â kwz.kr ¼­¹ö¿¡ Á¸ÀçÇÏ´Â °Í¸¸ °¡´ÉÇÏ´Ù´Â °ÍÀÌ´Ù. 
    ±¸±Û µ¥ÀÌÅ͸¦ ºÒ·¯¿Â´Ù°Å³ª ³×À̹ö µ¥ÀÌÅ͸¦ ºÒ·¯¿Â´Ù°Å³ª ÇÒ ¼ö ¾ø´Ù.

    JSONÀº ´Ü¼øÈ÷ µ¥ÀÌÅÍ Æ÷¸ËÀÏ »ÓÀÌ°í ±× µ¥ÀÌÅ͸¦ ºÒ·¯¿À±â À§Çؼ± XMLHttpRequest()¶ó´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¸¦ »ç¿ëÇØ¾ß Çϴµ¥  ÀÌ ÇÔ¼ö°¡ µ¿ÀÏ ¼­¹ö¿¡ ´ëÇÑ °Í¸¸ Áö¿øÇϱ⠶§¹®ÀÌ´Ù.

    ¾î? ´Ù¸¥ ¼­¹öÀÇ µ¥ÀÌÅ͵µ °¡Á®°¡¼­ º¸¿©ÁÖ´øµ¥??
    ±ÃÇϸé ÅëÇÑ´Ù°í ¹æ¹ýÀÌ¾ß ¸¸µé¸é ³ª¿À´Â °Å´Ù. ±×·¡¼­ ³ª¿Â °Ô ÀÏÁ¾ÀÇ ÇÁ¶ô½Ã ¿ªÇÒÀ» ÇÏ´Â ¼­¹öÂÊ ½ºÅ©¸³Æ® ÆÄÀÏ°ú JSONPÀÌ´Ù.

10.JSONP´Â ¹¹³Ä????
    JSON with PaddingÀ» ÁÙÀÎ ¸»ÀÌ´Ù.
    ´Ù¸¥ ¼­¹öÀÇ µ¥ÀÌÅ͸¦ °¡Á®¿À±â À§ÇÑ ¹æ¹ýÀÌ´Ù.
    ÀÌ°Ç ÇØ´ç ¼­¹ö¿¡¼­ JSONPÀÇ ¹æ½ÄÀ» Áö¿øÇØ Áà¾ßÁö¸¸ °¡´ÉÇÏ´Ù. ÀÌ°ÍÀÌ ºÒ°¡´ÉÇÏ¸é ¿ª½Ã ÇÁ¶ô½Ã¸¦ ½á¾ß ÇÑ´Ù.
¡Ø Ȥ½Ã µµ¿òÀÌ µÇ¼Ì´Ù¸é ´ñ±Û¿¡ ÇѸ¶µð ³²°ÜÁÖ¼¼¿ä!
ÀÛ¼ºÀÚ   ºñ¹Ð¹øÈ£
ÀÚµ¿±Û ¹æÁö     (ÀÚµ¿±Û ¹æÁö ±â´ÉÀÔ´Ï´Ù.)
³»¿ë   ´ñ±Û´Þ±â 
À̸ÞÀÏ ¹®ÀÇ : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.