ajax




ƯÁ¤ÇÑ ±â¼úÀÌ ¾Æ´Ñ ºñµ¿±â½Ä ÀÚ¹Ù½ºÅ©¸³Æ®·Î ´ëÈ½Ä À¥ ¾ÖÇø®ÄÉÀÌ¼Ç Á¦À۽à ÀÌ¿ëÇϸé ÁÁ½À´Ï´Ù. ½ÇÇàÀ» Ç÷§ÆûÀ̱⠶§¹®¿¡ À¥°³¹ßÀÌ Ã³À½ÀÎ ºÐÀ̶ó¸é html, css, javascript °³³äÀÌ ÇнÀµÇ¾îÀÖ¾î¾ß °³¹ßÀ» ½±°Ô ÇÒ ¼ö ÀÖ½À´Ï´Ù.
-
01.31ºÐ ajax ½ÃÀÛÇϱâ
À¥È£½ºÆÃ¿¡¼ ajax¸¦ ¼¼ÆÃÇϰí ÀÎÄÚµùÀ» ½ÃÀÛÇÕ´Ï´Ù.
Ã¥°¥ÇÇ[00:17] À¥È£½ºÆÃ¿¡¼ ¼¼ÆÃÇϱâ/[00:57] µµ¸ÞÀÎ ÁÖ¼Ò È®ÀÎ/[02:28] ÀÎÄÚµù ¹æ½Ä ¼³Á¤/[05:19] Ãâ·Â ȸé È®ÀÎ/[08:45] If¹® ÀÛ¼º/[11:10] varInput º¯¼ö »ý¼º/[16:20] »ó¼Ó È¿°ú ±¸Çö/[19:21] »õ ÇÔ¼ö Á¤ÀÇ/[20:11] result °ª »ý¼º/[26:50] »ó¼Ó °ü°è ±¸Á¶/[28:06] »õ ¸Þ¼Òµå »ý¼º ¿¹½Ã/[30:35] ÀÛ¾÷³»¿ë ¹é¾÷ -
02.38ºÐ DOMÃ¥°¥ÇÇ[00:05] dom/[03:25] ÀÎÄÚµù ¹æ½Ä/[06:55] Àμö¸¦ ¹Þ´Â Ŭ·¡½º »ý¼º/[12:11] Ŭ·¡½ºÀÇ ÀνºÅϽºÈ/[14:49] ÇÁ·ÎÅäŸÀÔ js/[16:39] À̸§À» ÀúÀåÇϴ Ŭ·¡½º »ý¼º/[19:19] »ó¼Ó/[25:01] ÀνºÅϽºÈ/[27:46] »ó¼Ó¹ÞÀº ¸Þ¼Òµå ÀçÁ¤ÀÇ/[31:05] ÀÚ½Ä Å¬·¡½º »ý¼º/[36:28] »ó¼Ó¹ÞÀº Ŭ·¡½º »ç¿ë
-
03.37ºÐ Ãß»óŬ·¡½ºÃ¥°¥ÇÇ[00:00] Ãß»óŬ·¡½º/[05:13] Ãß»óŬ·¡½º »ó¼Ó ¹Þ±â/[09:14] ºÎ¸ð Array¿¡ °ª ³Ö±â/[14:10] for¹®/[19:23] dom °´Ã¼/[23:16] Event.observe/[28:30] ¹öư value°ª ¼³Á¤/[32:48] appendChild/[35:39] ¹öư Á¦°Å À̺¥Æ® »ý¼º
-
04.18ºÐ ½ºÅ¸ÀÏ º¯°æÃ¥°¥ÇÇ[01:12] À©µµ¿ì ·Îµå ½Ã À̺¥Æ® »ý¼º/[04:02] ½ºÅ¸ÀϺ¯°æ Ŭ¸¯ ½Ã ½ºÅ¸ÀÏ º¯°æ/[10:29] ¼ýÀÚ °ª ÀԷ¹ޱâ/[12:48] ÀÔ·ÂµÈ ¼ýÀÚ¿¡ µû¸¥ Ä÷¯ º¯°æ/[15:33] div ¹è°æ»ö ¼³Á¤
-
05.32ºÐ XMLHttpRequest XHR, ºñµ¿±â
XMLHttpRequest ³»À尴ü, ÇÁ·ÎÆÛƼ¿Í ºñµ¿±â Åë½Å¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] XMLHttpRequest, ³»À尴ü/[04:55] ÇÁ·ÎÆÛƼ/[08:58] responseText/[12:41] iframeÀ» »ç¿ëÇÑ ºñµ¿±â Åë½Å/[16:06] XMLHttpRequest °´Ã¼ ÀÌ¿ë ºñµ¿±â Åë½Å/[21:09] ¿äû¹öư Ŭ¸¯ ½Ã ó¸®/[25:07] µ¥ÀÌÅ͸¦ ¹ÞÀº ÈÄ Ã³¸®/[30:01] xhr.xml ÆÄÀÏ »ý¼º -
06.27ºÐ xml ¹®¼ ÄÚµù
xml ¹®¼¸¦ ÄÚµùÇØº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] xml ¹®¼ ÄÚµù/[04:01] °´Ã¼»ý¼º ¸Þ¼Òµå Á¤ÀÇ/[08:14] xml ÆÄ½Ì/[11:45] createElement/[15:53] textNode »ý¼º/[20:57] °á°úÈ®ÀÎ/[22:18] °Ë¼öÇÏ´Â ¹æ¹ý/[26:04] Msxml2.XMLHTTP -
07.22ºÐ json
json ÆÄÀÏ »ý¼º°ú Àоî¿À´Â ¹æ¹ý¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] nodeValue/[00:32] json/[05:35] json ÆÄÀÏ Àбâ/[08:53] Ŭ¸¯ À̺¥Æ® »ý¼º/[11:43] jsonÀ» table·Î º¸¿©ÁÖ±â/[18:31] div¿¡ ³»¿ë ³Ö±â -
08.25ºÐ ÀÎÄÚµù ¹æ½Ä¿¡ µû¸¥ ¹öư Ãâ·Â
ÀÎÄÚµù ¹æ½Ä¿¡ µû¸¥ Ãâ·Â°ú ¿À·ù¿¡ µû¸¥ °´Ã¼ »ý¼º ¹× ¿äû º¸³»´Â ¹æ¹ý¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] ÆÄÀÏ ÀÎÄÚµù ¹æ½Ä¿¡ µû¸¥ Ãâ·Â/[01:53] Ŭ¸¯ À̺¥Æ® Á¤ÀÇ/[06:31] Ŭ¸¯ ½Ã °á°ú È®ÀÎ/[09:28] ¿À·ù¿¡ µû¸¥ °´Ã¼ »ý¼º ¹× ¿äû º¸³»±â/[11:29] try catch/[16:16] ¿äû ÀÛ¾÷/[22:10] get, post ¹æ½Ä¿¡ ´Ù¸¥ url ó¸® -
09.35ºÐ À̺¥Æ® ó¸®
¿ä¼Òº° À̺¥Æ® ó¸®ÇÏ´Â ¹æ¹ý¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] ¿ä¼Òº° À̺¥Æ® ó¸®ÇÏ´Â ¹æ¹ý/[05:14] this/[11:50] ¿äûÀÛ¾÷ Áغñ/[15:22] send ó¸®/[17:37] addEventListener/[21:58] removeEventListener/[22:18] html¿¡¼ ajax¿¬µ¿/[26:27] ¹öư Ŭ¸¯ ½Ã ÇÔ¼ö ±¸Çö/[30:50] °á°úÈ®ÀÎ -
10.28ºÐ À̺¥Æ® Ÿ°Ù, ¸¶¿ì½º À̺¥Æ®
À̺¥Æ® Ÿ°ÙÀ» ±¸ÇÏ´Â ¹æ¹ý°ú ¸¶¿ì½º À̺¥Æ®¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] À̺¥Æ® ŸÄÏÀ» ±¸ÇÏ´Â ÇÔ¼ö »ý¼º/[04:35] window.onload=function()/[07:20] window.event ¡« e/[11:13] ¸¶¿ì½º À̺¥Æ® ¾Ë¾Æº¸±â/[18:01] ¸¶¿ì½º ¹öư À̺¥Æ® ÆÇº°Çϱâ/[22:33] ½ºÅ©·Ñ À§Ä¡ ¾Ë¾Æ³»±â -
11.24ºÐ Űº¸µå À̺¥Æ®, À̺¥Æ® Àü´Þ ¹× ÁßÁö
Űº¸µå À̺¥Æ®¿Í À̺¥Æ® Àü´Þ, À̺¥Æ® ÁßÁö¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] Űº¸µå À̺¥Æ®/[04:20] À̺¥Æ® °ª ³Ö±â/[06:11] À̺¥Æ® Àü´Þ/[08:55] ajax.Event.addListener/[12:10] capture °á°úÈ®ÀÎ/[13:40] À̺¥Æ® Àü´Þ ÁßÁö/[16:19] ±âº» À̺¥Æ® ÁßÁö/[20:30] window.onload=function() -
12.28ºÐ this
À̺¥Æ® Çڵ鷯¿¡¼ this ¹®Á¦¸¦ ÇØ°áÇÏ´Â ¹æ¹ý°ú css ½ºÅ¸ÀÏ º¯°æÇÏ´Â ¹æ¹ý¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:00] À̺¥Æ® Çڵ鷯 this/[05:52] js ÆÄÀÏ »ý¼º/[10:05] ¿À·ù È®ÀÎ/[13:30] ¿À·ù ÇØ°á/[16:45] apply/[20:24] css ½ºÅ¸ÀÏ º¯°æ/[24:43] ¿ä¼Ò¿¡ ½ºÅ¸ÀÏ Àû¿ë -
13.41ºÐ ½ºÅ¸ÀÏ ¼³Á¤ ¹× Á¤º¸ ¾ò±â
css class º¯°æ°ú Opacity ¼³Á¤, ½ºÅ¸ÀÏ Á¤º¸¸¦ ¾ò¾î¿À´Â ¹æ¹ý¿¡ ´ëÇÏ¿© ¾Ë¾Æº¾´Ï´Ù.
Ã¥°¥ÇÇ[00:18] css class º¯°æ/[05:32] ½ÇÇà °á°ú È®ÀÎ/[06:16] opacity ¼³Á¤/[11:44] window.onload=function()/[15:10] eval/[17:25] ½ºÅ¸ÀÏ Á¤º¸ ¾ò¾î¿À±â/[24:44] ÇÔ¼ö Á¤ÀÇ/[29:31] element.style[property]/[33:29] ÀÚ¹Ù½ºÅ©¸³Æ® ½ºÅ¸ÀÏÀ» css·Î º¯È¯/[37:53] defaultView.getComputedStyle().getPropertyValue()
-
JSPJSP Àΰ Æò»ý±³À°¿ø ±³À° ¾È³» JSP´Â ÀÚ¹Ù¸¦ ¼¹öȯ°æ¿¡¼ »ç¿ëÇÏ´Â ½ºÅ©¸³Æ® ¹æ½ÄÀÇ ¾ð¾î·Î ÀÚ¹ÙÇÁ·Î±×·¡¹ÖÀ» ÇнÀÇÑµÚ JSP °ÀǸ¦ ÅëÇØ Ȱ¿ëÀ» ¿øÇÏ´Â ºÐµéÀÌ ÀÌ¿ëÇϸé ÁÁ½À´Ï´Ù. ÀÚ¹ÙÀÇ Äڵ带 Àç»ç¿ëÇÑ´Ù´Â ÀåÁ¡À» ÀÀ¿ëÀ» ÇÒ¼ö ÀÖÀ¸¸ç JSP À¥»çÀÌÆ®¸¦ °³¹ßÇÏ·Á´Â °³¹ßÀÚ°¡ ÀÚ¹Ù·Î À¥»çÀÌÆ® °³¹ß½Ã ÀÌ¿ëÇØ¾ß ÇÕ´Ï´Ù. ÀÚ¹Ù¾ð¾î·Î ¸ðµç³»¿ëÀÌ ±¸ÇöÀÌ °¡´ÉÇϱ⶧¹®¿¡ ÀÚ¹Ù´Â ±âº»ÀûÀ¸·Î ÇнÀÇÏ°í ³ª¼ JSP ¸¦ Çϴ°ÍÀ» ±ÇÀåÇÕ´Ï´Ù.ÇнÀ±â°£ : 2°³¿ù/°ÀǼö : 20°/ÁøÇà½Ã°£ : 11½Ã°£ 51ºÐ/¼ö°·á :
150,000¿ø95,000¿ø -
STRUTS2STRUTS2 Àΰ Æò»ý±³À°¿ø ±³À° ¾È³» STRUTS2 ÀÚ¹Ù°´Ã¼¸¦ ÀÌ¿ëÇÒ¼öÀÖ´Â ÇÁ·¹ÀÓ¿öÅ©·Î À¥ °³¹ßÀÚ°¡ Ȱ¿ëÇϴ¹æ¹ýÀ¸·Î ÀÌ¿ëÇϸé ÁÁ½À´Ï´Ù. STRUTS2 ´Â º¹ÀâÇÑ ÇÁ·ÎÁ§Æ®¸¦ °£´ÜÇÏ°Ô ±¸¼ºÇÒ¼ö Àֱ⶧¹®¿¡ ±âº»ÀûÀ¸·Î ÀÚ¹ÙÇÁ·Î±×·¡¹ÖÀÇ ±âº»Áö½ÄÀÌ ÀÖ¾î¾ß STRUTS2 ¸¦ ½±°Ô °³¹ßÀÌ °¡´ÉÇÕ´Ï´Ù. ÀÚüÀûÀ¸·ÎMVC ÇÁ·¹ÀÓ¿öÅ©¸¦ Á¦°øÇϱ⠶§¹®¿¡ À¥ ¾îÇø®ÄÉÀÌ¼Ç Á¦ÀÛÀ» ¿øÇÏ´Â ºÐµéÀÌ È°¿ëÇϸé ÁÁ½À´Ï´Ù.ÇнÀ±â°£ : 2°³¿ù/°ÀǼö : 20°/ÁøÇà½Ã°£ : 11½Ã°£ 44ºÐ/¼ö°·á :
270,000¿ø165,000¿ø