|
|
|
|
|
¿¡ÀÌÄÜ À¥ ÇÁ·ÎÆä¼Å³Î ½Ã¸®Áî1
¤Ó Á¦·¹¹Ì Å°½º(Jeremy Keith), ÀåÁ¤È¯
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
Bulletproof Ajax
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
AJAX ÀÔ¹®¼. ÀÌ Ã¥Àº AJAXÀÇ ±âÃÊ¿¡¼ºÎÅÍ AJAXÀÇ ¹Ì·¡¿¡ À̸£±â±îÁö ³»¿ëÀ» ´ã¾Æ Á¤¸®ÇÑ °ÍÀ¸·Î ´Ù¾çÇÑ ¿¹Á¦¸¦ ÅëÇØ AJAX¸¦ ÀÍÈú ¼ö ÀÖµµ·Ï Çß´Ù.
À¥ Ç¥ÁØÀ» »ç¿ëÇÑ Ajax ¾ÖÇø®ÄÉÀ̼ÇÀÇ °ß°íÇÑ ±âÃÊ ´ÙÁö±â¿Í ´Ü°èÀûÀÎ ±â´É Çâ»óÀÇ ¹æ¹ýÀ» Àû¿ëÇÑ Ajax ±â´É Ãß°¡¹æ¹ý, Ajax¸¦ »ç¿ëÇØ¾ß ÇÒ ¶§¿Í »ç¿ëÇÏÁö ¸»¾Æ¾ß ÇÒ °æ¿ì, ºê¶ó¿ìÀúÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® Áö¿ø ¿©ºÎ¿Í ¹«°üÇÏ°Ô Á¦´ë·Î µ¿ÀÛÇÏ´Â ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß µîÀÇ ³»¿ëÀ» ´ã¾Ò´Ù.
¢Ñ ¼Ò½ºÄÚµåÀÇ ³»¿ëÀº ¿¡ÀÌÄÜ ÃâÆÇ»ç µµ¼Á¤º¸ÆäÀÌÁö(http://www.acornpub.co.kr/book/bangtan-ajax)¿¡¼ ´Ù¿î·Îµå ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.
-
-
ÀÌ Ã¥Àº ¹æź Ajax¸¦ ½ÃÀÛÇÏ´Â µ¥ ÇÊ¿äÇÑ ¸ðµç Á¤º¸¸¦ ´ã°í ÀÖ½À´Ï´Ù. Ajax¸¦ »ç¿ëÇÏ¸é¼ ¸Â´Ú¶ß¸®°Ô µÇ´Â Áú¹®µé¿¡ ´ëÇØ ½ÇÁ¦ µ¿ÀÛÇÏ´Â ¿¹Á¦µé·Î ÀÌ·ïÁø ÇØ´äÀ» ã°Ô µÉ °ÍÀÔ´Ï´Ù. ´õ¿í Áß¿äÇÑ °ÍÀº Ajax¿Í °ü·ÃÇÑ °³³ä¿¡ ´ëÇÑ ¼³¸í°ú Áú¹®¿¡ ´ëÇÑ ´äÀ» ¹ß°ßÇÏ°Ô µÉ °ÍÀ̶ó´Â Á¡ÀÔ´Ï´Ù. ÇÏÁö¸¸ ÀÌ Ã¥¿¡ »ó´çÇÑ ºÐ·®ÀÇ Äڵ尡 Æ÷ÇԵǾî ÀÖ´õ¶óµµ ÀÌ Ã¥À» ±×Àú ÇÁ·Î±×·¡¹Ö Ã¥ÀÏ »ÓÀ̶ó°í ÇÑÁ¤ ÁþÁö´Â ¸»¾ÆÁֽñ⠹ٶø´Ï´Ù. ÀÌ Ã¥Àº Ajax¸¦ »ç¿ëÇÏ¸é¼ ¾ËÁö ¸øÇß´ø ¿µ¿ªÀ» ŽÇèÇÏ´Â µ¥ ÇÊ¿äÇÑ ¾È³»¼ÀÇ ¿ªÇÒÀ» Çص帱 °ÍÀÔ´Ï´Ù.
Ajax´Â ¼³¸íÀÌ ÇÊ¿äÇÑ ±â¼úÀÔ´Ï´Ù. À¥»çÀÌÆ®¸¦ ¸¸µå´Â µ¥ »ç¿ëÇÏ´Â ´ëºÎºÐÀÇ µµ±¸´Â µÎ °¡Áö ¹üÁÖ¿¡ Æ÷ÇԵ˴ϴÙ. HTMLÀ̳ª CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °°Àº ºê¶ó¿ìÀú ±â¼ú°ú ¾ÆÆÄÄ¡, PHP, MySQL°ú °°Àº ¼¹ö Ãø ±â¼úÀÔ´Ï´Ù. Ajax¸¦ »ç¿ëÇϱâ À§Çؼ´Â Ŭ¶óÀ̾ðÆ® ÂÊ ¾ð¾îÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ÇÊ¿äÇÏÁö¸¸ ¶ÇÇÑ ¼¹ö¿Í Åë½ÅÇÒ ÇÊ¿äµµ ÀÖ½À´Ï´Ù. ±×·¸´Ù¸é Ajax´Â Ŭ¶óÀ̾ðÆ® ÂÊ ÀÛ¾÷Àϱî¿ä? ¾Æ´Ï¸é ¼¹ö ÂÊ ÀÛ¾÷Àϱî¿ä?
Ajax¿¡ ´ëÇÑ °ü½ÉÀÌ ÁõÆøµÊ°ú µ¿½Ã¿¡ ¼¹ö Ãø ÇÁ·Î±×·¡¸ÓµéÀº ºê¶ó¿ìÀú ÂÊÀ¸·Î ¿Å°Ü°¡°í ÀÖ½À´Ï´Ù. ±×µéÀº ´Ù³â°£ÀÇ ¼ÒÇÁÆ®¿þ¾î µðÀÚÀΰú °´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹Ö¿¡ ´ëÇØ °æÇèÀÌ ¸¹½À´Ï´Ù. ±×·¯³ª À¥ ºê¶ó¿ìÀú¿¡¼ °³¹ßÇϱâ À§ÇØ ÃæºÐÈ÷ Áغñ°¡ µÈ »óȲÀº ¾Æ´Õ´Ï´Ù. ¹Ý¸é Ajax °³¹ßÀ̶ó´Â ºÐ¾ß¿¡ ¹ßÀ» ´ã±Ù Ŭ¶óÀ̾ðÆ® Ãø °³¹ßÀÚµéÀº ¹è¿ö¾ß ÇÒ ¿©·¯ °¡Áö ±â¼úµéÀÇ ÇØÀÏ°ú ¸Â´Ú¶ß¸®°í ÀÖ½À´Ï´Ù.
Ajax¸¦ ¹è¿ì·Á°í ÇÏ´Â ¼¹ö Ãø ÇÁ·Î±×·¡¸Ó¸¦ ´ë»óÀ¸·Î Çϴ åÀº ¸¹ÀÌ ³ª¿Í ÀÖ½À´Ï´Ù. ÀÌ Ã¥Àº ±×·± Á¾·ùÀÇ Ã¥ÀÌ ¾Æ´Õ´Ï´Ù. º¹ÀâÇÑ °´Ã¼¸¦ »ý¼ºÇÏ´Â µ¥ Àͼ÷ÇÑ ÀÚ¹ÙÇÁ·Î±×·¡¸Ó¶ó¸é ÀÌ Ã¥À» µ¤°í ´Ù¸¥ Ã¥À» »ìÆ캸½Ã±â ¹Ù¶ø´Ï´Ù.
¸¸¾à ÇÁ·ÐÆ® ¿£µå °³¹ßÀÚ¶ó¸é ÀÌ Ã¥Àº ¹Ù·Î ´ç½ÅÀÌ Ã£´ø ±× Ã¥ÀÌ µÉ °ÍÀÔ´Ï´Ù. ´ç½ÅÀº ¾Æ¸¶ À¥ Ç¥ÁØÀ» Àß ¾Ë°í ÀÖÀ» °ÍÀÔ´Ï´Ù. Àǹ̿¡ ¸Â´Â ¸¶Å©¾÷°ú CSS¸¦ »ç¿ëÇÏ°í ÀÖÀ» °ÍÀ̸ç DOM ½ºÅ©¸³Æ®¿¡ ´ëÇؼ´Â Àß ¸ð¸£½Ç ¼öµµ ÀÖ½À´Ï´Ù. ÀüÇô °³ÀÇÄ¡ ¸¶½Ã°í ÀÌ Ã¥À» Àо°¡½Ã±â ¹Ù¶ø´Ï´Ù.
Ajax¸¦ ¹è¿ì´Â ÀÏÀÌ µÎ·Á¿î ÀÏ·Î ¿©°ÜÁú ¼öµµ ÀÖ½À´Ï´Ù. ÇÏÁö¸¸ °ÆÁ¤ÇÏÁö ¸¶¼¼¿ä. ¸¹ÀÌ º¹ÀâÇÏÁö ¾Ê½À´Ï´Ù. ¾ÕÀ¸·Î º¸°ÚÁö¸¸ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå´Â º¹ÀâÇÏÁö ¾Ê½À´Ï´Ù. ¾î·Á¿î ºÎºÐÀº Ajax ¾ÖÇø®ÄÉÀ̼ÇÀ» ¹æźÀÌ µÇµµ·Ï ÀÛ¾÷ÇÏ´Â °ÍÀÔ´Ï´Ù.
2005³â 8¿ù New Riders »ç´Â ´í ¾¾´õȨÀÌ ¾´ ¡ºÀ¥ 2.0À» À̲ô´Â ¹æźÀ¥¡»À̶ó´Â Ã¥À» ¹ß°£Çß½À´Ï´Ù. ´íÀÇ Ã¶ÇÐÀº À¯¿¬ÇÔ¿¡ ÁýÁߵǾî ÀÖ½À´Ï´Ù. »ç¿ëÀÚÀÇ ¿ä±¸»çÇ׿¡ ¸Â´Â À¯¿¬ÇÑ µðÀÚÀÎ ¿ä¼Ò¸¦ »ç¿ëÇÔÀ¸·Î½á À¥»çÀÌÆ®´Â ÀϹÝÀûÀÎ ºê¶ó¿ì¡ ȯ°æÀÌ ¾Æ´Ñ °æ¿ì¿¡µµ Á¤»óÀûÀ¸·Î µ¿ÀÛÇÏ°Ô µË´Ï´Ù. ÀÌ·¯ÇÑ Ã¶ÇÐÀÌ Ajax¿¡µµ Àû¿ëµÉ ¼ö ÀÖ´Ù°í ¹Ï°í ÀÖ½À´Ï´Ù.
´ëºÎºÐÀÇ ¸¹Àº Ajax ¾ÖÇø®ÄÉÀ̼ÇÀÌ Æ°Æ°ÇÏÁö ¸øÇÑ °èȹ¿¡ ±âÃÊÇÏ°í ÀÖ°í À¥ ºê¶ó¿ìÀúÀÇ ÀϺΠ±â¼ú¿¡¸¸ ÀÇÁ¸ÇÏ°í ÀÖ½À´Ï´Ù. ¾ÖÇø®ÄÉÀ̼ǿ¡ ÇÊ¿äÇÑ ±â¼úÀ» Áö¿øÇÏÁö ¸øÇÏ´Â ºê¶ó¿ìÀú´Â ¹èÁ¦µÇ°í ±× ºê¶ó¿ìÀúÀÇ »ç¿ëÀÚ´Â ¹ß±æÀ» µ¹¸³´Ï´Ù. ÀÌ·¯ÇÑ ÀÏÀ» ÇÇÇϱâ À§ÇØ ¹æź Ajax¸¦ »ç¿ëÇØ À¯¿¬ÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ÇÊ¿ä°¡ ÀÖ½À´Ï´Ù.
ÀÌ Ã¥¿¡ µµ¿òÀÌ µÉ ¼ö ÀÖ´Â À¥»çÀÌÆ®(http://bulletproofajax.com)¸¦ ¸¸µé¾ú½À´Ï´Ù. ÀÌ »çÀÌÆ®(http://bulletproofajax.com/code/)¿¡¼ ÀÌ Ã¥¿¡¼ »ç¿ëµÈ ¸ðµç ¿¹Á¦µéÀ» ´Ù¿î·Îµå ¹Þ¾Æ¼ Å×½ºÆ®ÇÒ ¼ö ÀÖÀ¸¸ç Çѱ¹¾îÆÇ¿¡ ½Ç¸° ¼Ò½ºÄÚµåÀÇ ³»¿ëÀº ¿¡ÀÌÄÜÃâÆÇ»ç µµ¼Á¤º¸ÆäÀÌÁö(http://www.acornpub.co.kr/book/bangtan-ajax)¿¡¼ ´Ù¿î·Îµå ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í Ajax¸¦ »ç¿ëÇÑ ÃֽŠ°³¹ß¿¡ ´ëÇÑ Á¤º¸¸¦ ´õ ¾ò°í ½Í´Ù¸é Á¦ DOM ½º...Å©¸³Æ® ºí·Î±×(http://domscripting.com/blog/)¸¦ ¹æ¹®ÇϽðųª ¡º´ÙÀ̳»¹ÍÇÑ À¥ Ç¥ÁØ »çÀÌÆ®¸¦ À§ÇÑ DOM ½ºÅ©¸³Æ®¡»¸¦ »çº¸½Ã±â ¹Ù¶ø´Ï´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡Ü À¥ Ç¥ÁØÀ» »ç¿ëÇÑ Ajax ¾ÖÇø®ÄÉÀ̼ÇÀÇ °ß°íÇÑ ±âÃÊ ´ÙÁö±â
¡Ü ´Ü°èÀûÀÎ ±â´É Çâ»óÀÇ ¹æ¹ýÀ» Àû¿ëÇÑ Ajax ±â´É Ãß°¡
¡Ü XMLHttpRequest °´Ã¼ÀÇ »ç¿ë¹ý
¡Ü Ajax¸¦ »ç¿ëÇØ¾ß ÇÒ ¶§¿Í »ç¿ëÇÏÁö ¸»¾Æ¾ß ÇÒ °æ¿ì
¡Ü Ajax »óÈ£ÀÛ¿ëÀ¸·Î ÀÎÇØ ¹ß»ýÇÏ´Â µðÀÚÀÎ ¹®Á¦
¡Ü ºê¶ó¿ìÀúÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® Áö¿ø ¿©ºÎ¿Í ¹«°üÇÏ°Ô Á¦´ë·Î µ¿ÀÛÇÏ´Â ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
-
-
¿Å±äÀÌÀÇ ¸»
¿Å±äÀÌ ¼Ò°³
°¨»çÀÇ ±Û
ÀúÀÚ ¼Ò°³
µé¾î°¡¸ç
1Àå Ajax¶õ ¹«¾ùÀΰ¡?
AjaxÀÇ Á¤ÀÇ
Ajax ÅøŶ
¿ä¾à
2Àå ÀÚ¹Ù½ºÅ©¸³Æ®¿Í DOM
ÀÚ¹Ù½ºÅ©¸³Æ®
¹®¼ °´Ã¼ ¸ðµ¨ (DOM)
¿ä¾à
3Àå XMLHttpRequest °´Ã¼
±â¿ø
ÀνºÅϽº ¸¸µé±â
¿äû º¸³»±â
ÀÀ´ä ¹Þ±â
ÄÚµå ÅëÇÕ
¿ä¾à
4Àå µ¥ÀÌÅÍ ÇüÅÂ
XML
JSON
HTML
¿ä¾à
5Àå ÇÏÀÌÀ轺
´Ü°èÀûÀÎ ±â´É Çâ»ó
ÀÚ¹Ù½ºÅ©¸³Æ® ºÐ¸®
´Ü°èÀûÀÎ ±â´É Çâ»ó°ú Ajax
ÇÏÀÌÀ轺 »ç¿ëÇϱâ
¸®Ä¡ Ŭ¶óÀ̾ðÆ® Èä³»³»±â
¿ä¾à
6Àå AjaxÀÇ ÇÔÁ¤
ÇÏÀ§ ȣȯ¼º
ÀÚ¹Ù½ºÅ©¸³Æ® ºÐ¸®
À¥ ¼ºñ½º
»ç¿ëÀÚ ÀԷ¿¡ ´ëÇÑ ¹ÝÀÀ
ºê¶ó¿ìÀúÀÇ µ¿ÀÛ
¿ä¾à
7Àå Ajax¿Í Á¢±Ù¼º
½ºÅ©¸°¸®´õÀÇ ÀÌÇØ
½ºÅ©¸°¸®´õ¿Í Ajax
ÃֽŠ±â¼ú µ¿Çâ
¹ßÀü °¡´É¼º
¿ä¾à
8Àå ¹æź Ajax »çÀÌÆ® ¸¸µé±â
±âȹ
Ajax Àû¿ë
¹æź ¼Á¡À» ´õ¿í °ß°íÇÏ°Ô
¿ä¾à
9Àå AjaxÀÇ ¹Ì·¡
¶óÀ̺귯¸®, ÇÁ·¹ÀÓ¿öÅ©, ÅøŶ
¶óÀ̺귯¸® ¼±ÅÃ
AjaxÀÇ ¹Ì·¡
ã¾Æº¸±â
-
-
Á¦°¡ óÀ½ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Á¢Çß´ø °ÍÀº ´ëÇб³ ½ÃÀý ÈĹ谡 ¸¸µé¾ú´ø ¹æ¸í·ÏÀ» º¸¾ÒÀ» ¶§¿´½À´Ï´Ù. ±× ¶§¸¸ Çصµ ´Ü¼øÇÏ°Ô ¹æ¸í·ÏÀ» ÀÛ¼ºÇß´ø ½Ã°£ÀÇ ¿ª¼øÀ¸·Î ¹æ¸í·ÏÀÇ ±ÛµéÀ» Ãâ·ÂÇÏ´ø °ÍÀÌ ÀϹÝÀûÀ̾úÀ¸³ª ÈĹ谡 ¸¸µé¾ú´ø ¹æ¸í·ÏÀº °¢ ±ÛµéÀÌ ¸Þ¸ðÀÇ ÇüÅ·ΠµÇ¾î ÀÖ¾î µå·¡±×¾Øµå·ÓÀ» »ç¿ëÇØ À§Ä¡¸¦ ÀÚÀ¯·Ó°Ô º¯°æÇÒ ¼ö ÀÖ¾ú½À´Ï´Ù. Áö±ÝÀº ´©±¸³ª °£´ÜÇÏ°Ô ¸¸µé ¼ö ÀÖ´Â ±â´ÉÀÌ°í ½ÇÁ¦ ¼ºñ½º¿¡µµ ¸¹ÀÌ Àû¿ëµÇ¾î ÀÖÁö¸¸ 1998³âÀ̾ú´ø Àú ¶§¸¸Çصµ ±×·± ÆäÀÌÁö´Â ã¾Æº¸±â ¾î·Á¿ü½À´Ï´Ù. óÀ½ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¹ßÇ¥µÈ °ÍÀº 1995³â °Ü¿ïÀ̾úÁö¸¸ ±¹³»¿¡¼´Â 3³âÀÌ ´Ù µÇ¾î°¡µµ·Ï ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸ÚÁö°Ô È°¿ëÇÏ´Â »çÀÌÆ®°¡ ¸¹Áö ¾Ê´ø »óȲÀ̾ú½À´Ï´Ù. ÁÖ·Î ÆûÀÇ °ªÀÌ Á¤»óÀûÀÎÁö ¿©ºÎ¸¸À» È®ÀÎÇϱâ À§ÇØ »ç¿ëµÇ°í ÀÖ¾úÀ» »ÓÀÔ´Ï´Ù. ÇÏÁö¸¸ À¥ ÆäÀÌÁöÀÇ ¿ä¼ÒµéÀ» ÀÚ¹Ù½ºÅ©¸³Æ®·Î ´Ù·ê ¼ö ÀÖ°Ô µÇ¸é¼ ´ÙÀ̳»¹ÍÇÑ À¥ÆäÀÌÁö¸¦ ¸¸µé±â À§ÇØ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ Á¡Á¡ ¸¹ÀÌ »ç¿ëµÇ¾ú½À´Ï´Ù. ±×¸®°í 2005³â Ajax¸¦ È°¿ëÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀÌ ¹ßÇ¥µÇ¸é¼ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ´Ù½Ã Çѹø ÁÖ¸ñ¹Þ°Ô µË´Ï´Ù.
AjaxÀÇ °¡Àå ´ëÇ¥ÀûÀΠƯ¡Àº ÇöÀç »ç¿ëÀÚ°¡ º¸°í ÀÖ´Â ÆäÀÌÁö¿¡ º¯È¸¦ ÁÖÁö ¾Ê°í ¼¹ö¿Í Åë½ÅÀ» ÇÏ°í °á°ú¸¦ ȸ鿡 ¹Ý¿µÇÒ ¼ö ÀÖ´Ù´Â Á¡ÀÔ´Ï´Ù. ÀÌ·¯ÇÑ Æ¯Â¡Àº ȸéÀ» ¹«Á¶°Ç ¸®ÇÁ·¹½ÃÇØ¾ß ÇÏ´Â ±âÁ¸ À¥¼ºñ½ºÀÇ ±â¹ÝÀ» Èçµå´Â °ÍÀ̸ç Ajax¸¦ »ç¿ëÇÔÀ¸·Î½á ¿ÏÀüÈ÷ »õ·Î¿î ÇüÅÂÀÇ À¥¼ºñ½º¸¦ ¸¸µé ¼ö ÀÖ´Ù´Â °ÍÀ» ÀǹÌÇÕ´Ï´Ù. ÀÌ·± °æ¿ìÀÇ ¿¹·Î¼ Áöµµ ¼ºñ½º¸¦ µé ¼ö ÀÖ½À´Ï´Ù. Ajax ÀÌÀü À¥ ÆäÀÌÁö¿¡¼ Áöµµ¸¦ º¸´Â °ÍÀº »ó´çÈ÷ ºÒÆíÇß½À´Ï´Ù. ´Ù¸¥ Áö¿ªÀ¸·Î À̵¿Çϰųª ÃàÀûÀ» º¯°æÇϱâ À§Çؼ´Â Ç×»ó ÆäÀÌÁö¸¦ °»½ÅÇØ¾ß Çß½À´Ï´Ù. ÇÏÁö¸¸ Ajax¸¦ Àû¿ëÇÑ ÃÖ±ÙÀÇ Áöµµ ¼ºñ½º¿¡´Â ÀÌ·¯ÇÑ ºÒÆíÇÔÀÌ ¾ø½À´Ï´Ù. µå·¡±×·Î ´Ù¸¥ Áö¿ªÀ¸·Î À̵¿ÇÒ ¼ö ÀÖÀ¸¸ç ÃàÀû ¹Ù¸¦ Ŭ¸¯ÇØ À̹ÌÁö¸¸ °»½ÅÇÔÀ¸·Î½á ´õ ÀÚ¼¼ÇÑ È¤Àº ´õ ³ÐÀº ¹üÀ§¸¦ »ìÆ캼 ¼ö ÀÖ°Ô µÇ¾ú½À´Ï´Ù.
ÀÌ Ã¥Àº Áöµµ ¼ºñ½º¿Í °°ÀÌ »ç¿ëÀڵ鿡°Ô ¿ÏÀüÈ÷ »õ·Î¿î °æÇèÀ» ¼±»çÇÒ ¼ö ÀÖ´Â ±â¼úÀÎ AjaxÀÇ ±âÃÊ¿¡ ´ëÇÑ Ã¥ÀÔ´Ï´Ù. AjaxÀÇ ±âº» °³³äºÎÅÍ ½ÃÀÛÇؼ Ajax¸¦ »ç¿ëÇØ ¾î¶»°Ô À¥»çÀÌÆ®¸¦ °³¼±ÇÒ ¼ö ÀÖ´ÂÁö¸¦ ¿¹Á¦¸¦ È°¿ëÇØ Â÷±ÙÂ÷±Ù ¾Ë·ÁÁÖ°í ÀÖÀ¸¸ç Á¡ÁøÀûÀÎ ±â´É Çâ»óÀÇ ¹æ¹ýÀ» »ç¿ëÇÏ¿© Ajax¸¦ »ç¿ëÇÒ ¼ö ¾ø´Â °æ¿ì¶óµµ ¼ºñ½º¸¦ »ç¿ëÇϴµ¥ ¹®Á¦°¡ ¾ø´Â À¥»çÀÌÆ®¸¦ ¸¸µå´Â ¹æ¹ýµµ Á¦½ÃÇØÁÝ´Ï´Ù. ³ª¾Æ°¡ ½ÇÁ¦¿Í À¯»çÇÑ ¿¹Á¦¸¦ ÀÌ¿ëÇØ ¾î¶»°Ô Ajax¸¦ È°¿ëÇÏ´ÂÁö¸¦ º¸¿©ÁÝ´Ï´Ù. ±×¸®°í ÀÌ Ã¥¿¡ ³ª¿À´Â ¿¹Á¦¸¦ Àß µû¶ó°¡¸é ¿©·¯ºÐÀº ´Ù¸¥ Ajax °³¹ß¿¡¼µµ »ç¿ëÇÒ ¼ö ÀÖ´Â ÈǸ¢ÇÑ Ajax ¶óÀ̺귯¸®¸¦ Çϳª¾¿ °®°Ô µÉ °ÍÀÔ´Ï´Ù. Ȥ½Ã¶óµµ ÀÌ Ã¥¿¡¼ º¸¿©ÁÖ´Â ³»¿ëµéÀÌ ´Ù¼Ò ¾î·Á¿ì½Å ºÐµéÀÇ °æ¿ì¿¡´Â ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£ÇÑ ¡ºÀ¥ 2.0À» À̲ô´Â ¹æźÀ¥¡»À̳ª ¡º´ÙÀ̳»¹ÍÇÑ À¥ Ç¥ÁØ »çÀÌÆ®¸¦ À§ÇÑ DOM ½ºÅ©¸³Æ®¡»¿Í °°Àº À¥ Ç¥ÁØ°ú ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇÑ Ã¥À» ¸ÕÀú º¸½Ã¸é ÀÌ Ã¥À» ÀÌÇØÇϽô µ¥ Å« µµ¿òÀÌ µÉ °ÍÀ¸·Î »ý°¢ÇÕ´Ï´Ù.
ÀåÁ¤È¯
-
-
|
Á¦·¹¹Ì Å°½º(Jeremy Keith) [Àú]
|
|
-
¿µ±¹ ºê¸µÅÏ¿¡¼ ÀÏÇÏ°í ÀÖ´Â À¥ °³¹ßÀÚÀÌ´Ù. Clearleft (www.clearleft.com)¶ó´Â À¥ ÄÁ¼³Æà ¾÷ü¿¡¼ ÀÏÇÏ°í ÀÖ°í, XHTML, CSS, DOM°ú °°Àº À¥ Ç¥ÁØ ±â¼úÀ» ÀÌ¿ëÇØ Á¢±Ù¼ºÀÌ ³ôÀ¸¸é¼ µðÀÚÀεµ ¿ì¼öÇÑ À¥»çÀÌÆ®¸¦ Áñ°Ì°Ô ¸¸µé°í ÀÖ´Ù. ¶ÇÇÑ ±¹Á¦ À¥ Ç¥ÁØ ÇÁ·ÎÁ§Æ®(webstandards.org)ÀÇ DOM ½ºÅ©¸³Æ® TF¸¦ À̲ø°í Àֱ⵵ ÇÏ´Ù.
¿©°¡ ½Ã°£¿¡´Â alt.country ¹êµåÀÎ Salter Cane(www.saltercane.com)¿¡¼ ºÎÁÖÅ°¸¦ ¿¬ÁÖÇϱ⵵ ÇÑ´Ù. ¾ÆÀÏ·£µå ÀüÅë À½¾ÇÀ» ´Ù·ç´Â The Session(www.thesession.org)À̶ó´Â Ä¿¹Â´ÏƼ À¥»çÀÌÆ®¸¦ ¸¸µé°í ¿î¿µÇÏ°í ÀÖ´Ù.
-
|
ÀåÁ¤È¯ [Àú]
|
|
-
HTML5¿Í ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ºüÁ® ÀÖ´Â °³¹ßÀÚ´Ù. NHN¿¡¼ UI°³¹ß Á¶Á÷À» À̲ø¸ç ÀÚ¹Ù½ºÅ©¸³Æ®·Î ³×À̹öÀÇ ´Ù¾çÇÑ UI¸¦ °³¹ßÇÏ´Â µ¥ Âü¿©ÇßÀ¸¸ç JindoJS¿Í ½º¸¶Æ®¿¡µðÅÍ ÇÁ·ÎÁ§Æ®¸¦ ÁÖµµÇß´Ù. ªÀº ½Ã°£ÀÌÁö¸¸ XE 1.7ÀÇ PMÀ¸·Îµµ Âü¿©ÇÑ °æÇèÀÌ ÀÖ´Ù. Áö±ÝÀº Ä«Ä«¿À¿¡¼ »õ·Î¿î ¸ð¹ÙÀÏ ¼¼»óÀ» ¸¸µé°í ÀÖÀ¸¸ç ÆäÀ̽ººÏ¿¡ JSLounge¶ó´Â HTML5/JavaScript Ä¿¹Â´ÏƼ¸¦ ¿î¿µÇÏ°í ÀÖ´Ù. ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£µÈ [¹æź Ajax](2007³â), [Ajax ù°ÉÀ½](2011³â), [jQuery Novice to Ninja Çѱ¹¾îÆÇ](2011³â) µîÀ» ¹ø¿ªÇß°í, [¿£ÅÍÇÁ¶óÀÌÁî Ajax](2010³â)À» °¨¼öÇß´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|