|

ű״ ¶ç¾î¾²±â°¡ ¹«½ÃµÇ¸ç, 2°³ ÀÌ»ó ÀÔ·Â ½Ã ÅÂ±×¿Í Å±״ ½°Ç¥(,)·Î ±¸ºÐÇÕ´Ï´Ù.
ÇÑ Å±×ÀÇ ÃÖ´ë ±ÛÀÚ¼ö´Â 10±ÛÀÚÀ̸ç, º»ÀÎÀÌ ÀÔ·ÂÇϰųª Âù¼ºÇÑ Å±״ ³ë¶õ»öÀ¸·Î Ç¥±âµË´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Çѵ¿¾È ´Ù·ð´ø °³¹ßÀÚ¶ó¸é ¾Æ´Â ±âº»ÀûÀÎ ¹®¹ýÀ̳ª ¹®Àå ±¸Á¶ °°Àº ±âº»ÀûÀÎ »çÇ×µéÀ» ¹èÁ¦Çϰí, °ð¹Ù·Î ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ °´Ã¼ÁöÇâÀ̶ó´Â °³³ä°ú Å×½ºÆ®¸¦ À§ÇÑ µµ±¸, ¹èÆ÷¿Í ºê¶ó¿ìÀú Áö¿ø¿¡ ´ëÇÑ ÁÖÀÇ»çÇ× µî Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ ÇÊ¿äÇÑ ±â¼úµéÀ» ½Ç¿ëÀûÀÎ ¿¹¿Í ¼Ò½ºÄڵ带 ÅëÇØ ¼³¸íÇÑ´Ù.
1ºÎ Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¿ä
1Àå Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¥
1.1 °´Ã¼ÁöÇâ ÀÚ¹Ù½ºÅ©¸³Æ®
1.2 ÄÚµå Å×½ºÆ®
1.3 ¹èÆ÷Çϱâ À§ÇÑ ÆÐŰ¡
1.4 ¹«°£¼·(Unobtrusive) DOM ½ºÅ©¸³ÆÃ
1.5 Ajax
1.6 ºê¶ó¿ìÀú Áö¿ø
1.7 ¿ä¾à
2ºÎ Àü¹®ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß
2Àå °´Ã¼ÁöÇâ ÀÚ¹Ù½ºÅ©¸³Æ®
2.1 ¾ð¾î ±â´É
2.3 °´Ã¼ÁöÇ⠱⺻
2.4 ¿ä¾à
3Àå Àç»ç¿ë °¡´ÉÇÑ ÄÚµå ÀÛ¼ºÇϱâ
3.1 °´Ã¼ÁöÇâ ÄÚµåÀÇ Ç¥ÁØÈ
1ºÎ Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¿ä
1Àå Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¥
1.1 °´Ã¼ÁöÇâ ÀÚ¹Ù½ºÅ©¸³Æ®
1.2 ÄÚµå Å×½ºÆ®
1.3 ¹èÆ÷Çϱâ À§ÇÑ ÆÐŰ¡
1.4 ¹«°£¼·(Unobtrusive) DOM ½ºÅ©¸³ÆÃ
1.5 Ajax
1.6 ºê¶ó¿ìÀú Áö¿ø
1.7 ¿ä¾à
2ºÎ Àü¹®ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß
2Àå °´Ã¼ÁöÇâ ÀÚ¹Ù½ºÅ©¸³Æ®
2.1 ¾ð¾î ±â´É
2.3 °´Ã¼ÁöÇ⠱⺻
2.4 ¿ä¾à
3Àå Àç»ç¿ë °¡´ÉÇÑ ÄÚµå ÀÛ¼ºÇϱâ
3.1 °´Ã¼ÁöÇâ ÄÚµåÀÇ Ç¥ÁØÈ
3.2 ÆÐŰ¡
3.3 ¹èÆ÷
3.4 ¿ä¾à
4Àå µð¹ö±ë°ú Å×½ºÆ®¸¦ À§ÇÑ µµ±¸
4.1 µð¹ö±ë
4.2 Å×½ºÆ®
4.3 ¿ä¾à
3ºÎ ¹«°£¼· ÀÚ¹Ù½ºÅ©¸³Æ®
5Àå ¹®¼ °´Ã¼ ¸ðµ¨
5.1 ¹®¼ °´Ã¼ ¸ðµ¨¿¡ ´ëÇÑ ¼Ò°³
5.2 DOM Ž»öÇϱâ
5.3 HTML DOMÀÌ ·ÎµùµÇ±â¸¦ ±â´Ù¸®±â
5.4 HTML ¹®¼¿¡¼ ¿¤¸®¸ÕÆ® ã±â
5.5 ¿¤¸®¸ÕÆ®ÀÇ ³»¿ë ¾ò±â
5.6 ¿¤¸®¸ÕÆ® ¾îÆ®¸®ºäÆ® ´Ù·ç±â
5.7 DOM º¯°æÇϱâ
5.8 ¿ä¾à
6Àå À̺¥Æ®
6.1 ÀÚ¹Ù½ºÅ©¸³Æ® À̺¥Æ®¿¡ ´ëÇÑ ¼Ò°³
6.2 °øÅëÀûÀÎ À̺¥Æ® ±â´Éµé
6.3 À̺¥Æ® ¸®½º³Ê ¿¬°áÇϱâ
6.4 À̺¥Æ®ÀÇ Á¾·ù
6.5 ¹«°£¼· DOM ½ºÅ©¸³ÆÃ
6.6 ¿ä¾à
7Àå ÀÚ¹Ù½ºÅ©¸³Æ®¿Í CSS
7.1 ½ºÅ¸ÀÏ Á¤º¸¿¡ Á¢±ÙÇϱâ
7.2 µ¿ÀûÀÎ ¿¤¸®¸ÕÆ®
7.3 ¾Ö´Ï¸ÞÀ̼Ç
7.4 ºê¶ó¿ìÀú
7.5 µå·¡±× ¾Ø µå·Ó
7.6 ¶óÀ̺귯¸®
7.7 ¿ä¾à
8Àå Æû ±â´É °³¼±Çϱâ
8.1 Æû °ËÁõ
8.2 ¿¡·¯ ¸Þ½ÃÁö Ãâ·Â
8.3 »ç¿ë¼º °³¼±
8.4 ¿ä¾à
9Àå À̹ÌÁö °¶·¯¸® ¸¸µé±â
9.1 °¶·¯¸®ÀÇ ¿¹
9.2 °¶·¯¸® ¸¸µé±â
9.3 ¿ä¾à
4ºÎ Ajax
10Àå Ajax ¼Ò°³
10.1 Ajax »ç¿ëÇϱâ
10.2 ÀÀ´ä µ¥ÀÌÅÍ Ã³¸®Çϱâ
10.3 ¿ÏÀüÇÑ Ajax ÆÐŰÁö
10.4 ´Ù¸¥ µ¥ÀÌÅÍÀÇ »ç¿ë ¿¹
10.5 ¿ä¾à
11Àå Ajax·Î ºí·Î±× °ÈÇϱâ
11.1 ³¡ÀÌ ¾ø´Â ºí·Î±×
11.2 ¶óÀÌºê ºí·Î±ë
11.3 ¿ä¾à
12Àå ÀÚµ¿ ¿Ï¼º °Ë»ö
12.1 ÀÚµ¿ ¿Ï¼º °Ë»öÀÇ ¿¹
12.2 ÆäÀÌÁö ¸¸µé±â
12.3 Ű ÀÔ·Â °¨½ÃÇϱâ
12.4 °á°ú ¹Þ¾Æ¿À±â
12.5 °á°ú ¸ñ·Ï Ž»öÇϱâ
12.6 ÃÖÁ¾ °á°ú
12.7 ¿ä¾à
13Àå Ajax À§Å°
13.1 À§Å°?
13.2 µ¥ÀÌÅͺ£À̽º¿Í ´ëÈÇϱâ
13.3 Ajax ¿äû
13.4 ¼¹ö Ãø ÄÚµå
13.5 JSON ÀÀ´ä ó¸®Çϱâ
13.6 ¶Ç ´Ù¸¥ »ç·Ê ¿¬±¸ : ÀÚ¹Ù½ºÅ©¸³Æ® ºí·Î±×
13.7 ¾ÖÇø®ÄÉÀÌ¼Ç ÄÚµå
13.8 ¿ä¾à
5ºÎ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡
14Àå ÀÚ¹Ù½ºÅ©¸³Æ®´Â ¾îµð·Î °¡°í ÀÖ³ª
14.1 ÀÚ¹Ù½ºÅ©¸³Æ® 1.6°ú 1.7
14.2 À¥ ¾ÖÇø®ÄÉÀÌ¼Ç 1.0
14.3 Comet
14.4 ¿ä¾à
6ºÎ ºÎ·Ï
ºÎ·Ï A. DOM ·¹ÆÛ·±½º
A.1 Âü°í ÀÚ·á
A.2 ¿ë¾î
A.3 Àü¿ª º¯¼ö
A.4 DOM Ž»ö
A.5 ³ëµå Á¤º¸
A.6 ¾îÆ®¸®ºäÆ®
A.7 DOM º¯°æ
ºÎ·Ï B À̺¥Æ® ·¹ÆÛ·±½º
B.1 Âü°í ÀÚ·á
B.2 ¿ë¾î
B.3 À̺¥Æ® °´Ã¼
B.4 ÆäÀÌÁö À̺¥Æ®
B.5 UI À̺¥Æ®
B.6 ¸¶¿ì½º À̺¥Æ®
B.7 Űº¸µå À̺¥Æ®
B.8 Æû À̺¥Æ®
ºÎ·Ï C ºê¶ó¿ìÀú
C.1 ÃֽŠºê¶ó¿ìÀú
ã¾Æº¸±â

°í±Þ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ¸¦ À§ÇÑ ¡ºÇÁ·Î ÀÚ¹Ù½ºÅ©¸³Æ® Å×Å©´Ð¡»
ÀÚ¹Ù½ºÅ©¸³Æ®·Î °³¹ßÇØ º» »ç¶÷À̶ó¸é ´©±¸³ª, ¾î¶»°Ô ÇØ¾ß ´õ ±ò²ûÇÏ°í »ç¿ëÇϱ⠽¬¿î Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖÀ»Áö, °´Ã¼ÁöÇâ ¾ð¾î´ä°Ô ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀº ¹«¾ùÀÎÁö °í¹ÎÇßÀ» °ÍÀÌ´Ù. ¶Ç, ³»°¡ °³¹ßÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» Å×½ºÆ®ÇÒ ÀûÀýÇÑ µµ±¸´Â ¾ø´ÂÁö, ¹èÆ÷ Àü¿¡ ÁÖÀÇÇØ¾ßÇÒ »çÇ×Àº ¾ø´ÂÁö, Ȥ½Ã ³»°¡ Å×½ºÆ®ÇÏÁö ¸øÇÑ ºê¶ó¿ìÀú¿¡¼ ¿À·ù°¡ ¹ß»ýÇÏ´Â °Ç ¾Æ´ÑÁö °ÆÁ¤ÇßÀ» ¼öµµ ÀÖ´Ù.
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Çѵ¿¾È ´Ù·ð´ø °³¹ßÀÚ¶ó¸é ÀÌ¹Ì ¾Ë°í ÀÖÀ» ±âº»ÀûÀÎ ¹®¹ýÀ̳ª ¹®Àå ±¸Á¶ °°Àº ±âº»ÀûÀÎ »çÇ×µéÀ» ¹èÁ¦Çϰí, °ð¹Ù·Î ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ °´Ã¼ÁöÇâÀ̶ó´Â °³³ä°ú Å×½ºÆ®¸¦ À§ÇÑ µµ±¸, ¹èÆ÷¿Í ºê¶ó¿ìÀú Áö¿ø¿¡ ´ëÇÑ ÁÖÀÇ»çÇ× µî Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ ÇÊ¿äÇÑ ±â¼úµéÀ» ½Ç¿ëÀûÀÎ ¿¹¿Í ¼Ò½ºÄڵ带 ÅëÇØ ¼³¸íÇÑ´Ù.
ÀÌ Ã¥ÀÇ ÀúÀÚÀÎ Á¸ ·¹½Ä(John Resig)Àº, ÃÖ±Ù ÁÖ¸ñ¹Þ´Â ¶óÀ̺귯¸®ÀÎ jQuery¸¦ °³¹ßÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡À̱⵵ Çϸç, ±× °æÇèÀ» »ì·Á ¶óÀÌºê ºí·Î±ë(Live Blogging)À̳ª ³¡ÀÌ ¾ø´Â ºí·Î±×(Never-Ending Blog) °°ÀÌ ½Ç¹«¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ¿¹µéµµ ÀÌ Ã¥¿¡¼ ¼±º¸¿´´Ù.
ÀÌ Ã¥À» ÀÐÀº µ¶ÀÚ¶ó¸é ÀڽŸ¸ÀÇ ¶óÀ̺귯¸®¸¦ ±¸ÃàÇÒ ¼ö ÀÖÀ» Á¤µµÀÇ µµ±¸µéÀ» ¾ò°Ô µÉ »Ó¸¸ ¾Æ´Ï¶ó, Çö´ëÀûÀÎ ±â¼ú·Î ¹«ÀåÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡°¡ µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë
* °´Ã¼ÁöÇâ ¾ð¾î´ä°Ô ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÇϱâ
* ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¥À» µð¹ö±ë, Å×½ºÆ®, ÆÐŰ¡ÇÏ´Â µµ±¸
* ¹«°£¼· ÀÚ¹Ù½ºÅ©¸³Æ® ÆÐ·¯´ÙÀÓ°ú DOM À̺¥Æ® ´Ù·ç±â
* Ajax »ç·Ê ¿¬±¸ - Ajax¸¦ Àû¿ëÇÑ ºí·Î±×¿Í À§Å°
* ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡ - <canvas> ű×, AjaxÀÇ ¾÷±×·¹ÀÌµå ¹öÀüÀÎ Comet
* ³»¿ë
1ºÎ ¡¸Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¿ä¡¹¿¡¼´Â Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®¶õ ¹«¾ùÀÎÁö ¼³¸íÇÏ¸é¼ Ã¥ ÀüüÀÇ ³»¿ëÀ» ¼Ò°³ÇÑ´Ù.
2ºÎ ¡¸Àü¹®ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¡¹¿¡¼´Â °´Ã¼ÁöÇâ ¾ð¾î·Î¼ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ´Ù·ç¸ç, ÀÚ¹Ù½ºÅ©¸³Æ®¸¸ÀÇ Æ¯Â¡ÀûÀÎ ±â´ÉµéÀ» Á¦´ë·Î Ȱ¿ëÇÏ´Â ¹æ¹ý°ú ¹èÆ÷¸¦ À§ÇÑ ÆÐŰ¡, µð¹ö±ë°ú Å×½ºÆ®¸¦ À§ÇÑ µµ±¸¸¦ ¼Ò°³ÇÑ´Ù.
3ºÎ ¡¸¹«°£¼· ÀÚ¹Ù½ºÅ©¸³Æ®¡¹¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ Çʼö ¿ä¼ÒÀÎ, ¹®¼ °´Ã¼ ¸ðµ¨(DOM)°ú À̺¥Æ®¸¦ ¹«°£¼·Àû(Unobtrusive)À¸·Î ´Ù·ç´Â ¹æ¹ý, CSS ´Ù·ç±â, Æû ±â´É °³¼±Çϱâ, À̹ÌÁö °¶·¯¸® ¸¸µé±â µî ½Ç¹«¿¡¼ ÀÚÁÖ Á¢ÇÒ¸¸ÇÑ ¹®Á¦µéÀ» ´Ù·é´Ù.
4ºÎ ¡¸Ajax¡¹¿¡¼´Â ºê¶ó¿ìÀú¿¡ µ¶¸³ÀûÀÎ Ajax ±â´ÉÀ» ±¸ÇöÇÏ´Â ¹æ¹ýºÎÅÍ, ³¡ÀÌ ¾ø´Â ºí·Î±× ±â´É°ú ¶óÀÌºê ºí·Î±ë ±â´É, ÀÚµ¿ ¿Ï¼º ±â´É, Ajax À§Å°¸¦ ¼Ò°³ÇÏ¸é¼ Ajax·Î À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±â´ÉÀ» Çâ»ó½ÃŰ°í ¼¹ö Ãø ÄÚµå¿Í ¿¬µ¿ÇÏ´Â ¹æ¹ý±îÁö¸¦ ´Ù·é´Ù.
5ºÎ ¡¸ÀÚ¹Ù½º...  °í±Þ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ¸¦ À§ÇÑ ¡ºÇÁ·Î ÀÚ¹Ù½ºÅ©¸³Æ® Å×Å©´Ð¡»
ÀÚ¹Ù½ºÅ©¸³Æ®·Î °³¹ßÇØ º» »ç¶÷À̶ó¸é ´©±¸³ª, ¾î¶»°Ô ÇØ¾ß ´õ ±ò²ûÇÏ°í »ç¿ëÇϱ⠽¬¿î Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖÀ»Áö, °´Ã¼ÁöÇâ ¾ð¾î´ä°Ô ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀº ¹«¾ùÀÎÁö °í¹ÎÇßÀ» °ÍÀÌ´Ù. ¶Ç, ³»°¡ °³¹ßÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» Å×½ºÆ®ÇÒ ÀûÀýÇÑ µµ±¸´Â ¾ø´ÂÁö, ¹èÆ÷ Àü¿¡ ÁÖÀÇÇØ¾ßÇÒ »çÇ×Àº ¾ø´ÂÁö, Ȥ½Ã ³»°¡ Å×½ºÆ®ÇÏÁö ¸øÇÑ ºê¶ó¿ìÀú¿¡¼ ¿À·ù°¡ ¹ß»ýÇÏ´Â °Ç ¾Æ´ÑÁö °ÆÁ¤ÇßÀ» ¼öµµ ÀÖ´Ù.
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Çѵ¿¾È ´Ù·ð´ø °³¹ßÀÚ¶ó¸é ÀÌ¹Ì ¾Ë°í ÀÖÀ» ±âº»ÀûÀÎ ¹®¹ýÀ̳ª ¹®Àå ±¸Á¶ °°Àº ±âº»ÀûÀÎ »çÇ×µéÀ» ¹èÁ¦Çϰí, °ð¹Ù·Î ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ °´Ã¼ÁöÇâÀ̶ó´Â °³³ä°ú Å×½ºÆ®¸¦ À§ÇÑ µµ±¸, ¹èÆ÷¿Í ºê¶ó¿ìÀú Áö¿ø¿¡ ´ëÇÑ ÁÖÀÇ»çÇ× µî Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ ÇÊ¿äÇÑ ±â¼úµéÀ» ½Ç¿ëÀûÀÎ ¿¹¿Í ¼Ò½ºÄڵ带 ÅëÇØ ¼³¸íÇÑ´Ù.
ÀÌ Ã¥ÀÇ ÀúÀÚÀÎ Á¸ ·¹½Ä(John Resig)Àº, ÃÖ±Ù ÁÖ¸ñ¹Þ´Â ¶óÀ̺귯¸®ÀÎ jQuery¸¦ °³¹ßÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡À̱⵵ Çϸç, ±× °æÇèÀ» »ì·Á ¶óÀÌºê ºí·Î±ë(Live Blogging)À̳ª ³¡ÀÌ ¾ø´Â ºí·Î±×(Never-Ending Blog) °°ÀÌ ½Ç¹«¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ¿¹µéµµ ÀÌ Ã¥¿¡¼ ¼±º¸¿´´Ù.
ÀÌ Ã¥À» ÀÐÀº µ¶ÀÚ¶ó¸é ÀڽŸ¸ÀÇ ¶óÀ̺귯¸®¸¦ ±¸ÃàÇÒ ¼ö ÀÖÀ» Á¤µµÀÇ µµ±¸µéÀ» ¾ò°Ô µÉ »Ó¸¸ ¾Æ´Ï¶ó, Çö´ëÀûÀÎ ±â¼ú·Î ¹«ÀåÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡°¡ µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë
* °´Ã¼ÁöÇâ ¾ð¾î´ä°Ô ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÇϱâ
* ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¥À» µð¹ö±ë, Å×½ºÆ®, ÆÐŰ¡ÇÏ´Â µµ±¸
* ¹«°£¼· ÀÚ¹Ù½ºÅ©¸³Æ® ÆÐ·¯´ÙÀÓ°ú DOM À̺¥Æ® ´Ù·ç±â
* Ajax »ç·Ê ¿¬±¸ - Ajax¸¦ Àû¿ëÇÑ ºí·Î±×¿Í À§Å°
* ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡ - <canvas> ű×, AjaxÀÇ ¾÷±×·¹ÀÌµå ¹öÀüÀÎ Comet
* ³»¿ë
1ºÎ ¡¸Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¿ä¡¹¿¡¼´Â Çö´ëÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®¶õ ¹«¾ùÀÎÁö ¼³¸íÇÏ¸é¼ Ã¥ ÀüüÀÇ ³»¿ëÀ» ¼Ò°³ÇÑ´Ù.
2ºÎ ¡¸Àü¹®ÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¡¹¿¡¼´Â °´Ã¼ÁöÇâ ¾ð¾î·Î¼ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ´Ù·ç¸ç, ÀÚ¹Ù½ºÅ©¸³Æ®¸¸ÀÇ Æ¯Â¡ÀûÀÎ ±â´ÉµéÀ» Á¦´ë·Î Ȱ¿ëÇÏ´Â ¹æ¹ý°ú ¹èÆ÷¸¦ À§ÇÑ ÆÐŰ¡, µð¹ö±ë°ú Å×½ºÆ®¸¦ À§ÇÑ µµ±¸¸¦ ¼Ò°³ÇÑ´Ù.
3ºÎ ¡¸¹«°£¼· ÀÚ¹Ù½ºÅ©¸³Æ®¡¹¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß¿¡ Çʼö ¿ä¼ÒÀÎ, ¹®¼ °´Ã¼ ¸ðµ¨(DOM)°ú À̺¥Æ®¸¦ ¹«°£¼·Àû(Unobtrusive)À¸·Î ´Ù·ç´Â ¹æ¹ý, CSS ´Ù·ç±â, Æû ±â´É °³¼±Çϱâ, À̹ÌÁö °¶·¯¸® ¸¸µé±â µî ½Ç¹«¿¡¼ ÀÚÁÖ Á¢ÇÒ¸¸ÇÑ ¹®Á¦µéÀ» ´Ù·é´Ù.
4ºÎ ¡¸Ajax¡¹¿¡¼´Â ºê¶ó¿ìÀú¿¡ µ¶¸³ÀûÀÎ Ajax ±â´ÉÀ» ±¸ÇöÇÏ´Â ¹æ¹ýºÎÅÍ, ³¡ÀÌ ¾ø´Â ºí·Î±× ±â´É°ú ¶óÀÌºê ºí·Î±ë ±â´É, ÀÚµ¿ ¿Ï¼º ±â´É, Ajax À§Å°¸¦ ¼Ò°³ÇÏ¸é¼ Ajax·Î À¥ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ±â´ÉÀ» Çâ»ó½ÃŰ°í ¼¹ö Ãø ÄÚµå¿Í ¿¬µ¿ÇÏ´Â ¹æ¹ý±îÁö¸¦ ´Ù·é´Ù.
5ºÎ ¡¸ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡¡¹¿¡¼´Â ¸î¸î ºê¶ó¿ìÀú¿¡¼ Áö¿øÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® 1.6°ú 1.7ÀÇ ±â´ÉµéÀ» ¼³¸íÇϸç, À¥ ÆäÀÌÁö¿¡ À̹ÌÁö¸¦ ±×¸± ¼ö ÀÖ´Â <canvas> ű×, Çâ»óµÈ Ajax ±â¼úÀÎ Comet µîÀ» ¼Ò°³ÇÑ´Ù.
6ºÎ ¡¸ºÎ·Ï¡¹¿¡´Â DOM°ú À̺¥Æ®¸¦ ÀûÀýÈ÷ ºÐ·ùÇÑ ·¹ÆÛ·±½º¸¦ ¼ö·ÏÇß°í, ¿©·¯ ºê¶ó¿ìÀúÀÇ Æ¯Â¡°ú ÇöȲÀ» ¼³¸íÇÏ¿´´Ù. 
|
 |

âÀÛºí·Î±× Àαâ ÃÊû ¿¬ÀçÀÛ

|



 |
|
¾Ë¶óµò¿¡¼ ÁÖ¹®ÇϽб¹³»µµ¼ÀÇ ±¸¸Å ±Ý¾×ÀÌ ´Ù¸¥ ÀÎÅͳݼÁ¡(¿¹½º24, ÀÎÅÍÆÄÅ© µµ¼, ÀÎÅÍ³Ý ±³º¸¹®°í)¿¡¼ µ¿ÀÏÇÑ Á¶°ÇÀ¸·Î ÁÖ¹®ÇÑ ±Ý¾×º¸´Ù ºñ½Ò °æ¿ì ±× Â÷¾×¸¸Å ¾Ë¶óµò Àû¸³±ÝÀ¸·Î
º¸»óÇØµå¸®´Â Á¦µµÀÔ´Ï´Ù.
ÃÖÀú°¡ º¸»ó ´ë»ó »óǰÀº "±¹³»µµ¼"ÀÔ´Ï´Ù.
ÀüÁý·ù, ÇØ¿Üµµ¼, À½¹Ý/DVD/ÈÀåǰ/GIFT, ´Ù¸¥ ÀÎÅÍ³Ý ¼Á¡¿¡¼ ÆÇ¸ÅÁßÀÌÁö ¾ÊÀº µµ¼, 1ÀÏ Æ¯°¡ µµ¼(Ư°¡ ÆÇ¸Å À̺¥Æ® ±â°£ÀÌ 1ÀÏ À̳»ÀÎ µµ¼), ´Ù¸¥ ÀÎÅÍ³Ý ¼Á¡¿¡¼ °íÀÇÀûÀ¸·Î ÇöÇà¹ýÀ» À§¹ÝÇÏ´Â ¹«ºÐº°ÇÑ ÇÒÀÎÀ̳ª ¸¶Àϸ®Áö¸¦ Á¦°øÇÏ´Â °æ¿ì µîÀº ÃÖÀú°¡ º¸»ó
´ë»ó¿¡¼ Á¦¿ÜµË´Ï´Ù. |
| |
|
|
 |
|
¼ö·É¿¹»óÀÏÀº ÁÖ¹®»óǰÀ» ¹ÞÀ¸½Ç °ÍÀ¸·Î ¿¹»óµÇ´Â ³¯Â¥ÀÔ´Ï´Ù. °áÁ¦(¶Ç´Â ÀԱݿϷá)¸¦ ÇÏ¸é »óǰÁغñ¿Í Ãâ°í°úÁ¤À» °ÅÃÄ ¹è¼Û¾÷ü¸¦ ÅëÇØ ÁÖ¹®»óǰÀ» °í°´´Ô²² Àü´ÞÇÕ´Ï´Ù.
µµ¼ : 1¸¸¿ø ÀÌ»ó ±¸ÀԽà ¹«·á¹è¼Û(¸¸È, ÀâÁö·ù´Â Á¦¿Ü), ÈÀåǰ/À½¹Ý/DVD/¸¸È,ÀâÁö·ù,¾Ë¶óµòÁ÷¹è¼ÛGIFT : 20,000¿ø ÀÌ»ó ±¸ÀԽà ¹«·á¹è¼Û, GIFT(ÆÇ¸ÅÀÚ Á÷¹è¼Û)»óǰÀÇ °æ¿ì ÆÇ¸ÅÀÚÀÇ ¹è¼Û·á ±âÁØ¿¡ µû¶ó Â÷µî(¿¹: 30,000¿ø ÀÌÇÏ ±¸¸Å½Ã ¹è¼Û·á 2,500¿ø)
´Ü, Á¦ÁÖµµ ÅÃ¹è ¹è¼ÛÀÇ °æ¿ì, ÁÖ¹®±Ý¾× ¶Ç´Â ¹«·á¹è¼Û ¿©ºÎ¿¡ °ü°è¾øÀÌ Ç×°ø¹è¼Û·á 2,500¿øÀÌ ºÎ°úµË´Ï´Ù.¶ÇÇÑ ÆÇ¸ÅÀÚ Á÷¹è¼Û Á¦Ç°ÀÇ °æ¿ì, Á¦ÁÖµµ/¹é·Éµµ µî ¹è¼Û·á Ư¼öÁö¿ªÀº º°µµÀÇ ¹è¼Û·á°¡ ºÎ°úµÇ°Å³ª ¹è¼ÛÀÌ ºÒ°¡´ÉÇÏ´Ï, ¹è¼Û·á°¡
ÀϹÝÀûÀÌÁö ¾ÊÀº Áö¿ª¿¡ ¹è¼ÛÄÚÀÚÇϽô °í°´Àº ¹Ì¸® ¹è¼Û·á¿¡ ´ëÇØ »ó´ãÇϽñ⠹ٶø´Ï´Ù.  |
| |
|
|
 |
|
ÀýÆÇ : Á¦ÀÛÀ» Áß´ÜÇÑ »óǰÀ¸·Î, ´õ ÀÌ»ó À¯ÅëµÇÁö ¾Ê±â¿¡ ÁÖ¹®ÇÏ½Ç ¼ö°¡ ¾ø½À´Ï´Ù.
ǰÀý : °ø±ÞóÀÇ Àç°í°¡ ¼ÒÁøµÈ »óǰÀ¸·Î Àç Àμâ/Ãâ½ÃÇÒ ¶§±îÁö ÁÖ¹®ÇÏ½Ç ¼ö ¾ø½À´Ï´Ù.  |

|