·Î±×ÀÎ ¤Ó ȸ¿ø°¡ÀÔ ¤Ó Àå¹Ù±¸´Ï ¤Ó °í°´¼¾ÅÍ ¤Ó ¸¶ÀÌÆäÀÌÁö ¤Ó ȸ»ç¼Ò°³
kangcom
java , ¾Èµå·ÎÀ̵å , asp ¼îÇθô , »ö¼ÒÆùÀÇ ´ÞÀÎ
Àüü
°­ÄÄÀº Áö±Ý ºò ¼¼ÀÏÁß!-¸ðµçµµ¼­ ÃÖ´ë50%
Àαâ°Ë»ö¾î 
Home >   >   > 
PPK ÀÚ¹Ù½ºÅ©¸³Æ®   
ÁöÀºÀÌ Peter-Paul Koch/ÀüÁ¤È¯   |   ÃâÆÇ»ç ¿¡ÀÌÄÜ  |   ¹ßÇàÀÏ 2008³â 06¿ù 03ÀÏ
 
Ŭ¸¯ÇϽøé Å« µµ¼­À̹ÌÁö¸¦ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
ÆÇ¸Å°¡ 35,000¿ø ¡æ 31,500¿ø 10%
¸¶Àϸ®Áö 10% 3,150¿ø
¹ßÇàÀÏ 2008-06-03
ISBN 8960770442 | 9788960770447
±âŸÁ¤º¸ ¹ø¿ª¼­ | 544ÂÊ
¿¹»óÃâ°íÀÏ 1~2ÀÏ À̳» (±Ù¹«ÀϱâÁØ)
¹è¼Ûºñ ¹«·á¹è¼Û
   
ÇÁ·Î±×·¡¹Ö¾ð¾î
Á¾ÇÕÁö¼ö 1p 996 À§
   
  ¡Ø ³×À̹ö üũ¾Æ¿ôÀ¸·Î ±¸¸Å½Ã ºñȸ¿øÀ¸·Î ±¸¸Å°¡
      µÊÀ¸·Î °­ÄÄ ¸¶Àϸ®Áö´Â Àû¸³ µÇÁö ¾Ê½À´Ï´Ù.
ÀÌ Ã¥ÀÇ ¿ø¼­
  ppk on JavaScript (1/E)
New Riders | Peter-Paul Koch
 

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³â ¸», ¸ðÀÚÀÍ ºê¶ó¿ìÀú´Â ³Ý½ºÄÉÀÌÇÁ·Î º¯¸ðÇßÀ¸¸ç ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â À̸§ÀÇ ½ºÅ©¸³Æ® ¾ð¾î°¡ ºÎ°¡µÇ¾ú´Ù. óÀ½ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ´Ü¼øÈ÷ Æû Àü¼Û ¶§ °ªÀ» ¹Ì¸® Ã¼Å©ÇØ¼­ °æ°íâÀ» ¶ç¿öÁÖ´Â Á¤µµÀÇ ¿ëµµ¿´´Ù. Áö±Ýó·³ À¥¿¡¼­ÀÇ »óÈ£ÀÛ¿ëÀÌ Àͼ÷ÇÑ »óȲ¿¡¼­ µéÀ¸¸é ¿ì½À°Ô µé¸®°ÚÁö¸¸ ºê¶ó¿ìÀú »óÀÇ 'À¥ ¹®¼­'¿¡¼­ ÀÌ·± »óÈ£ÀÛ¿ëÀÌ °¡´ÉÇÏ´Ù´Â °ÍÀº ±× ´ç½Ã·Î¼­´Â ȹ±âÀûÀÎ ÀÏÀ̾ú´Ù.
±×·¨´ø ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀÌÁ¦ ¾öû³ª°Ô ¸¹Àº »ç¶÷ÀÌ ¾²´Â ±â¼ú·Î ÀÚ¸®¸¦ Àâ¾ÒÁö¸¸ ¡°Àß¡± »ç¿ëÇϱâ´Â ´õ¿í ¾î·Á¿öÁ³´Ù.

¿À´Ã³¯ ÀÚ¹Ù½ºÅ©¸³Æ®´Â À¥¹®¼­¿¡ °¡º±°Ô ³Ö´Â ½ºÅ©¸³Æ®ºÎÅÍ ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µå´Â µ¥¿¡µµ ¾²ÀδÙ. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¿ëµµ¿¡ ¸Â°Ô ¿Ã¹Ù¸¥ ¹æ¹ýÀ¸·Î »ç¿ëÇÏ´Â °Í, À¥Ç¥Áذú Á¢±Ù¼ºÀ» ÁöŰ¸é¼­µµ ´õ ¸¹Àº ÀÎÅÍ·¢¼ÇÀ» Á¦°øÇÏ´Â °ÍÀº Á¡Á¡ ´õ µµÀüÀûÀÎ °úÁ¦°¡ µÇ°í ÀÖ´Ù. ÀÌ ºÐ¾ß¿¡¼­ Àü¹®°¡°¡ µÇ·Á´Â ºÐµéÀ̳ª Á¦´ë·Î µÈ ±âÃʸ¦ ´Û°íÀÚ ÇÏ´Â ºÐµé¿¡°Ô ÀÌ Ã¥Àº źźÇÑ Ãʼ®ÀÌ µÉ °ÍÀÌ´Ù.
µî·ÏµÈ ¼­ÆòÀÌ ¾ø½À´Ï´Ù.

À§Ç³´ç´ç ¸ð¹ÙÀÏ ÇÁ·Î±×·¡¸Ó¸¦ À§ÇÑ °­ÄÄÆÐŰÁö 9Á¾ [3ź]
À§Ç³´ç´ç ¸ð¹ÙÀÏ ÇÁ·Î±×·¡¸Ó¸¦ À§ÇÑ °­ÄÄÆÐŰÁö 9Á¾ [3ź]
2010-06-04 ~ Á¾·áÀϽà ¹ÌÁ¤

JavaÀÇ Á¤¼® [2ÆÇ]...
³²±Ã¼º
¼±ÅÃµÈ »óǰÀ» ÂòÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼±ÅÃµÈ »óǰÀ» ¹Ù·Î±¸¸Å ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
HTML5 Â÷¼¼´ë À¥ Ç¥ÁØ. ±â¼ú...
±è¿µº¸
¼±ÅÃµÈ »óǰÀ» ÂòÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼±ÅÃµÈ »óǰÀ» ¹Ù·Î±¸¸Å ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
Å×½ºÆ® ÁÖµµ °³¹ß : °íǰÁú Äè¼Ó°³¹ßÀ» À§ÇÑ TDD ½Çõ¹ý°ú µµ±¸...
ä¼ö¿ø
¼±ÅÃµÈ »óǰÀ» ÂòÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. ¼±ÅÃµÈ »óǰÀ» ¹Ù·Î±¸¸Å ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
 
ÃÊ Áß °í
ÀüüÆò±Õ(0)
ȸ¿øÆòÁ¡   ȸ¿ø¼­Æò¼ö 0
Peter-Paul Koch ÀÇ ÃÖ±Ù Àú¼­
 
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ïÒà´
43,200¿ø
(10%¡é+5%)
 
ÀüÁ¤È¯ ÀÇ ÃÖ±Ù Àú¼­
 
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ïÒà´
43,200¿ø
(10%¡é+5%)
 
Á¤¹®½Ä ÀÇ ÃÖ±Ù Àú¼­
 
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ïÒà´
43,200¿ø
(10%¡é+5%)
 
Peter-Paul Koch ÀÇ ÃÖ±Ù Àú¼­
 
ppk on JavaScript (1/E)
48,900¿ø
(19%¡é+1%)
 
¿¡ÀÌÄÜ ÃâÆÇ»çÀÇ ½Å°£
¾ËÂ¥¸¸ °ñ¶ó ¹è¿ì´Â ¾Èµå·ÎÀ̵å ÇÁ·Î±×·¡¹Ö 2 (°³Á¤ÆÇ)
¸¶Å© ¸ÓÇÇ / °­Ã¶±¸ ¿ª Àú
27,000¿ø
(10%¡é+10%)
 
ÅäºñÀÇ ½ºÇÁ¸µ 3 : ½ºÇÁ¸µ ÇÁ·¹ÀÓ¿öÅ© 3 ±âÃÊ ¿ø¸®ºÎÅÍ °í±Þ ½ÇÀüȰ¿ë±îÁö ¿Ïº® °¡À̵å
ÀÌÀϹΠÀú
45,000¿ø
(10%¡é+10%)
 
The Art of Game Design: °ÔÀÓ µð·ºÅÍ, ±âȹÀÚ, °³¹ßÀÚ°¡ ²À Àоî¾ß ÇÒ °ÔÀÓ µðÀÚÀο¡ °üÇÑ ¸ðµç °Í
Á¦½Ã ¼Ð / ÀüÀ¯ÅÃ, ÀÌÇü¹Î ¿ª Àú
27,000¿ø
(10%¡é+10%)
 
Windows Internals Á¦5ÆÇ : ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® À©µµ¿ì Ä¿³Î °ø½Ä °¡À̵å
¸¶Å© ·¯½Ã³ëºñÄ¡, µ¥À̺ñµå ¼Ö·Î¸ó, ¾Ë·º½º ÀÌ¿À³×½ºÄí / ¾Èö¼ö ¿¬±¸¼Ò ±â¹Ý±â¼úÆÀ ¿ª Àú
45,000¿ø
(10%¡é+10%)
 
½Å·Ú ¼Ò¼È¹Ìµð¾î ½Ã´ëÀÇ ¼º°ø Ű¿öµå
Å©¸®½º ºê·Î°Ç, ÁÙ¸®¿£ ½º¹Ì½º / ¿ª inmD Àú
13,320¿ø
(10%¡é+10%)
 
À̸ÞÀÏÁÖ¼Ò¼öÁý°ÅºÎ
Ŭ¸¯ÇϽøé À̴Ͻýº °áÁ¦½Ã½ºÅÛÀÇ À¯È¿¼ºÀ» È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. Ŭ¸¯ÇϽøé eTrust ÀÎÁõÁ¤º¸¸¦ È®ÀÎÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.