Javascript & JQuery & CSS > JSONÀº ¹«¾ùÀϱî? µî·ÏÀÏ : 2017-07-14 16:53 Á¶È¸¼ö : 53,379JSONÀ̶õ ¹«¾ùÀΰ¡?
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ÀÇ ¹æ½ÄÀ» Áö¿øÇØ Áà¾ßÁö¸¸ °¡´ÉÇÏ´Ù. ÀÌ°ÍÀÌ ºÒ°¡´ÉÇÏ¸é ¿ª½Ã ÇÁ¶ô½Ã¸¦ ½á¾ß ÇÑ´Ù.
|