|
|
|
 |
ÆÇ¸Å°¡ |
35,000¿ø ¡æ 31,500¿ø 10% |
|
 |
¸¶Àϸ®Áö |
10% 3,150¿ø |
|
 |
¹ßÇàÀÏ |
2008-06-03
|
 |
ISBN |
8960770442 | 9788960770447
|
 |
±âŸÁ¤º¸ |
¹ø¿ª¼ | 544ÂÊ
|
|
 |
¿¹»óÃâ°íÀÏ
|
1~2ÀÏ À̳» (±Ù¹«ÀϱâÁØ) |
 |
¹è¼Ûºñ |
¹«·á¹è¼Û
|
| |
|
|
|
|
|
 |
| ÇÁ·Î±×·¡¹Ö¾ð¾î
|
|
|
| |
|
¡Ø ³×À̹ö üũ¾Æ¿ôÀ¸·Î ±¸¸Å½Ã ºñȸ¿øÀ¸·Î ±¸¸Å°¡
µÊÀ¸·Î °ÄÄ ¸¶Àϸ®Áö´Â Àû¸³ µÇÁö ¾Ê½À´Ï´Ù. |
|
|
|
 |
|
8°¡Áö ½ÇÀü ÇÁ·ÎÁ§Æ®·Î ¸ð´øÇÏ°í ±¸Á¶ÀûÀÎ ½Ç¿ë ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¹è¿ìÀÚ. ºê¶ó¿ìÀú ºñȣȯ¼º ó¸®, À¥ Á¢±Ù¼º, ½ºÅ©¸³Æ® ºÐ¸® µî ±âÁ¸ ÀÚ¹Ù½ºÅ©¸³Æ® Ã¥¿¡¼´Â º¼ ¼ö ¾ø¾ú´ø »õ·Î¿î ³»¿ëÀÌ °¡µæ ´ã°ÜÀÖ´Ù. W3C DOM ºê¶ó¿ìÀú ȣȯ¼º Å×À̺í·Î À¯¸íÇÑ À¥ °³¹ßÀÚÀÇ ¹ÙÀ̺í quirksmode.orgÀÇ ÇÇÅÍ Æú ÄÛ(Àϸí PPK)ÀÌ Àú¼úÇß´Ù.
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒ°ú ÄÁÅØ½ºÆ®¸¦ Á¤ÀÇÇÏ¸é¼ ½ÃÀ۵ȴÙ. ÀÚ¹Ù½ºÅ©¸³Æ®°¡ »ç¿ëµÇ±â¿¡ °¡Àå ÀûÇÕÇÑ ÀÛ¾÷µéÀ» Á¤ÀÇÇϸç, µð¹ö±ë, º¹ÀâÇÑ ºê¶ó¿ìÀú ¹®ÀÚ¿°ú »çÀÌÆ®ÀÇ HTML ±¸Á¶¿¡ ½ºÅ©¸³Æ®¸¦ ºÙÀÌ´Â °Í¿¡ °üÇØ ¼³¸íÇÑ´Ù. ±×¸®°í ÀÌ Ã¥ÀÇ ÇÙ½ÉÀûÀÎ ºÎºÐÀ¸·Î, ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚ¾î ¾ð¾î, ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨(BOM), À̺¥Æ® Çڵ鸵, ¹®¼ °´Ã¼ ¸ðµ¨(DOM), CSS º¯°æ°ú µ¥ÀÌÅÍ ¾ò¾î¿À±â¿¡ ´ëÇØ ¼³¸íÇÑ´Ù. ÀüüÀûÀ¸·Î ÀÌ·ÐÀûÀÎ ¼³¸í°ú ÇÔ²² °ü·ÃµÈ ¿¹Á¦ ½ºÅ©¸³Æ®µéÀ» ºÐ¼®Çϰí ÀÖ´Ù.
´Ù¸¥ Ã¥µéÀÌ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¿¹Á¦ ½ºÅ©¸³Æ®¸¦ ÅëÇØ ¼³¸íÇϸ鼵µ Àü¹®ÀûÀÎ °æÇè¿¡ ºñÁßÀ» Àû°Ô µÎ´Â ¹Ý¸é, ÀÌ Ã¥Àº °í°´¿¡°Ô ½ÇÁ¦·Î Á¦°øµÇ¾ú´ø 8°³ÀÇ ½ºÅ©¸³Æ®¸¦ º¸¿©ÁØ´Ù. ¿©·¯ºÐÀº ÀÌ¿Í °°Àº À¯¿ëÇÑ ½ºÅ©¸³Æ®¸¦ Á¢ÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
[ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë]
¡á µå·Ó´Ù¿î ¸Þ´º ¸¸µé±â ¡á CSS ½ºÅ¸ÀÏ ½ÃÆ® ÆíÁý ¡á Æû °ËÁõÀ» À§ÇÑ ÇÁ·¹ÀÓ¿öÅ© ¡á »ç¿ëÀÚ°¡ ±ä ¸®½ºÆ®ÀÇ µ¥ÀÌÅ͸¦ ½±°Ô °Ë»öÇÒ ¼ö ÀÖ°Ô Çϱ⠡á Ajax¸¦ ÀÌ¿ëÇØ ¼¹ö¿¡¼ µ¥ÀÌÅ͸¦ °¡Á®¿Í¼ ¾Ö´Ï¸ÞÀ̼ÇÀ» °»½ÅÇϱâ
[ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ]
µ¶ÀÚ°¡ HTML°ú CSS¸¦ Àß ¾Ë°í ÀÖ´Ù°í °¡Á¤ÇÕ´Ï´Ù. 4Àå¿¡¼ º¼ ¼ö ÀÖ´Â °Íó·³ ±ò²ûÇϰí À¯¿ëÇÑ HTML ±¸Á¶´Â °£´ÜÇϰí È¿°úÀûÀÎ ½ºÅ©¸³Æ® ÀÛ¼º¿¡ ²À ÇÊ¿äÇÕ´Ï´Ù. 9ÀåÀº ±âº»ÀûÀÎ CSS¸¦ ¸ð¸£°í´Â ÀÌÇØÇÒ ¼ö ¾ø½À´Ï´Ù.
±×¸®°í º¹»ç/ºÙ¿©³Ö±â ¼öÁØÀÏÁö¶óµµ ÀÚ¹Ù½ºÅ©¸³Æ®µµ ¾à°£ ¾Ë°í ÀÖÀ» °ÍÀÌ¶ó °¡Á¤ÇÕ´Ï´Ù. ¾Æ·¡ Äڵ带 ¿¹·Î µé¸é
var x = document.getElementsByTagName(¡®a¡¯); for (var i=0;i if (x[i].className != ¡®popup¡¯) continue; x[i].onclick = openPopup; }
ÀÌ Äڵ带 ÀÐ°í ÆäÀÌÁö ¾È¿¡¼ ¸ðµç ¸µÅ©¸¦ ã¾Æ¼ popupÀ̶ó´Â Ŭ·¡½º¸¦ °¡Áø ¸µÅ©¿¡ ÆË¾÷âÀ» Á¤ÀÇÇÑ´Ù´Â °ÍÀ» µ¶ÀÚ°¡ ¾î·ÅDzÇÏ°Ô¶óµµ ÀÌÇØÇÒ °ÍÀ̶ó°í °¡Á¤ÇÕ´Ï´Ù. ¼¼ºÎ»çÇ×À» ¸ðµÎ ¾Ë ÇÊ¿ä´Â ¾ø½À´Ï´Ù(»ç½Ç ÀÌ Ã¥ÀÇ ¸ñÀûÀÌ ±× ¼¼ºÎ»çÇ×À» ¼³¸íÇÏ´Â °ÍÀÔ´Ï´Ù). ±×·¯³ª ¾î¶»°Ô µ¹¾Æ°¡´Â °ÍÀÎÁö ´ë°ÀÌ¶óµµ ÀÌÇØÇØ¾ß ÇÕ´Ï´Ù.
ÇÊÀÚ°¡ ¹Ù¶ó´Â °ÍÀº ¸ðµç Ãʺ¸ ½ºÅ©¸³ÅͰ¡ ÀÌ Ã¥À» ÀÐÀº ÈÄ¿¡ Áß¼ö°¡ µÇ´Â °ÍÀÔ´Ï´Ù. ¹°·Ð Áß¼ö°¡ °í¼ö°¡ µÇ´Â °ÍÀ» µµ¿ÍÁÖ´Â ¿ªÇÒµµ ÀÌ Ã¥ÀÌ ÇßÀ¸¸é ÇÕ´Ï´Ù. |
 |
|
 |
1Àå ¿ªÇÒ 1.1 °³³ä Àâ±â 2 ºê¶ó¿ìÀú¿¡¼ »óÈ£ÀÛ¿ë ´Ù·ç±â 2 ÆÖ Ŭ¶óÀÌ¾ðÆ®¿Í ¾À Ŭ¶óÀÌ¾ðÆ® 5 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒ 7 1.2 ±â¼ú °üÁ¡¿¡¼ÀÇ °³¿ä 8 Ç¥ÁØÈ 9 ¹öÀü 12 º¸¾È 14 1.3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ª»ç 16 À߸øµÈ Ãâ¹ß 17 »ç½Ç»óÀÇ Ç¥ÁØ 17 ºê¶ó¿ìÀú ÀüÀï 18 CSS Ç¥ÁØÁؼö¿îµ¿ 22 »õ Ãâ¹ß 23 ´ÙÀ½¿£ ¹«¾ùÀÌ ¿Ã±î? 25
2Àå ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾²ÀÌ´Â °÷ 2.1 CSS Ç¥ÁØÁؼö¿îµ¿ 28 ´«¿¡ ¶çÁö ¾Ê´Â ½ºÅ©¸³Æ® 29 ¼¼ °³ÀÇ °èÃþ 30 °ü½ÉÀÇ ºÐ¸® 32 2.2 Ç¥Çö°ú ±¸Á¶ÀÇ ºÐ¸® 33 CSS ¼öÁ¤ 33 ±¸Á¶¸¦ º¯°æÇÒ °ÍÀΰ¡ Ç¥ÇöÀ» º¯°æÇÒ °ÍÀΰ¡? 34 2.3 µ¿ÀÛ°ú ±¸Á¶ÀÇ ºÐ¸® 36 ÇÔ¼ö¸¦ ´Ù¸¥ ÆÄÀÏ·Î ºÐ¸® 36 HTML¿¡¼ À̺¥Æ® Çڵ鷯ÀÇ Á¦°Å 37 2.4 µ¿ÀÛ°ú Ç¥ÇöÀÇ ºÐ¸® 39 µå·Ó´Ù¿î ¸Þ´º - :hover¸¦ ¾µ °ÍÀΰ¡ mouseover/outÀ» ¾µ °ÍÀΰ¡? 39 ¶È°°Àº È¿°ú¿Í ºñ½ÁÇÑ È¿°ú 42 2.5 Á¢±Ù¼º¿¡ ´ëÇÑ °³°ý 45 Á¢±Ù¼ºÀ̶õ ¹«¾ùÀΰ¡? 45 ½ºÅ©¸³Æ®°¡ Áö¿øµÇÁö ¾ÊÀ» ¶§µµ 45 ¸¶¿ì½º°¡ ¾øÀ» ¶§µµ 46 ½ºÅ©¸°¸®´õ 47 Á¢±Ù¼º°ú »ç¿ë¼º 50 2.6 Á¢±Ù¼º ±ÔÄ¢ 52 ³í¸®ÀûÀÎ HTML 52 ÇϵåÄÚµùµÈ ¸µÅ©´Â href ¼Ó¼ºÀÌ ÀÖ¾î¾ß ÇÑ´Ù 52 ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ëÀÚ¸¦ À§ÇÑ ³»¿ë ÀÚµ¿»ý¼º 53 »ç¿ëÀÚ¸¦ Àû´çÇÑ ÆäÀÌÁö·Î ¸®´ÙÀÌ·ºÆ®Çϱâ 55 Űº¸µå »ç¿ëÀÚ 57 noscript ÅÂ±× 57 2.7 ¿¹Á¦ ½ºÅ©¸³Æ® 58 ÅØ½ºÆ®¿µ¿ª ÃÖ´ë°ª(Textarea Maxlength) 59 À¯Àúºí Æû(Usable Forms) 60 Æû °ËÁõ(Form Validation) 61 µå·Ó´Ù¿î ¸Þ´º(Dropdown Menu) 61 ½ºÅ¸ÀÏ½ÃÆ® ÆíÁý(Edit Style Sheets) 62 »÷µåÀ§Ä¡ ¼±Åñâ(Sandwich Picker) 62 XMLHTTP ¼Óµµ°è(XMLHTTP Speed Meter) 65 »çÀÌÆ® ¼³¹®(Site Survey) 66
3Àå ºê¶ó¿ìÀú 3.1 ºê¶ó¿ìÀú 68 ¸ðÁú¶ó ÆÐ¹Ð¸® 68 À©µµ¿ì ÀͽºÇ÷η¯ 69 »çÆÄ¸® 70 ¿ÀÆä¶ó 70 ±× ¹ÛÀÇ ±×·¡ÇÈ µ¥½ºÅ©Åé ºê¶ó¿ìÀú 70 ¸ð¹ÙÀÏ Æù 71 ½ºÅ©¸°¸®´õ 72 3.2 ºñȣȯ¼º 73 ¹®Á¦ 73 ÇØ°áÃ¥ 75 3.3 °´Ã¼ ŽÁö 79 °´Ã¼ ŽÁö ÀÛµ¿¿ø¸® 79 ¾ó¸¶³ª ¸Ö¸® °¡¾ß Çϳª? 82 3.4 ºê¶ó¿ìÀú ŽÁö 83 ºê¶ó¿ìÀú ŽÁö°¡ Á¦´ë·Î µÇÁö ¾Ê´Â ÀÌÀ¯ 84 ºê¶ó¿ìÀú ŽÁö °æÀï 85 ºê¶ó¿ìÀú ¹®ÀÚ¿ Ç®¾îº¸±â 87 ºê¶ó¿ìÀú ŽÁöÀÇ ¿Ã¹Ù¸¥ »ç¿ë 92 3.5 µð¹ö±ë 93 ¿À·ù ¸Þ½ÃÁö 93 ºê¶ó¿ìÀú ¹ö±× 97 ¿¹Á¦ 100 ºê¶ó¿ìÀú ¹ö±× ¸®Æ÷ÆÃ 103
4Àå Áغñ 4.1 HTML°ú CSS ±¸Á¶ 106 HTML ±¸Á¶ 106 CSS ±¸Á¶ 107 4.2 ÈÅ 108 ¾ÆÀ̵ð 109 Ŭ·¡½º 110 Ä¿½ºÅÒ ¼Ó¼º 112 À̸§/°ª ½Ö 113 4.3 ÆäÀÌÁö Áغñ 116 À̺¥Æ® Çڵ鷯 ¼³Á¤ 116 ¹æ¹®°´ÀÇ »óÅ °áÁ¤ 117 ÂüÁ¶ ¼³Á¤ 117 ³»¿ë »ý¼º 118 °ü°è Á¤ÀÇ 118 ¹®¼ ±¸Á¶ º¯°æ 120 4.4 script ÅÂ±× 120 ¹®¹ý 121 ¿©·¯ °³ÀÇ ½ºÅ©¸³Æ® ÆÄÀÏ »ç¿ë 123 4.5 ÃʱâÈ 124 load À̺¥Æ® 125 ¿©·¯ ¹øÀÇ ÃʱâÈ 126 ´«¿¡ ¶çÁö ¾Ê´Â ÃʱâÈ 127 load À̺¥Æ® ±â´Ù¸®±â 127 °¡Àå ÁÁÀº ¹æ¹ý? 129 4.6 ¿¹Á¦ ½ºÅ©¸³Æ® 129 ÅØ½ºÆ®¿µ¿ª ÃÖ´ë°ª 129 À¯Àúºí Æû 130 Æû °ËÁõ 132 µå·Ó´Ù¿î ¸Þ´º 134 ½ºÅ¸ÀÏ½ÃÆ® ÆíÁý 135 »÷µåÀ§Ä¡ ¼±Åñâ 136 XMLHTTP ¼Óµµ°è 138 »çÀÌÆ® ¼³¹® 139 ¼¼ºÎ»çÇ× °áÁ¤ 140
5Àå ÄÚ¾î 5.1 ±âÃÊ 144 ´ë¼Ò¹®ÀÚ ±¸º° 144 ¹®Àå°ú ¼¼¹ÌÄÝ·Ð 144 ÁÖ¼® 146 ÄÚµå ºí·Ï: {} 147 ¿¬»êÀÚ 149 °ª 151 5.2 µ¥ÀÌÅÍ Å¸ÀÔ 152 ¿©¼¸ °¡Áö µ¥ÀÌÅÍ Å¸ÀÔ 152 µ¥ÀÌÅÍ Å¸ÀÔ º¯È¯ 156 + ¹®Á¦ 158 ºÒ¸®¾ð °ªÀ¸·ÎÀÇ º¯È¯ 160 ¸í½ÃÀû µ¥ÀÌÅÍ Å¸ÀÔ º¯È¯ 160 5.3 ÀÏ¹Ý ¿¬»êÀÚ 161 »ê¼ú ¿¬»êÀÚ 161 ++¿Í -- 162 =, ==, === 163 !=, <, >, <=, >= 165 Á¶°Ç ¿¬»êÀÚ ? : 167 5.4 º¯¼ö 168 º¯¼ö À̸§ 168 var Ű¿öµå 169 º¯¼ö ¹üÀ§ 170 5.5 ¼ýÀÚ·Î ÀÛ¾÷Çϱâ 172 8Áø¼ö¿Í 16Áø¼ö 173 toFixed() 176 parseInt() ¿Í parseFloat() 177 5.6 ¹®ÀÚ¿·Î ÀÛ¾÷Çϱâ 177 ÀοëºÎÈ£ 177 Á¢ÇÕ: + 179 ¹®ÀÚ¿ °´Ã¼ 179 5.7 ºÒ¸®¾ð °ª 185 ºÒ¸®¾ð º¯¼ö 185 ºÒ¸®¾ð ¿¬»êÀÚ 186 °´Ã¼ÀÇ Á¸Àç Å×½ºÆ® 188 ºÒ¸®¾ð ¿¬»êÀÚÀÇ °í±Þ »ç¿ë¹ý 189 5.8 Á¦¾î ±¸Á¶ 192 if ¹®Àå 192 switch 197 for, while, do/while 201 break¿Í continue 207 try/catch 209 5.9 ÇÔ¼ö 210 ±âº» ÇÔ¼ö ¹®¹ý 210 ÀÎÀÚ 212 return 212 °ªÀ¸·Î¼ÀÇ ÇÔ¼ö 215 Æ÷ÇÔµÈ ÇÔ¼ö¿Í º¯¼ö ¹üÀ§ 217 5.10 °´Ã¼ 219 µµÆ® 221 °´Ã¼ÀÇ Á¤ÀÇ 221 ¸Þ¼Òµå¿Í ÇÁ·ÎÆÛƼ·Î ÀÛ¾÷Çϱâ 223 this Ű¿öµå 226 Àü¿ª °´Ã¼ 227 5.11 ¿¬°ü ¹è¿ 227 °¢°ýÈ£ Ç¥±â¹ý°ú µµÆ® Ç¥±â¹ý 229 ¿¬°ü ¹è¿ 230 for in ¹®Àå 231 5.12 ¹è¿ 233 ´ÙÂ÷¿ø ¹è¿ 233 ¹è¿ Ç¥±â¹ý 234 ¹è¿ÀÇ »ç¿ë 235 length 236 push, pop, shift, unshift 237
6Àå ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨(BOM) 6.1 window °´Ã¼ 241 Àü¿ª °´Ã¼·Î¼ÀÇ window 241 »õ ÆäÀÌÁö, »õ window °´Ã¼ 242 »õ Àü¿ª °´Ã¼·Î¼ µ¿ÀÛÇÏ´Â »õ window 243 windowÀÇ ÇÁ·ÎÆÛƼ 246 6.2 À©µµ¿ì °£ Åë½Å 248 ÆË¾÷â ¿±â 249 ´Ù¸¥ âÀ» °¡¸®Å°´Â ÂüÁ¶ ¸¸µé±â 250 Åë½Åä³Î ´Ù½Ã ¸¸µé±â 251 ÆË¾÷â ¹æÁö ÇÁ·Î±×·¥ 257 6.3 ³»ºñ°ÔÀÌ¼Ç 259 location °´Ã¼ 259 history °´Ã¼ 261 6.4 â À§Ä¡ ¾Ë¾Æ³»±â 262 screen °´Ã¼ 262 âÀÇ Å©±â 263 â À̵¿, Å©±â Á¶Á¤, ½ºÅ©·Ñ 263 Æ÷Ä¿½º ÁÖ±â¿Í Æ÷Ä¿½º »¯±â 264 6.5 ±âŸ 265 navigator °´Ã¼ 265 alert, confirm, prompt 265 ŸÀӾƿô°ú ÀÎÅ͹ú 267 6.6 document °´Ã¼ 269 lastModified 269 referrer 270 domain 270 write() 270 open()°ú close() 272 6.7 ÄíŰ 274 À̸§/°ª 275 ¸¸·á³¯Â¥ 276 µµ¸ÞÀΰú °æ·Î 276 ÄíŰ ¼³Á¤ 277 document.cookie 278 ÄíŰ Àбâ 278 ÄíŰ Áö¿ì±â 279 ÄíŰÀÇ »ç¿ë ¿¹ 279 »ç¿ëÀÚ ÄíŰ ¼³Á¤ 281 ÄíŰ Áö¿ø ¿©ºÎÀÇ È®ÀÎ 281
7Àå À̺¥Æ® 7.1 ºê¶ó¿ìÀú ºñȣȯ¼º 284 »óȲº° ÇØ°á¹ý 285 °³¿ä 285 7.2 À̺¥Æ® 286 ¸¶¿ì½º À̺¥Æ® 286 Űº¸µå À̺¥Æ® 290 ÀÎÅÍÆäÀ̽º À̺¥Æ® 291 W3C À̺¥Æ® 295 ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® À̺¥Æ® 296 ±âº» µ¿ÀÛ 296 À̺¥Æ® ½Ã¹Ä·¹ÀÌ¼Ç 299 7.3 À̺¥Æ® Çڵ鷯 µî·Ï 300 ÀζóÀÎ À̺¥Æ® Çڵ鷯 300 ÀüÅë ¸ðµ¨ 301 W3C¿Í ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® ¸ðµ¨ 305 ÃÖ¼±ÀÇ ¹æ¹ý 309 7.4 À̺¥Æ® ¹öºí¸µ°ú ĸó¸µ 310 W3C ¸ðµ¨ 311 ÀüÅë ¸ðµ¨°ú ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® ¸ðµ¨ 313 À̺¥Æ® ¹öºí¸µÀÇ ½ÇÁ¦ »ç¿ë ¿¹ 313 7.5 À̺¥Æ® °´Ã¼¿Í ±× ÇÁ·ÎÆÛƼ 316 À̺¥Æ® °´Ã¼ 316 ŸÀÔ 317 Ÿ±êÆÃ 317 ¸¶¿ì½º À§Ä¡ 318 ¸¶¿ì½º ¹öư 322 Ű ÇÁ·ÎÆÛƼ 323 7.6 Ÿ±êÆÃ 323 Â÷ÀÌÁ¡ 323 this 324 Ÿ±ê 327 this¸¦ ¾µ °ÍÀΰ¡ À̺¥Æ® Ÿ±êÀ» ¾µ °ÍÀΰ¡? 331 7.7 ¿¹Á¦ ½ºÅ©¸³Æ® 334 ÅØ½ºÆ®¿µ¿ª ÃÖ´ë°ª 335 À¯Àúºí Æû 336 Æû °ËÁõ 337 µå·Ó´Ù¿î ¸Þ´º 338 ½ºÅ¸ÀÏ½ÃÆ® ÆíÁý 340 »÷µåÀ§Ä¡ ¼±Åñâ 341 XMLHTTP ¼Óµµ°è 342 »çÀÌÆ® ¼³¹® 342 7.8 µå·Ó´Ù¿î ¸Þ´º, mouseout°ú relatedTarget 343 mouseover 344 mouseout°ú ±× ¹®Á¦Á¡ 345 ÇØ°áÃ¥ 346 relatedTarget, fromElement, toElement 347
8Àå ¹®¼ °´Ã¼ ¸ðµ¨(DOM) 8.1 °³³ä 351 ³ëµå 351 °¡°èµµ 353 8.2 ¿ä¼Ò ã±â 355 Àå°Å¸® ¿©Çà 355 ´Ü°Å¸® ¿©Çà 358 ·çÆ® ³ëµå 362 8.3 ³ëµå Á¤º¸ 362 nodeName 362 nodeValue 363 nodeType 364 tagName 365 8.4 ¹®¼ Æ®¸® º¯°æ 365 ÀÏ¹Ý ±ÔÄ¢ 365 appendChild() 367 insertBefore() 368 removeChild() 370 replaceChild() 371 ¸ðµç ÀÚ½Ä ³ëµåÀÇ Á¦°Å 372 8.5 ¿ä¼ÒÀÇ »ý¼º ¹× º¹Á¦ 373 createElement()¿Í createTextNode() 373 cloneNode() 376 Å×ÀÌºí ¹× Æû ÇʵåÀÇ »ý¼º 378 8.6 innerHTML 380 ¾²·¹±â°¡ µé¾î°¡¸é ¾²·¹±â°¡ ³ª¿Ã »Ó 381 ¼Óµµ 382 ¿¹Á¦ 383 innerHTML°ú ¼ø¼ö DOMÀÇ Çùµ¿ÀÛ¾÷ 384 outerHTML, innerText, outerText 384 innerHTML°ú DOM 386 8.7 ¼Ó¼º 388 ¼Ó¼º ¾ò±â¿Í ¼³Á¤Çϱâ 389 HTML ¼Ó¼º°ú ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·ÎÆÛƼ 390 ¼Ó¼ºÀ» ¾ò°í ¼³Á¤ÇÏ´Â ÃÖ¼±ÀÇ ¹æ¹ý 393 8.8 ÅØ½ºÆ® ³ëµå 393 nodeValue 393 ºó ÅØ½ºÆ® ³ëµå 394 8.9 ³ëµå¸®½ºÆ® 398 À§Çè 400 µµ¿ì¹Ì ¹è¿ 402 8.10 Æû°ú ·¹º§ 0 DOM 403 ·¹º§ 0 DOM ³ëµå¸®½ºÆ® 403 Æû Çʵå 405 8.11 DOM ÇÏÀÌÆÛ½ºÆäÀ̽º 412 ÇÏÀÌÆÛ½ºÆäÀ̽º¿¡ ¿ä¼Ò º¸°üÇϱâ 413 ÇÏÀÌÆÛ½ºÆäÀ̽º¿Í innerHTML 416 ¿ä¼Ò´Â ÇÏÀÌÆÛ½ºÆäÀ̽º¿¡? 416 8.12 ¸¶Ä¿ 417
9Àå CSS ¼öÁ¤ 9.1 style ÇÁ·ÎÆÛƼ 420 ´ë½Ã 422 ´ÜÀ§ 422 ½ºÅ¸ÀÏ ¾ò±â 423 Ãà¾à ½ºÅ¸ÀÏ 425 9.2 Ŭ·¡½º¿Í ¾ÆÀ̵ðÀÇ º¯°æ 426 Ŭ·¡½º Ãß°¡ 428 Ŭ·¡½º Á¦°Å 430 9.3 CSS¸¦ ÆäÀÌÁö ¾È¿¡ ¾²±â 430 Áï°¢ÀûÀÎ Àû¿ë 433 9.4 Àüü ½ºÅ¸ÀÏ½ÃÆ® º¯°æ 434 ÀÌ·Ð 435 document.styleSheets 435 cssRules[]¿Í rules[] 437 selectorText 438 style 438 cssText¿Í ½ºÅ¸ÀÏ½ÃÆ® Àü¼Û 439 ·ê »ðÀÔ°ú »èÁ¦ 441 9.5 ºñ±³ 443 ¿¹Á¦ 444 9.6 ¿ä¼Ò º¸¿©ÁÖ±â/¼û±â±â 445 °£´ÜÇÑ º¸¿©ÁÖ±â/¼û±â±â ½ºÅ©¸³Æ® 446 Å×À̺íÀÇ Çà º¸¿©ÁÖ±â/¼û±â±â 448 9.7 ¾Ö´Ï¸ÞÀÌ¼Ç 450 ¾Ö´Ï¸ÞÀÌ¼Ç ÀÛµ¿¿ø¸® 450 setTimeout°ú setInterval 452 9.8 ¿ä¼ÒÀÇ Ä¡¼ö¿Í À§Ä¡ 457 ¿ä¼ÒÀÇ Ä¡¼ö 457 ¿ä¼ÒÀÇ À§Ä¡ 460
10Àå µ¥ÀÌÅÍ Àü¼Û 10.1 ¿äû º¸³»±â 464 XMLHttpRequest °´Ã¼ 464 ¿±â 466 readystatechange 467 setRequestHeader 469 sendRequest ÇÔ¼ö 470 abort 472 10.2 ÀÀ´ä ó¸®Çϱâ 472 status 472 Äݹé ÇÔ¼ö 474 responseText¿Í responseXML 474 getResponseHeader 476 getAllResponseHeaders 476 10.3 ÀÀ´ä Æ÷¸Ë 476 XML 477 HTML 479 JSON 480 CSV 482 ÃÖ¼±ÀÇ Æ÷¸ËÀº? 483 10.4 Á¢±Ù¼º 483 HTMLÀÇ Á¢±Ù¼º 484 ±âŸ ÀÀ´ä Æ÷¸ËÀÇ Á¢±Ù¼º 487
¸¶Ä¡¸ç 489 |
 |
|
 |
[ÀúÀÚ ¼Ò°³]
ÇÇÅÍ Æú ÄÛ / Peter Paul Koch ±¹Á¦ÀûÀ¸·Î ÀÎÁ¤¹Þ´Â ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡À̸ç, ÀÚ¹Ù½ºÅ©¸³Æ® Ãʺ¸ÀÚ¿Í Àü¹®°¡ ¸ðµÎ¿¡°Ô ÇʼöÀûÀÎ ¸®¼Ò½ºÀÎ www.quirksmode.org »çÀÌÆ®¸¦ ¿î¿µÇϰí ÀÖ´Ù. À¥ Ç¥ÁØ ÇÁ·ÎÁ§Æ® DOM ½ºÅ©¸³ÆÃ ŽºÅ© Æ÷½ºÀÇ ÀÏ¿øÀ̰í "ÀÚ¹Ù½ºÅ©¸³Æ® ¼±¾ð¼"ÀÇ ÀúÀÚ´Ù.
¡Ú ÀúÀÚÀÇ ¸» ¡Ú <µé¾î°¡¸ç> ÀÌ Ã¥Àº ³»°¡ ÇÁ·Î À¥ °³¹ßÀÚ°¡ µÈ ÀÌÈÄ¿¡ ¾Ë°Ô µÈ ÀÚ¹Ù½ºÅ©¸³Æ® Áö½ÄÀ» ¾Ë±â ½±°Ô Àü´ÞÇϱâ À§ÇØ ½è½À´Ï´Ù. ÀÌ Ã¥¿¡¼´Â ¿ÂÀüÈ÷ Á¦°¡ ¾Ë°í ÀÖ´Â Áö½ÄÀ» ¹Ý¿µÇϱ⿡ ±× Áö½ÄÀÇ ÇѰ赵 º¸¿©ÁÖ°í ÀÖ½À´Ï´Ù. ÇÊÀÚ´Â À¥ °³¹ßÀÚÀÏ »Ó ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÀÚ°¡ ¾Æ´Õ´Ï´Ù. ÀÌ ¸»Àº ÀÌ Ã¥ÀÌ ºê¶ó¿ìÀú ºñȣȯ¼º, Á¢±Ù¼º, Àú¼öÁØ ¹®¹ý, HTML ±¸Á¶ °èÃþ°ú ¿¬µ¿ÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ À̾߱âÇÏÁö, ¸ðµâÈ, µðÀÚÀÎ ¿øÄ¢, Ãß»óÈ °èÃþ¿¡ ´ëÇØ¼´Â À̾߱âÇÏÁö ¾Ê´Â´Ù´Â ¶æÀÔ´Ï´Ù.
À¥»çÀÌÆ® Á¦ÀÛÀ» ¾÷À¸·Î »ïÀº Áö³ 8³â µ¿¾È ´Ù¸¥ À̵éÀÌ °£°úÇϰí ÀÖ´ø ÀÚ¹Ù½ºÅ©¸³Æ® ÀϺθ¦ ±¤¹üÀ§ÇÏ°Ô ÀÌ¿ëÇß½À´Ï´Ù. º¸¼ö¸¦ ÁöºÒÇÏ¸é¼ ¸Ã±ä ÀÏ¿¡ ¾ðÁ¦³ª Àû´çÇÑ ÅøÀ» ¼±ÅÃÇØ¿Ô½À´Ï´Ù. ±×¸®°í ±× °úÁ¤¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡´Â ÇÊÀÚ°¡ ÀÏ»óÀûÀÎ ÀÏÀ» ÇÏ´Â µ¥ ÇÊ¿ä ¾ø´Â ¸¹Àº ±â´ÉÀÌ ÀÖ´Ù´Â °ÍÀ» ¾Ë°Ô µÆ½À´Ï´Ù.
´ç¿¬ÇϰԵµ ¾ËÁö ¸øÇÏ´Â ÅøÀ» °¡¸£Ãĵ帱 ¼ö´Â ¾ø½À´Ï´Ù. ±×·¡¼ ÀÌ Ã¥¿¡¼´Â ÇÊÀÚ°¡ ½áº» ±â´É¸¸ ´Ù·ì´Ï´Ù. µû¶ó¼ °´Ã¼ ÁöÇâÀû ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀǵµÀûÀ¸·Î ºüÁ® ÀÖ½À´Ï´Ù. Á¦°¡ °´Ã¼ ÁöÇâÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ½áº» ÀûÀÌ ¾ø±â ¶§¹®ÀÔ´Ï´Ù. Ã¥Àº ÆäÀÌÁö°¡ ÇÑÁ¤µÅ ÀÖ¾î¼ ¾î¶² ³»¿ëÀ» ³ÖÀ»Áö ¼±ÅÃÇØ¾ß Çß½À´Ï´Ù. ¶§·Î´Â ¾ÆÁÖ Èûµç ¼±ÅÃÀ» ÇØ¾ß Çß½À´Ï´Ù. °á±¹ Ãʺ¸ÀûÀÎ ¼öÁØ¿¡¼ »óÀ§ ´Ü°è·Î ¿Ã¶ó°¡±â À§ÇØ ²À ÇÊ¿äÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ±â´ÉÀ» ¼±ÅÃÇß½À´Ï´Ù.
Á¦ À¥»çÀÌÆ® www.quirksmode.org°¡ Á¦ÀÏ Áß¿äÇÑ Âü°í »çÀÌÆ®ÀÔ´Ï´Ù. www.quirksmode.org/book/¿¡ ¸ðµç ¿¹Á¦ ½ºÅ©¸³Æ®¿Í Á¤¿ÀÇ¥°¡ ÀÖ½À´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡
ÀÌ Ã¥ÀÇ ³»¿ëÀÌ ¿©·¯ºÐÀÌ ³¯¸¶´Ù ÀÛ¼ºÇÏ´Â ½ºÅ©¸³Æ® Çâ»ó¿¡ µµ¿òÀÌ µÇ¾úÀ¸¸é ÇÕ´Ï´Ù. ÀÌ Ã¥¿¡ ³ª¿Â ³»¿ëÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ±â´É°ú ÇÔ¼ö¿¡ ´ëÇÑ ÀüüÀûÀÎ °³¿ä´Â ¾Æ´ÏÁö¸¸, ½ºÅ©¸³Æ®¸¦ ¸¸µé¸é¼ °¡Àå ÇÊ¿äÇϰųª ³Ê¹« ±âÃÊÀûÀÎ °ÍÀ̶ó ¸ð¸¥ ä·Î´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¾È´Ù°í ÇÒ ¼ö ¾ø´Â ºÎºÐ¿¡ ´ëÇÑ ±ÛÀÓÀ» ±â¾ïÇØµÎ½Ê½Ã¿À.
ÀÌ Ã¥Àº °øºÎÀÇ ½ÃÀÛÀÌÁö ³¡ÀÌ ¾Æ´Õ´Ï´Ù.
¼öÁ¤±¸½½·Î ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¹Ì·¡¸¦ Àá½Ã Á¡Ãĺ¼±î¿ä? ÇâÈÄ ¸î ³â°£ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ º¯È½Ãų ¼¼ °¡Áö Áß¿äÇÑ »ç°ÇÀÌ º¸ÀÔ´Ï´Ù.
°¡Àå Áß¿äÇÑ °ÍÀº Ajax ¸Í½ÅÀÇ Á¾¸»ÀÔ´Ï´Ù. ¾ðÁ¦ÀÎÁö Á¤È®È÷ ¾Ë ¼ö ¾øÁö¸¸ ¹Ýµå½Ã ÀϾ ÀÏÀ̶ó´Â »ç½ÇÀº ºÐ¸íÇÕ´Ï´Ù. À¯ÇàÀº »ç¶óÁö±â ¸¶·ÃÀÔ´Ï´Ù. ÇѶ§ ¸ÚÁö°í Áøº¸ÀûÀ̾ú´ø °ÍÀÌ ÀÌÁ¦´Â ±¸½ÄÀÌ°í µûºÐÇÕ´Ï´Ù.
Ajax ¸Í½ÅÀº ºñ·Ï ³ª»Û ¿¹·Î µé¾úÀ»Áö¶óµµ ¸¹Àº °ÍÀ» °¡¸£ÃÄÁá½À´Ï´Ù. ¼º°øÀûÀÎ Ajax ¾ÖÇø®ÄÉÀ̼ǰú ±×·¸Áö ¸øÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ºñ±³Çغ¸¸é, º¹ÀâÇÑ ÀÎÅÍÆäÀ̽º¿¡ ´ëÇÑ »ç¿ëÀÚ ÀÌÇØÀÇ ÇѰ迡 ´ëÇÑ ÅëÂûÀ» ¾òÀ» ¼ö ÀÖ½À´Ï´Ù. ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ñÀûÀ» ÀÌÇØÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½ ¸î ¹øÀÇ ÆÖ°ú ¾À ´Ü°èÀÇ ¹Ýº¹¿¡µµ »ì¾Æ³²À» ¼ö ÀÖ´Â ¸ñÀûÀ» Á¤ÀÇÇÒ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
Àå±âÀûÀÎ ÀåÁ¡ ¿Ü¿¡µµ ¸Í½ÅÀÌ »ç¶óÁö¸é ÀåÁ¡°ú ´ÜÁ¡ÀÌ µ¿½Ã¿¡ Á¸ÀçÇÏ´Â ´Ü±âÀûÀÎ º¯Èµµ ÇÔ²² ¹ß»ýÇÒ °ÍÀÔ´Ï´Ù. '¾î·Á¿î' ÇÁ·Î±×·¡¹Ö ¼¼°è¿¡¼ ³Ñ¾î¿Â ¸¹Àº °³¹ßÀÚ´Â ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ´õ ÀÌ»ó ÄðÇÏÁö ¾Ê´Ù°í »ý°¢ÇÏ¸é ´Ù½Ã ±×µéÀÇ ¾ð¾î·Î µ¹¾Æ°¥ °ÍÀÔ´Ï´Ù. ´Ü±â º¯ÈÀÇ ´ÜÁ¡Àº ÀϹÝÀûÀÎ À¥ °³¹ßÀÚ´Â ¸ð¸£´Â °í±Þ ÇÁ·Î±×·¡¹Ö ±¸Á¶¸¦ ¸¹ÀÌ ¾Ë°í ÀÖ´Â À̵éÀÌ »ç¶óÁø ÈÄ¿¡ ¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎÀ» ¿ì¸®¿¡°Ô ¼³¸íÇØÁÙ »ç¶÷ÀÌ ¾ø´Ù´Â °ÍÀÔ´Ï´Ù. ¼Ò¼ö¶óµµ ³²¾Æ¼ °¡¸£ÃÄÁáÀ¸¸é ÇÏ´Â ¹Ù¶÷ÀÔ´Ï´Ù.
ÇÑÆí '¾î·Á¿î' ¾ð¾î °³¹ßÀÚ°¡ »ç¶óÁö¸é, ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ°¡ Áö±Ýº¸´Ù ´õ Á¢±Ù¼º¿¡ ÁýÁßÇÒ ¼ö ÀÖ´Ù´Â ÀåÁ¡µµ ÀÖ½À´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® Ãø¸é¿¡¼ »ý±â´Â Á¢±Ù¼º À̽´ Áß Å« ¹®Á¦´Â Ajax ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â ¸¹Àº ÇÁ·Î±×·¡¸Ó°¡ Á¢±Ù¼ºÀ» ÀνÄÇÏÁö ¸øÇÑ´Ù´Â Á¡ÀÔ´Ï´Ù. Á¢±Ù¼ºÀº À¥ °³¹ßÀÚ°¡ '¾î·Á¿î' ¾ð¾î °³¹ßÀÚº¸´Ù ´õ Àß ¾Ë°í ÀÖ´Â ºÐ¾ßÀÔ´Ï´Ù. ±×¸®°í ¸Í½ÅÀÇ Á¾¸»Àº À¥ °³¹ßÀÚ¿¡°Ô Á¢±Ù¼ºÀ» °³¼±ÇÒ ¼ö ÀÖ´Â ±âȸ¸¦ ÁÙ °ÍÀÔ´Ï´Ù.
µÎ ¹øÂ°·Î Áß¿äÇÑ »ç°ÇÀº ÄÚ¾î(Core) 2.0 Ç¥ÁØÀÇ ÃâÇöÀÔ´Ï´Ù. ÀÌ´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ±×¹ÛÀÇ ÇÁ·Î±×·¡¹Ö ¾ð¾î¿Í ºñ½ÁÇÑ ¼öÁØÀ¸·Î ²ø¾î¿Ã¸± °ÍÀÔ´Ï´Ù. Áö±ÝÀº Ajax °³¹ßÀÚ¸¦ µ½±â¿¡ ³Ê¹« ´ÊÀº °Íó·³ º¸ÀÌÁö¸¸ ±×·³¿¡µµ ÄÚ¾î 2.0Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Á» ´õ ÁøÁöÇÏ°Ô ¹Þ¾ÆµéÀÌ´Â °³¹ßÀÚ¸¦ µµ¿ÍÁÙ °ÍÀÔ´Ï´Ù. ÀÌ »ç½ÇÀÌ ¾ð¾î¿Í ±× »ç¿ëÀÚ¿¡°Ô ÀÌÀÍÀÌ µÉ °ÍÀÔ´Ï´Ù.
¼¼ ¹øÂ°·Î Áß¿äÇÑ »ç°ÇÀº ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¸¦ Æ÷ÇÔÇÑ ¸ðµç ºê¶ó¿ìÀú º¥´õ°¡, À¥Ç¥ÁØÀ» ÁؼöÇÏ·Á°í ³ë·ÂÇϰí ÀÖ´Ù´Â °ÍÀÔ´Ï´Ù. ¾ÆÁ÷ ºê¶ó¿ìÀú ºñȣȯ¼ºÀÌ ÇØ°áµÇÁö´Â ¾Ê¾ÒÁö¸¸ ¹üÀ§·Î º¸³ª ½É°¢¼ºÀ¸·Î º¸³ª Á¡Â÷ ÁÙ°í ÀÖ½À´Ï´Ù. ÇÁ·Î±×·¡¸ÓÀÇ ½Ç¼ö·Î ¹ß»ýÇÏ´Â ¹®Á¦¸¦ Á¦¿ÜÇÏ¸é ±×·¸½À´Ï´Ù. ÀÌ ºÎºÐÀº ¾ø¾îÁöÁö ¾ÊÀ» °Ì´Ï´Ù.
Á¤¸®Çϸé, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ñÀû¿¡ ´ëÇÑ Á» ´õ ³ªÀº(½ºÅ©¸³ÆÃ ÀýÂ÷¿¡ Á¢±Ù¼ºÀ» ÅëÇÕÇÏ´Â ÁøÁöÇÑ ½Ãµµ¸¦ Æ÷ÇÔÇÒ ¼ö ÀÖ´Â) Á¤ÀǸ¦ ³»¸®°Ô µÉ °ÍÀ̰í, ÄÚ¾î 2.0 ´öÅÿ¡ ´õ ³ªÀº ÇÁ·Î±×·¡¹Ö ½ºÅ¸ÀÏÀÌ ÃâÇöÇÒ °ÍÀ̰í, '¾î·Á¿î' ¾ð¾î¸¦ ¾²´Â ÇÁ·Î±×·¡¸Ó·ÎºÎÅÍ ¹è¿ï °Ô ÀÖÀ» °ÍÀ̰í, ºê¶ó¿ìÀú ¹®Á¦°¡ ´õ Àû¾îÁú °ÍÀ̶ó´Â Èñ¸ÁÀ» ǰ°í ÀÖ½À´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®´Â º¯ÇÏ´Â ÁßÀÔ´Ï´Ù. ´õ ³ªÀº ¼¼»óÀÌ ¿Ã °ÍÀÔ´Ï´Ù.
[¿ªÀÚ ¼Ò°³]
ÀüÁ¤È¯ 8ºñÆ® ÄÄÇ»ÅÍ ½ÃÀý ¾ÖÇà ȣȯ ±âÁ¾¿¡¼, ´Ù´Ï´ø Çб³ÀÇ ¼ºÀûó¸® ÇÁ·Î±×·¥À» Á÷Á¢ ¸¸µé¾ú´ø ¼¼¿î»ó°¡ Űµå¿´´Ù. ù Á÷Àå¿¡¼ ÆùÆ®¸Å´Ï¾Æ(FontMania)¶ó´Â ÇÑ±Û Áö¿ø ÆùÆ®¿¡µðÅ͸¦ ¸¸µé¾î IR52 À念½Ç»óÀ» ¼ö»óÇß´Ù. ÀÌÈÄ À¥°ú ¸ð¹ÙÀÏ °ü·ÃµÈ º¥Ã³ÀÇ ÆÄ¿î´õ·Î¼ ¸î Â÷·Ê °æÇèÀ» ½×Àº ÈÄ 2006³â ´ÙÀ½Ä¿¹Â´ÏÄÉÀ̼ǿ¡ ÀÔ»çÇß´Ù. UI EngineeringÆÀ(Çö RIA±â¼úÆÀ)À» ¸Ã¾Æ ÇѸÞÀÏ ÀͽºÇÁ·¹½º¿Í ÆÄ¿ö¿¡µðÅÍÀÇ PMÀ» ¸Ã°í ÀÖ´Ù. ¿£Áö´Ï¾î¿¡°Ôµµ Àι®Çаú ¿¹¼úÀû °¨¼ö¼ºÀÌ ¸¹Àº µµ¿òÀÌ µÈ´Ù°í »ý°¢Çϰí ÀÖÀ¸¸ç, HCI(Human Computer Interaction)¿¡ ¸¹Àº °ü½ÉÀ» ±â¿ïÀ̰í ÀÖ´Ù.
Á¤¹®½Ä °í·Á´ë ÄÄÇ»ÅÍÇаú Á¹¾÷Çϰí ÀÎÆ÷Çãºê¡¤À£·¯½º¿¡¼ ÇÚµåÆù °áÁ¦½Ã½ºÅÛ, ³×Æ®¿öÅ© ÇÚµåÆù °ÔÀÓÀ» °³¹ßÇßÀ¸¸ç ´ÙÀ½Ä¿¹Â´ÏÄÉÀÌ¼Ç ¹Ìµð¾î°³¹ßÆÀ¿¡ ±Ù¹« ÁßÀÌ´Ù. ´Ù¾çÇÑ ¾ð¾î¸¦ ¹è¿òÀÌ ³»°ø Çâ»óÀÇ Ã¸°æÀ̶ó°í º¸°í ÆÄÀ̽ã, ·çºñ, Io ÇÁ·Î±×·¡¹ÖÀ» Ãë¹Ì·Î »ï°í ÀÖ´Ù.
¡Ú ¿ªÀÚ ¼¹® ¡Ú
PPKÀÇ ÀúÀÚ ÇÇÅÍ Æú ÄÛÀº À¥ °³¹ßÀÇ ¿À·£ °æÇèÀ» ¹ÙÅÁÀ¸·Î ÀÌ Ã¥À» ½è´Ù. ÀÌ Ã¥ÀÇ ¹Ì´öÀº ±â¼ú°ú ÆÁÀ» Àü´ÞÇÏ´Â µ¥ ±×Ä¡Áö ¾Ê°í, À¥°ú ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±Ùº»ÀûÀÎ ÀÌÇØ¸¦ Àü´ÞÇÑ´Ù´Â µ¥ ÀÖ´Ù. ÀÌ Ã¥À» ²Ä²ÄÈ÷ Àо°¡¸ç ÈǸ¢ÇÑ ÀúÀÚ´Â ±â¼ú¼¿¡µµ ÀÚ½ÅÀÇ ¿ª»ç°ü°ú öÇÐÀ» ´ã¾Æ³¾ ¼ö ÀÖÀ½À» ´À³¢°í Å« °¨ÈïÀ» ¹Þ¾Ò´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¿Ö ÇöÀçÀÇ ¸ð½ÀÀÌ µÇ¾ú°í ¾ÕÀ¸·Î ¾î¶»°Ô º¯Çسª°¥Áö, ÀÌ ±â¼úÀÇ ÇÙ½É À̽´°¡ ¹«¾ùÀÎÁö, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »ç¿ë°ú ¹ßÀü ¹æÇâ¿¡ ÀÖ¾î ¿Ã¹Ù¸¥ ¹æÇâÀÌ ¹«¾ùÀÏÁö¿¡ ´ëÇÑ ÀúÀÚÀÇ »ý°¢ÀÌ ±â¼ú¿¡ ´ëÇÑ ¼³¸íÀ» Ç®¾î³õÀº ÀÌ Ã¥¿¡ ÀÚ¿¬½º·´°Ô ½º¸çµé¾î ÀÖ´Ù.
°³ÀÎÀûÀ¸·Î´Â ÀÌ Ã¥À» ¹ø¿ªÇÏ¸é¼ ¿À·¡ Àü ÇÑ ¼ø°£ÀÌ ¶°¿Ã¶ú´Ù. 1995³â º½ ³ª´Â ÁöÀÎÀÇ ¼Ò°³·Î ´ÙÀ½Ä¿¹Â´ÏÄÉÀ̼ÇÀ» ¹æ¹®Çß´Ù. ´ç½Ã Á÷¿øÀÌ ¼¼ ¸í»ÓÀ̾ú´ø ÀÌ È¸»ç´Â ¸· ŵ¿ÇÑ ¿ùµå¿ÍÀ̵åÀ¥ÀÇ ¹«ÇÑÇÑ °¡´É¼ºÀ» º¸°í ½ÃÀÛµÈ ÃÊ¹Ì´Ï º¥Ã³ ±â¾÷À̾ú´Ù. ±×³¯ ³ª´Â ÇÖÀÚ¹Ù(Hot Java), ¸ðÀÚÀÍ(Mosaic) °°Àº ºê¶ó¿ìÀú¿¡¼ ÇÏÀÌÆÛÅØ½ºÆ®¸¦ ½á¼ Àü ¼¼°è¿¡ ÀÖ´Â Á¤º¸ ÆäÀÌÁö·Î À̵¿Çϴ ù°æÇèÀ» ¸Àº¸¾Ò´Ù. Àü¼¼°è °÷°÷¿¡¼ À¥¹®¼µéÀÌ ½Ã½Ã°¢°¢ »ý°Ü³ª°í ÀÚ¶ó³ª°í ¶Ç ±× ¹®¼µéÀÌ °Å¹ÌÁÙó·³ ¿¬°áµÇ¾î ÀÖ´Ù´Â °ÍÀº Á¤¸» ³î¶ó¿î ÀÏÀ̾ú´Ù.
1995³â ¸», ¸ðÀÚÀÍ ºê¶ó¿ìÀú´Â ³Ý½ºÄÉÀÌÇÁ·Î º¯¸ðÇßÀ¸¸ç ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â À̸§ÀÇ ½ºÅ©¸³Æ® ¾ð¾î°¡ ºÎ°¡µÇ¾ú´Ù. óÀ½ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ´Ü¼øÈ÷ Æû Àü¼Û ¶§ °ªÀ» ¹Ì¸® Ã¼Å©ÇØ¼ °æ°íâÀ» ¶ç¿öÁÖ´Â Á¤µµÀÇ ¿ëµµ¿´´Ù. Áö±Ýó·³ À¥¿¡¼ÀÇ »óÈ£ÀÛ¿ëÀÌ Àͼ÷ÇÑ »óȲ¿¡¼ µéÀ¸¸é ¿ì½À°Ô µé¸®°ÚÁö¸¸ ºê¶ó¿ìÀú »óÀÇ 'À¥ ¹®¼'¿¡¼ ÀÌ·± »óÈ£ÀÛ¿ëÀÌ °¡´ÉÇÏ´Ù´Â °ÍÀº ±× ´ç½Ã·Î¼´Â ȹ±âÀûÀÎ ÀÏÀ̾ú´Ù. ±×·¨´ø ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀÌÁ¦ ¾öû³ª°Ô ¸¹Àº »ç¶÷ÀÌ ¾²´Â ±â¼ú·Î ÀÚ¸®¸¦ Àâ¾ÒÁö¸¸ ¡°Àß¡± »ç¿ëÇϱâ´Â ´õ¿í ¾î·Á¿öÁ³´Ù.
¿À´Ã³¯ ÀÚ¹Ù½ºÅ©¸³Æ®´Â À¥¹®¼¿¡ °¡º±°Ô ³Ö´Â ½ºÅ©¸³Æ®ºÎÅÍ ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â µ¥¿¡µµ ¾²ÀδÙ. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¿ëµµ¿¡ ¸Â°Ô ¿Ã¹Ù¸¥ ¹æ¹ýÀ¸·Î »ç¿ëÇÏ´Â °Í, À¥Ç¥Áذú Á¢±Ù¼ºÀ» ÁöŰ¸é¼µµ ´õ ¸¹Àº ÀÎÅÍ·¢¼ÇÀ» Á¦°øÇÏ´Â °ÍÀº Á¡Á¡ ´õ µµÀüÀûÀÎ °úÁ¦°¡ µÇ°í ÀÖ´Ù. ÀÌ ºÐ¾ß¿¡¼ Àü¹®°¡°¡ µÇ·Á´Â ºÐµéÀ̳ª Á¦´ë·Î µÈ ±âÃʸ¦ ´Û°íÀÚ ÇÏ´Â ºÐµé¿¡°Ô ÀÌ Ã¥Àº źźÇÑ Ãʼ®ÀÌ µÉ °ÍÀÌ´Ù. |
 |
|
|
|
|
|
|
|
|
|
|
|