lecture Home > ASP Tips > ¼Û±ºÀÇ °í±Þ Script ±â¼ú

HTCÀÇ È°¿ë

   °­Á ÃÖÃÊ ÀÛ¼ºÀÏ : 2005³â 06¿ù 19ÀÏ
   °­Á ÃÖÁ¾ ¼öÁ¤ÀÏ : 2005³â 06¿ù 21ÀÏ

   °­Á ÀÐÀ½ ¼ö : ȸ

   ÀÛ¼ºÀÚ : Songgun(¼Û ¿ø¼®)
   ÆíÁýÀÚ : Taeyo(±è Å¿µ)

   °­Á Á¦¸ñ : TABLE ÅÂ±×¿Í HTCÀÇ È°¿ë 

°­Á Àü Å¿ÀÀÇ Àâ´ã>

www.egocube.pe.kr »çÀÌÆ®¸¦ ¿î¿µÇϰí ÀÖ´Â ¼Û¿ø¼® ±ºÀÌ º¸³»ÁØ °­ÁÂÀÔ´Ï´Ù.
¾È ±×·¡µµ htc¸¦ Á¤¸®ÇÑ °­Á°¡ ÇÊ¿äÇÏ´Ù´Â »ý°¢À» Çϰí ÀÖ´ø ÅÍ¿´´Âµ¥,
¿ª½Ã³ª ¼Û±ºÀÌ ±â´ë¿¡ ¾î±ß³ªÁö ¾Ê°Ô ½Ã±âÀûÀýÇÏ°Ô ÁÁÀº °­Á¸¦ º¸³»ÁÖ¾ú³×¿ä ^^
HTC ±â¹ýÀº À¥À» ´Ù·ç´Â »ç¶÷À̶ó¸é ¹Ýµå½Ã ¾Ë¾ÆµÎ¾î¾ß ÇÒ ÁÁÀº ±â¼úÀÔ´Ï´Ù



Àç¹ÌÀÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ®, TABLE ÅÂ±×¿Í HTCs ÀÇ È°¿ë - 01

´ëºÎºÐÀÇ °æ¿ì, Á¶±Ý °úÀåÇÑ´Ù¸é °ÅÀÇ ¸ðµç Á¾·ùÀÇ À¥ ÇÁ·Î±×·¡¹Ö¿¡¼­ ºüÁöÁö ¾Ê°í »ç¿ëµÇ´Â °Í ÁßÀÇ Çϳª°¡ ¹Ù·Î TABLE ű׷Π±¸¼ºµÈ Ç¥ÀÏ °ÍÀÌ´Ù. Áö±Ý ÀÌ ¼ø°£¿¡µµ Àü ¼¼°èÀÇ À¥ ÇÁ·Î±×·¡¸Óµé Áß »ó´ç¼ö´Â TABLE ű׸¦ »ç¿ëÇÏ¿© ¹«¾ùÀΰ¡¸¦ ¸¸µé¾î³»°í ÀÖ´Â ÁßÀ̶ó°í ¾ê±âÇÑ´Ù°í Çѵé ÇÊÀÚÀÇ ¿À¹ö¼¾½º´Â ¾Æ´Ò °ÍÀ̶ó°í ¹Ï´Â´Ù. ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®»çÀÇ ASP.NET ¼­¹ö ÄÁÆ®·Ñ Áß µ¥ÀÌÅͱ׸®µå ÄÁÆ®·ÑÀ̳ª µ¥ÀÌÅ͸®½ºÆ® ÄÁÆ®·Ñ ±×¸®°í ¸®ÇÇÅÍ ÄÁÆ®·ÑÀ» »ç¿ëÇÏ¿© °£Á¢ÀûÀ¸·Î TABLE ÅÂ±× °ü·Ã ÀÛ¾÷À» Çϰí ÀÖ´Â °³¹ßÀÚµéÀÇ ¼ö¸¸ °í·ÁÇØºÁµµ ±× ±Ô¸ð´Â °áÄÚ ÀÛÀº °ÍÀÌ ¾Æ´Ò ÅÍÀÌ´Ù. º»¹®¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ °¡Áö°í¼­ ¹Ù·Î ÀÌ·± TABLE ű׸¦ ´Ù·ç¾î º¼ÅÙµ¥ ÇÊÀڷμ­µµ º»¹®¿¡¼­ ³íÀÇÇϰíÀÚ ÇÏ´Â ³»¿ëµéÀÌ ½Ç¹«¿¡ ¾ó¸¶³ª µµ¿òÀÌ µÉ·±Áö´Â ¸ð¸£°Ú´Ù. ¼ÖÁ÷ÇÏ°Ô °í¹éÇϰǵ¥ º»¹®Àº ¼øÀüÈ÷ ÇÊÀÚ ÀÚ½ÅÀÇ ÇÁ·Î±×·¡¸ÓÀûÀÎ, ±×¸®°í °³ÀÎÀûÀÎ Àç¹Ì¸¦ À§Çؼ­ ÀÛ¼ºµÈ ±ÛÀ̸ç Àû¿ë ´ë»ó ÀÚüµµ ÀÎÅÍ³Ý ÀͽºÇ÷η¯¸¸À» °¨¾ÈÇÑ ±ÛÀÌ´Ù. Áï º»¹®¿¡¼­ ³íÀǵǴ ¸ðµç ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµåµéÀº ÆÄÀÌ¾îÆø½º¶ó´Â °íÀ¯ ¸í»ç·Î ´ëÇ¥µÇ´Â ±âŸ ´Ù¸¥ À¥ ºê¶ó¿ìÀú¿¡¼­ÀÇ µ¿ÀÛÀ» º¸ÀåÇÏÁö ¾Ê´Â´Ù.

´ÙÀ½Àº TABLE ű׸¦ »ç¿ëÇÏ¿© ÀÛ¼ºÇÑ ³Ê¹«³ªµµ ÀϹÝÀûÀÎ ÇüÅÂÀÇ Ç¥ÀÌ´Ù. ¾Æ¸¶µµ À¥ ÇÁ·Î±×·¡¸Ó¶ó¸é °¢ÀÚ ÅÂ±× »ç¿ë¹ý¿¡ °üÇÑ ÃëÇâÀÇ Â÷ÀÌ´Â ÀÖÀ»Áö¾ðÁ¤ ÀÌ·± À¯ÇüÀÇ TABLE ÅÂ±× ±¸¼º¿¡ ¾î·Á¿òÀ» °Þ°Å³ª °ï¶õÀ» ´À³¢½Ã´Â ºÐµéÀº ±×´ÙÁö ¸¹Áö ¾ÊÀ» °ÍÀÌ´Ù. ¸¸¾à °ï¶õÀ» ´À³¤´Ù¸é ±×°Ô ´õ Å«ÀÏÀÌ ¾Æ´Ò±î? ¾Æ¹«Æ° º»¹®¿¡¼­´Â Ç¥ÀÇ ¼¼ºÎÀûÀÎ ÇüÅ´ ±×´ÙÁö Áß¿äÇÏ°Ô ³íÀǵÇÁö ¾ÊÀ¸¹Ç·Î ±×Àú ÀÓÀÇÀÇ Ç¥°¡ Çϳª ÀÖ´Ù´Â Á¤µµ·Î¸¸ »ý°¢Çϱ⠹ٶõ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 


±×·±µ¥ ½Ç¹«¿¡¼­ ÀÛ¾÷À» ÇÏ´Ùº¸¸é ³­Ã³ÇÑ °æ¿ì¸¦ Á¾Á¾ Á¢ÇÏ°Ô µÈ´Ù. À̸¦Å׸é È­¸é¿¡ Ãâ·ÂÇϰíÀÚ ÇÏ´Â µ¥ÀÌÅÍÀÇ ¼ö·®ÀÌ ¾Ö¸Å¸ðÈ£ÇÑ °æ¿ì°¡ °¡Àå ´ëÇ¥ÀûÀÎ »ç·Ê·Î, ¿äÄÁµ¥ ÆäÀÌ¡ 󸮸¦ ±¸ÇöÇϱ⿡´Â µ¥ÀÌÅͰ¡ ³Ê¹« Àû¾î¼­ ¹Î¸ÁÇÒ Áö°æÀ̰í, ¹Ý¸é¿¡ ÀÖ´Â ±×´ë·Î ¾Æ¹« 󸮾øÀÌ Ãâ·ÂÇØ¹ö¸®ÀÚ´Ï ±×·¯±â¿¡´Â µ¥ÀÌÅͰ¡ Á¶±Ý ºÎ´ã½º·¯¿î ºÐ·®ÀÎ °æ¿ì´Ù. ÀÌ·± °æ¿ì ÇÊÀÚÀÇ ±â¾ïÀ» µÚÁ®º¸¸é ¸î ³â Àü±îÁö´Â IFRAME ű׸¦ Çϳª »ðÀÔÇÏ°í º°µµÀÇ ÆäÀÌÁö¿¡ TABLE ű׸¦ Ãâ·ÂÇÑ ´ÙÀ½ ÆäÀÌÁö¸¦ ±× IFRAME ű׿¡ ¿¬°áÇÏ¿© IFRAME ű׿¡¼­ ÀÚüÀûÀ¸·Î ±¸ÇöµÇ´Â ½ºÅ©·Ñ¹Ù Ư¼ºÀ» ÀÌ¿ëÇÏ¿© 󸮸¦ Çϱ⵵ Çß¾úÁö¸¸, ¹°¸®ÀûÀ¸·Î ÆäÀÌÁö¸¦ Çϳª ´õ ¸¸µé¾î¾ß¸¸ µÈ´Ù´Â ¹ø°Å·¯¿ò°ú ºÎ¸ð ÆäÀÌÁö¿ÍÀÇ ¿¬µ¿ ºÒÆí µîÀ» ÀÌÀ¯·Î ÃÖ±Ù¿¡´Â °ÅÀÇ »ç¿ëµÇÁö ¾Ê°í ÀÖÀ¸¸ç, ±× ´ë¾ÈÀ¸·Î ±Ù·¡¿¡´Â ÄɽºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ® (Cascading Sytle Sheet) ¸¦ »ç¿ëÇÏ¿© ºñ±³Àû °£´ÜÇÏ°Ô Ã³¸®ÇÏ´Â ¹æ¹ýÀÌ ¸Å¿ì º¸ÆíÀûÀ¸·Î »ç¿ëµÇ°í ÀÖ´Ù. ÀÌ·¸°Ô ÄɽºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¸¦ ÀÌ¿ëÇϸé TABLE ű×ÀÇ Ãâ·Â °á°ú°¡ ´ÙÀ½°ú °°ÀÌ ·»´õ¸µµÈ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


¹«¾ùº¸´Ùµµ ·»´õ¸µ °á°ú ÀÚü°¡ ¸Å¿ì ¼¼·ÃµÇ¾úÀ¸¸ç °³¹ßÀÚÀÇ ÀÔÀå¿¡¼­´Â ±× °á°ú¸¦ ¾ò¾î³»±â À§ÇØ ¿ä±¸µÇ¾îÁö´Â ³ë·ÂÀÇ ¼öÁØÀÌ ´Ù¸¥ ¹æ¹ý°ú ºñ±³ÇßÀ» ¶§ ¸Å¿ì Àû´Ù. ²Ï³ª ¸Å·ÂÀûÀÎ ¹æ¹ýÀ̶ó°í Æò°¡ÇÒ ¼ö Àִµ¥, À§¿Í °°Àº °á°ú¸¦ ¾ò±â À§Çؼ­ °³¹ßÀÚ°¡ ÇØÁÖ¾î¾ß ÇÒ ÀÏÀº ´ÜÁö DIV ű׸¦ Çϳª Ãß°¡Çϰí style ¼Ó¼º¿¡ Àû´çÇÑ °ªµéÀ» ä¿ö³Ö´Â °Í »ÓÀÌ´Ù. ´ÙÀ½Àº ½ÇÁ¦·Î À§¿Í °°Àº °á°ú¸¦ ¾ò¾î³»±â À§Çؼ­ ÇÊÀÚ°¡ »ç¿ëÇÑ HTML ÅÂ±× ÄÚµå ºí·°ÀÇ ÀüºÎÀÌ´Ù.

    <div style="width: 400px; height: 89px; overflow-y: auto;">
        ... ¿©±â¿¡ ±âÁ¸ÀÇ TABLE űװ¡ À§Ä¡ÇÑ´Ù. ...
    </div>
±×·¸Áö¸¸ »ó´çÈ÷ ¸¸Á·½º·´°Ô¸¸ ´À²¸Áö´Â ÀÌ ¹æ¹ýÀ¸·Îµµ ±î´Ù·Î¿î °í°´µéÀÇ ÃëÇâÀ» ¿Ïº®ÇÏ°Ô ¸¸Á·½ÃÄÑÁÖÁö´Â ¸øÇÏ´Â °ÍÀÌ ÀÛ±ÝÀÇ Çö½ÇÀÌ´Ù. ´ëºÎºÐÀÇ °í°´µéÀÌ ´Ù¾çÇÑ ÀÎÅÍ³Ý °æÇèÀ» ÅëÇØ¼­ ¿ä±¸»çÇ×ÀÇ ¼öÁØÀ» ³ôÇô°¡°í ÀÖ´Â °ÍÀÌ´Ù. ºÒ¸¸ÀÇ ±¸Ã¼ÀûÀÎ ÀÌÀ¯´Â ½ºÅ©·Ñ¹Ù¸¦ À§, ¾Æ·¡·Î Àá½Ã ¿òÁ÷¿©º¸´Â °Í ¸¸À¸·Îµµ ±×´ÙÁö ¾î·ÆÁö ¾Ê°Ô ¾Ë¾ÆÂ÷¸± ¼ö ÀÖ´Ù. ½ºÅ©·Ñ¹Ù¸¦ ¾Æ·¡·Î ¿òÁ÷À̸é Ç¥ÀÇ Å¸ÀÌÆ²ÀÌ º¸ÀÌÁö ¾Ê°Ô µÇ´Â Á¡ÀÌ ¹Ù·Î ¹®Á¦°¡ µÇ´Â °ÍÀÌ´Ù. Ä÷³ÀÇ °¹¼ö°¡ ¸¹°í ´ëºÎºÐÀÇ Ä÷³ÀÌ ±Ý¾× °ü·Ã µ¥ÀÌÅ͸¦ ´ã°í ÀÖ´Ù¸é ŸÀÌÆ²ÀÌ º¸ÀÌÁö ¾Ê´Â °æ¿ì »ç¿ëÀÚµéÀº ¾î¶² Ä÷³ÀÌ ¾î¶² µ¥ÀÌÅ͸¦ ³ªÅ¸³»´Â °ÍÀÎÁö ¸Å¿ì È¥¶õ½º·¯¿ö ÇÒ ¼ö ¹Û¿¡ ¾ø´Ù. °³¹ßÀÚÀÇ ÀÔÀå¿¡¼­µµ ÃæºÐÈ÷ °ø°¨ÇÒ ¼ö ÀÖ´Â ÀÌÀ¯À̱ä ÇÏ´Ù. ±×·¡¼­ ¾î¶² °³¹ßÀÚ°¡ ¶Ç ´Ù½Ã »õ·Ó°í ±×¾ß¸»·Î Âü½ÅÇÑ ¾ÆÀ̵ð¾î¸¦ ³»³õ¾Ò´Ù. ¸ÕÀú ´ÙÀ½ÀÇ Ç¥¸¦ »ìÆìº¸ÀÚ. ÀϰßÇϱ⿣ ±âÁ¸ÀÇ Ç¥¿Í ±×´ÙÁö ´Ù¸¥ ºÎºÐÀÌ ¾ø´Â °Íó·³ º¸ÀÏÁöµµ ¸ð¸£°ÚÁö¸¸ ½ºÅ©·Ñ¹Ù¸¦ À§, ¾Æ·¡·Î ¿òÁ÷¿©º»´Ù¸é ±× ¾ÆÀ̵ð¾îÀÇ °¡Ä¡¸¦ ¾Ë°Ô µÉ °ÍÀÌ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


±âº»ÀûÀÎ ±¸Çö ¿ø¸® ÀÚü´Â ¸Å¿ì °£´ÜÇÏ´Ù. Áï TABLE ű׸¦ Çϳª ´õ Ãß°¡ÇÏ¿© ¿øº» Ç¥ÀÇ Å¸ÀÌÆ² ºÎºÐ¸¸À» ±×´ë·Î º¹»çÇÏ°í µ¿ÀÏÇÑ Å©±â¿Í ¸ð¾çÀ¸·Î ±¸¼ºÇÑ´Ù. ±×¸®°í ÄɽºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¸¦ ÀûÀýÈ÷ »ç¿ëÇÏ¿© º¹»çº»¿¡ ÇØ´çÇϴ ǥ, Áï ŸÀÌÆ²¸¸ Á¸ÀçÇÏ´Â TABLE űװ¡ À§ÂÊ¿¡ À§Ä¡Çϵµ·Ï µ¿ÀÏÇÑ ÁÂÇ¥¿¡ µÎ Ç¥°¡ Á¤È®ÇÏ°Ô °ãÄ¡µµ·Ï ±¸¼ºÇØ ³õ°í ½ºÅ©·Ñ¹Ù°¡ À̵¿ÇÒ ¶§¸¶´Ù ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÏ¿© ½ºÅ©·Ñ¹Ù°¡ À̵¿ÇÑ ÁÂÇ¥¸¸Å­¾¿¸¸ º¹»çº» Ç¥ÀÇ À§Ä¡¸¦ Á¶ÀýÇØÁÖ´Â °ÍÀÌ´Ù. ±×·¯¸é Áö±ÝºÎÅÍ ÀÌ ÀÛ¾÷À» ÇÑ ´Ü°è¾¿ µû¶óÇØº¸µµ·Ï ÇϰڴÙ. ´Ü¼øÇÏ°Ô ½ºÅ©·Ñ¹Ù°¡ Ãß°¡µÈ »óÅ¿¡¼­ºÎÅÍ ´Ù½Ã ½ÃÀÛÇØº¸ÀÚ. Ç¥ÀÇ º»·¡ ¸ð½ÀÀº ´ÙÀ½°ú °°¾ÒÀ¸¸ç, ÀÌ¹Ì ¾Ë°í ÀÖ´Â ¹Ù¿Í °°ÀÌ ÇöÀç »óÅ¿¡¼­´Â ½ºÅ©·Ñ¹Ù¸¦ À§, ¾Æ·¡·Î ¿òÁ÷À̸é ŸÀÌÆ²ÀÌ ¿©Áö¾øÀÌ °¡·ÁÁ®¹ö¸°´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


ÀÌÁ¦ ¿øº» Ç¥ÀÇ Å¸ÀÌÆ² ºÎºÐ¸¸À» º¹»çÇÑ »õ·Î¿î TABLE ű׸¦ Çϳª »ý¼ºÇÏ¿© DIV ű׾ȿ¡ Ãß°¡ÇÑ´Ù. ±×Àú ´Ü¼øÇÏ°Ô TABLE ű׸¦ Çϳª Ãß°¡Çϱ⸸ ÇÑ »óÅÂÀ̹ǷΠ´ÙÀ½°ú °°ÀÌ µÎ °³ÀÇ Å¸ÀÌÆ²ÀÌ Á¸ÀçÇÏ´Â °Íó·³ º¸ÀÏ °ÍÀÌ´Ù. ÀÚ Áö±ÝºÎÅÍ ±â´ëÇϽöó! ÁøÂ¥ Àç¹ÌÀÖ´Â ºÎºÐÀÌ ÀÌÁ¦ º»°ÝÀûÀ¸·Î ½ÃÀ۵ȴÙ.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


¸ÕÀú ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¸¦ ¼³Á¤ÇÏ¿© ŸÀÌÆ² ºÎºÐ¸¸ °¡Áö°í ÀÖ´Â º¹»çº» Ç¥¸¦ ¿øº» Ç¥ÀÇ Å¸ÀÌÆ² ºÎºÐ°ú Á¤È®ÇÏ°Ô °ãÃÄÁöµµ·Ï Á¶Á¤ÇØ¾ß ÇÑ´Ù. ÀÌ ¶§ ¿øº» Ç¥ÀÇ TABLE ÅÂ±×¿Í º¹»çº» Ç¥ÀÇ TABLE ű׸¦ È¥µ¿ÇÏÁö ¾Êµµ·Ï ÁÖÀÇÇϱ⠹ٶõ´Ù. Âü°í·Î º»¹®¿¡¼­´Â ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¿¡ °üÇØ¼­´Â ±×´ÙÁö ±í°Ô ¼³¸íÇÏÁö ¾ÊÀ» °ÍÀ̹ǷΠij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¿¡ ´ëÇÑ ±Ã±ÝÁõµéÀº °ü·Ã ¼­ÀûÀ̳ª ±âŸ ¹®¼­µéÀ» Âü°íÇϱ⠹ٶõ´Ù. ½ÇÁ¦·Î´Â º¹»çº» Ç¥ÀÇ TABLE ű׿¡ ´ÙÀ½°ú °°ÀÌ style ¼Ó¼ºÀ» Ãß°¡ÇÏ°í °ªÀ» ÀûÀýÈ÷ ¼³Á¤ÇØÁÖ¸é µÈ´Ù. ÀÌ ¼³Á¤ÀÌ °¡Áö°í ÀÖ´Â ÀÇ¹Ì´Â ÇØ´ç TABLE ű×ÀÇ ÁÂÇ¥ ü°è¸¦ Àý´ë ÁÂÇ¥·Î ¹Ù²Ù°í Z Ãฦ ¿øº» Ç¥º¸´Ù À§ÂÊÀ¸·Î ¼³Á¤ÇÑ °ÍÀÏ »ÓÀÌ´Ù. ´Ù¸¸ top °ú left ÀÇ ÁÂÇ¥°ªÀ» ¸ðµÎ 0 À¸·Î ¼³Á¤ÇÑ´Ù°í ÇØ¼­ ÇØ´ç űװ¡ ¹«Á¶°Ç Àüü ÆäÀÌÁö»óÀÇ Á»ó´ÜÀ» ±âÁØÀ¸·Î À̵¿µÇ´Â °ÍÀº ¾Æ´Ï¶ó´Â Á¡¿¡ ÁÖÀÇÇϵµ·Ï ÇÑ´Ù.

        <table ... Áß·« ... style="position: absolute; left: 0px; top: 0px; z-index: 10;">
    
Áö±ÝÀÇ ¼³Á¤À¸·Î ÀÎÇØ¼­ ´ÙÀ½°ú °°Àº °á°ú°¡ ¾ò¾îÁø´Ù. °ÑÀ¸·Î º¸±â¿¡´Â ±×Àú ´Ù½Ã ¿ø·¡´ë·Î µ¹¾Æ¿Â °Íó·³ º¸À̰ÚÁö¸¸ »ç½ÇÀº ŸÀÌÆ² ºÎºÐÀÌ µÎ °ãÀ¸·Î °ãÃÄÁ® ÀÖ´Â »óŶó´Â »ç½ÇÀ» ¹Ýµå½Ã ¸í½ÉÇϵµ·Ï ÇÏÀÚ. ½ÃÇè»ï¾Æ ´Ù½Ã ½ºÅ©·Ñ¹Ù¸¦ À§, ¾Æ·¡·Î ¿òÁ÷¿©º¸¸é À̹ø¿¡µµ ŸÀÌÆ²ÀÌ °¡·ÁÁö±â´Â ÇÏÁö¸¸ ½Ç¸ÁÇϱ⿡´Â ¾ÆÁ÷ ³Ê¹« À̸£´Ù. ÇöÀç±îÁö ¿ì¸®´Â ±× ¾î¶°ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ嵵 ÀÛ¼ºÇÏÁö ¾Ê¾Ò´Ù´Â Á¡À» ±â¾ïÇϱ⠹ٶõ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


ÀÌÁ¦ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ »ç¿ëÇϱâ À§ÇÑ id ¼Ó¼ºÀ» ¼³Á¤Çغ¸µµ·Ï ÇÑ´Ù. ¸ÕÀú °¡Àå ¹Ù±ùÂÊ¿¡ À§Ä¡ÇÑ DIV ű׿¡´Â SAMPLE_DIV ¶ó´Â °ªÀ», º¹»çº» Ç¥, Áï ŸÀÌÆ²¸¸ Á¸ÀçÇϴ ǥÀÇ TABLE ű׿¡´Â SAMPLE_TABLE À̶ó´Â °ªÀ» ¼³Á¤ÇÑ´Ù. ¾Æ¸¶ °á°úÀûÀ¸·Î´Â ´ÙÀ½°ú ºñ½ÁÇÑ ÇüÅÂÀÇ Å±װ¡ ±¸¼ºµÉ °ÍÀÌ´Ù.

        <div id="SAMPLE_DIV" style="width: 400px; height: 89px; overflow-y: auto;">
            <table id="SAMPLE_TABLE" ... Áß·« ... >
    
ÀÌÁ¦ °ÅÀÇ ¸ðµç Áغñ°¡ ³¡³­ ¼ÀÀÌ´Ù. ±×Àú Àû´çÇÑ À̺¥Æ® Çîµé·¯¿¡ Àû´çÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¸¦ ÀÛ¼ºÇÏ¿© ¼³Á¤ÇØÁֱ⸸ ÇÏ¸é µÈ´Ù. ÀϹÝÀûÀ¸·Î ÀÚÁÖ »ç¿ëµÇÁö ¾Ê´Â À̺¥Æ® Áß¿¡ onScroll À̶ó´Â À̺¥Æ®°¡ Àִµ¥ À̸§ ±×´ë·Î ½ºÅ©·Ñ¹Ù°¡ À̵¿ÇÒ ¶§¸¶´Ù ¹ß»ýÇÏ´Â À̺¥Æ®ÀÌ´Ù. °á·ÐÀûÀ¸·Î Áö±Ý ¿ì¸®µéÀÇ ¸ñÇ¥¿Í Á¤È®ÇÏ°Ô ºÎÇյǴ À̺¥Æ®ÀÎ ¼ÀÀε¥ onScroll À̺¥Æ®¿¡ °üÇÑ º¸´Ù ÀÚ¼¼ÇÑ Á¤º¸´Â ´ÙÀ½ÀÇ MSDN ¹®¼­¸¦ Âü°íÇϱ⠹ٶõ´Ù.

    http://msdn.microsoft.com/workshop/author/dhtml/reference/events/onscroll.asp

ÀÌÁ¦ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¸¦ Çϳª ÀÛ¼ºÇØ¾ß Çϴµ¥, Á÷Á¢ ÄÚµù¿¡ µé¾î°¡±â Àü¿¡ ¾î¶² ÀÛ¾÷À» ó¸®ÇØ ÁÖ¾î¾ß¸¸ ÇÏ´ÂÁö Àá½Ã »ý°¢Çغ¸µµ·Ï ÇÏÀÚ. ÇöÀç ¹®Á¦ÀÇ ÇÙ½ÉÀº ½ºÅ©·Ñ¹Ù°¡ ¾Æ·¡ÂÊÀ¸·Î x ¸¸Å­ À̵¿À» Çϸé, »ó´ëÀûÀ¸·Î Ç¥´Â -x ¸¸Å­, Áï Àý´ë°ª x ¸¸Å­ À§·Î À̵¿À» ÇÏ°Ô µÈ´Ù´Â Á¡ÀÌ´Ù. µû¶ó¼­ º¹»çº» Ç¥ÀÇ À§Ä¡¸¦ ½ºÅ©·Ñ¹Ù°¡ À̵¿ÇÑ À§Ä¡¿Í ¶È°°ÀÌ x ¸¸Å­ ¾Æ·¡ÂÊÀ¸·Î Á¶Á¤À» ÇØÁÖ¸é ¸¶Ä¡ ŸÀÌÆ²ÀÌ Á¦ÀÚ¸®¿¡ °íÁ¤µÇ¾î ÀÖ´Â °Íó·³ º¸ÀÌ°Ô µÈ´Ù. ÀÌ·¯ÇÑ ÀÛ¾÷À» ó¸®ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö´Â Á¤¸» ±ô¦ ³î¶ö¸¸Å­ ´Ü¼øÇϱ⠱×Áö ¾ø´Ù.

    <script language="JavaScript" type="text/javascript">
    <!--
    function SetScrollPos_Sample(tagDIV)
    {
        var positionTop = 0;
        if (tagDIV != null)
        {
            positionTop = parseInt(tagDIV.scrollTop, 10);
            document.getElementById("SAMPLE_TABLE").style.top = positionTop;
        }
    }
    //-->
    </script>
    
ÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¸¦ Àá±ñ »ìÆìº¸±â·Î ÇÏÀÚ. Ưº°ÇÏ°Ô ³­ÇØÇÑ ºÎºÐÀÌ Á¸ÀçÇÏÁö ¾ÊÀ¸¹Ç·Î ±×´ÙÁö ¾î·ÆÁö ¾Ê°Ô ÀÌÇØ°¡ °¡´ÉÇÒ °ÍÀÌ´Ù. ¸ÕÀú ÀÌ ÇÔ¼ö¿¡´Â tagDIV ¶ó´Â À̸§À¸·Î ÀÎÀÚ°¡ Çϳª ³Ñ¾î¿Â´Ù. tagDIV ´Â DIV ÅÂ±× ÀÚü¿¡ ´ëÇÑ ÂüÁ¶¸¦ °¡Áö°í ÀÖ´Â Object °³Ã¼ º¯¼ö·Î¼­ ³ªÁß¿¡ º¸¸é ¾Ë°ÚÁö¸¸ onScroll À̺¥Æ®¿¡¼­ this Ű¿öµå·Î ³Ñ¾î¿À°Ô µÈ´Ù. ±×¸®°í positionTop À̶ó´Â º¯¼ö¿¡ DIV ű×ÀÇ scrollTop ÇÁ·ÎÆÛƼ°ªÀ» 10 Áø¼ö·Î ÆÄ½ÌÇÑ °ªÀ» ´ã´Âµ¥ ¹Ù·Î ÀÌ °ªÀÌ ½ºÅ©·Ñ¹Ù°¡ ¾Æ·¡·Î À̵¿ÇÑ °Å¸®ÀÌ´Ù. ÀÌ scrollTop ÇÁ·ÎÆÛƼ´Â IHTMLElement2 ÀÎÅÍÆäÀ̽º¿¡ Á¤ÀǵǾî ÀÖÀ¸¸ç ´ÙÀ½ÀÇ ¹®¼­¿¡¼­ º¸´Ù »ó¼¼ÇÑ Á¤º¸¸¦ »ìÆìº¼ ¼ö ÀÖ´Ù.

    http://msdn.microsoft.com/workshop/browser/mshtml/reference/ifaces/element2/scrolltop.asp

°á±¹ ÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö°¡ ó¸®ÇÏ´Â ÀÛ¾÷Àº ½ºÅ©·Ñ¹Ù°¡ À̵¿ÇÑ ¸¸Å­ º¹»çº» Ç¥ÀÇ À§Ä¡¸¦ Á¶ÀýÇØÁÖ´Â °Í »ÓÀÌ´Ù. ±×¸®°í ±× ÄÚµå´Â ¿ì¸®µéÀÌ ¾ðÁ¦³ª ÀÏ»óÀûÀ¸·Î ó¸®ÇÏ´ø ÄÚµå¿Í º°¹Ý ´Ù¸¥Á¡ÀÌ ¾ø´Ù. ¸¶Áö¸·À¸·Î ÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¸¦ Àû´çÇÑ À§Ä¡¿¡ ¼±¾ðÇØÁÖ°í ´ÙÀ½°ú °°ÀÌ DIV ű×ÀÇ onScroll À̺¥Æ® Çîµé·¯¿¡ ÁöÁ¤ÇØÁÖ¸é °ü·ÃµÈ ¸ðµç ÀÛ¾÷µéÀÌ ¸¶¹«¸® µÈ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¿¡ ÀÎÀÚ·Î this ¸¦ ³Ñ±â´Â ºÎºÐ¿¡ ÁÖÀÇÇϱ⠹ٶõ´Ù.

    <div id="SAMPLE_DIV" ... Áß·« ... onScroll="SetScrollPos_Sample(this);">
    
´ÙÀ½ÀÇ Ç¥´Â Áö±Ý±îÁö ÀÛ¾÷ÇÑ °úÁ¤ÀÇ ÃÖÁ¾ °á°ú¹°ÀÌ´Ù. ¿©·¯ºÐµéÀº ¾î¶³Áö ¸ð¸£°ÚÁö¸¸ ÇÊÀÚ °³ÀÎÀûÀ¸·Î´Â ¸Å¿ì ¸¸Á·½º·¯¿î °á°ú¶ó°í ´À²¸Áø´Ù. ±×¸®°í Á¶±Ý¸¸ ´õ ¾ÆÀ̵ð¾îÀÇ ¹üÀ§¸¦ ³ÐÇôº»´Ù¸é ¼¼·ÎÃà¿¡ ´ëÇØ¼­ »Ó¸¸ÀÌ ¾Æ´Ï¶ó °¡·ÎÃà¿¡ ´ëÇØ¼­µµ µ¿ÀÏÇÑ ÀÛ¾÷À» ÇÒ ¼ö ÀÖ´Ù´Â Á¡À» ±ú´Ý°Ô µÉ °ÍÀÌ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


´Ù¸¸ µ¿ÀÏÇÑ ÀÛ¾÷À» °¡·ÎÃà¿¡ ´ëÇØ¼­ ±¸ÇöÇϰíÀÚ ÇÑ´Ù¸é ¸î °¡Áö ºÎºÐ¿¡ À־ ´õ ¸¹Àº °í·Á°¡ ÀÖ¾î¾ß¸¸ ÇÑ´Ù. ¸ÕÀú ´ëºÎºÐÀÇ °æ¿ì Ç¥¿¡ ¸î °³ÀÇ ÇàÀÌ Á¸ÀçÇÏ°Ô µÉÁö ¹Ì¸® ¾Ë ¼ö°¡ ¾ø´Ù´Â Á¡µµ °¨¾ÈÇØ¾ß ÇÑ´Ù. ±×¸®°í °Å±â¿¡¼­ Á¶±Ý¸¸ ´õ ±í°Ô »ý°¢ÇØ º»´Ù¸é °¡Àå ÁÂÃø¿­¿¡ Ãâ·ÂµÇ´Â ½ÇÁ¦ ³»¿ëµéÀÌ ¸Å¹ø ´Þ¶óÁö°Ô µÈ´Ù´Â Á¡À» ¾Ë ¼ö ÀÖÀ» °ÍÀÌ´Ù. µû¶ó¼­ º¹»çº» Ç¥¸¦ ¸¸µå´Â ÀÛ¾÷ÀÌ ´õ ¾î·Á¿öÁö°Ô µÇ´Â °ÍÀº ¹°·ÐÀÌ´Ù. ±×¸®°í ÇÑ °¡Áö ´õ ¤¾îºÁ¸¸ ÇÒ ºÎºÐÀº ÀÌ¿Í °°Àº ±â´ÉµéÀ» ±¸ÇöÇÏ´Â ¹æ¹ý¿¡´Â Áö±Ý ÇÊÀÚ°¡ ¼Ò°³ÇÑ ¹æ¹ý¿Ü¿¡µµ ½Ç·Î ´Ù¾çÇÑ ¹æ¹ýµéÀÌ Á¸ÀçÇÑ´Ù´Â Á¡ÀÌ´Ù. ´ÜÀûÀ¸·Î ¸»Çؼ­ ÇÊÀÚ°¡ Ãß°¡ÀûÀ¸·Î ¾Ë°í ÀÖ´Â ¹æ¹ý¸¸µµ ¹ú½á µÎ °¡Áö Á¤µµÀÇ ´Ù¸¥ ¹æ¹ýµéÀÌ Á¸ÀçÇÑ´Ù. ±×·¯¹Ç·Î ¿©·¯ºÐµéÀÇ »ó»ó·ÂÀ» Á¦ÇÑÇÏÁö ¸»±â ¹Ù¶õ´Ù.


¸¸¾à ÇÊÀÚ°¡ º»¹®À» ¿©±â¿¡¼­ ³¡³»¹ö¸°´Ù¸é ¿©·¯ºÐµéÀº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Àç¹Ì¸¦ ¹ÝÁ¤µµ ¹Û¿¡´Â °æÇèÇØº¸Áö ¸øÇÏ°Ô µÉ °ÍÀÌ´Ù. Á¶±Ý¸¸ ´õ À̾߱⸦ ÁøÇàÇØº¸µµ·Ï ÇÏÀÚ. Áö±Ý±îÁö »ìÆìº» ÀÛ¾÷ ÀÚüµµ ±×¸® ³­ÇØÇÏ´Ù°í´Â Æò°¡Çϱ⠾î·Á¿î °ÍµéÀÌ´Ù. ´Ù¸¸ ´ÜÈ£ÇÏ°Ô ¸»Çؼ­ Á¶±Ý ¹ø°Å·Î¿î ÀÛ¾÷ÀÓÀ» ºÎÁ¤ÇÏÁö´Â ¸øÇÑ´Ù. °Ô´Ù°¡ ÇÑâ ÇÁ·ÎÁ§Æ®°¡ ÁøÇàÁßÀÏ ¶§¶ó¸é µ¿ÀÏÇÑ Äڵ带 ¸î ¹øÀÌ°í ¹Ýº¹Çؾ߸¸ ÇÒ °ÍÀÌ´Ù. Á¤¸» ¿øÄ¡ ¾Ê´Â ÀÛ¾÷ÀÌ´Ù. ±×·¸´Ù¸é ¹º°¡ °³¼±ÀÇ ¿©Áö´Â ¾øÀ»±î? ´ÙÇེ·´°Ôµµ ÀÌ·± Çö½ÇÀ» °³¼±ÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀÌ Á¸ÀçÇÑ´Ù. ±×°Íµµ ¾ÆÁÖ °­·ÂÇÑ ¹æ¹ýÀ¸·Î. ÀÌÁ¦ Áö±Ý±îÁöÀÇ ÀÛ¾÷µéÀ» HTCs (HTML Components) ·Î ±¸ÇöÇØº¸µµ·Ï ÇϰڴÙ. ±×·¯³ª º»¹®¿¡¼­´Â HTCs °¡ ¹«¾ùÀÎÁö, ½ÇÁ¦·Î ¾î¶»°Ô ±¸ÇöÇÏ´Â °ÍÀÎÁö¿Í °°Àº ±Ùº»ÀûÀÎ ºÎºÐµé¿¡ ´ëÇØ¼­´Â ´Ù·çÁö ¾ÊÀ» °ÍÀÌ´Ù. ÀÌ·¯ÇÑ ºÎºÐµé¿¡ ´ëÇØ¼­´Â À̾îÁú ´ÙÀ½ ±Û¿¡¼­ ³íÀÇÇÒ ¿¹Á¤ÀÌ¸ç º»¹®¿¡¼­´Â ÀÏ´Ü ±× °­·ÂÇÔÀ» ´À²¸º¸´Â ÀÏ¿¡¸¸ ÁýÁßÇϵµ·Ï ÇÑ´Ù.

´ÙÀ½ÀÇ Ç¥¸¦ »ìÆìº¸µµ·Ï ÇÏÀÚ. Áö±Ý±îÁö ¼³¸íÇÑ ³»¿ëµéÀÇ °á°ú¿Í Á¶±Ýµµ Ʋ¸®Áö ¾Ê´Ù´Â °ÍÀ» ¾Ë ¼ö ÀÖÀ» °ÍÀÌ´Ù. ±×·¯³ª ³î¶ø°Ôµµ ±× ³»ºÎ°¡ ÀÌÀü±îÁö¿Í´Â ÀüÇô Ʋ¸° ¹æ½ÄÀ¸·Î ±¸ÇöµÇ¾î ÀÖ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


º»¹®ÀÇ ¼Ò½º¸¦ »ìÆìº¸¸é ¾î·ÆÁö ¾Ê°Ô ¾Ë ¼ö ÀÖ°ÚÁö¸¸ ¸í½ÃÀûÀ¸·Î Ãß°¡µÈ DIV ű׵µ Á¸ÀçÇÏÁö ¾ÊÀ»»Ó¸¸ ¾Æ´Ï¶ó º¹»çº» Ç¥¸¦ ±¸¼ºÇÏ´Â TABLE ű׵µ Á¸ÀçÇÏÁö ¾Ê´Â´Ù. ½ÉÁö¾î´Â onScroll À̺¥Æ®¸¦ ó¸®ÇØÁÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼öµµ ã¾Æº¼ ¼ö°¡ ¾øÀ» °ÍÀÌ´Ù. ¹°·Ð ³»ºÎÀûÀ¸·Î´Â ÀÌ·¯ÇÑ ¿ä¼ÒµéÀÌ ¾îµò°¡¿¡ Á¸ÀçÇϰí ÀÖ´Â °ÍÀÌ »ç½ÇÀÌÁö¸¸ ÀÏ´Ü Ç¥¸éÀûÀ¸·Î´Â ´ÙÀ½ÀÇ ÇÑ ¹®ÀåÀÌ Áö±Ý±îÁö ¿ì¸®°¡ ³íÀÇÇØ¿Ô´ø ±× ¸ðµç ÀÛ¾÷µéÀ» Àü´ãÇÏ¿© Àϰý·Î ó¸®ÇØ ¹ö¸®°Ô µÈ´Ù. ³Ê¹«³ªµµ °£´ÜÇØ¼­ Áö±Ý±îÁö ¾ê±âÇØ¿Â ¸¹Àº À̾߱âµéÀÌ ÇãÅ»ÇÏ°Ô ´À²¸Áú Áö°æÀÌ´Ù.

    <table id="HTC_SAMPLE_TABLE" ... Áß·« ... style="behavior:url(TableScroll.htc);">
    
ÀÌ¹Ì ´«Ä¡Ã¤½Å ºÐµéµµ °è½ÇÅ×°í, ¾î¶² ¸é¿¡¼­´Â ´ç¿¬ÇÑ ¾ê±â°ÚÁö¸¸ º»¹®ÀÇ Àü¹ÝºÎ¿¡¼­ ³íÀÇÇß´ø ±× ¸ðµç ÀÛ¾÷µéÀº ¹Ù·Î Àú TableScroll.htc ¶ó´Â ÆÄÀÏÀÇ ³»ºÎ¿¡ ±¸ÇöµÇ¾îÁ® ÀÖ´Ù. ¾î¶²ºÐµéÀº ÀÌ·¸°Ô ¹Ý¹®À» ÇÒ Áöµµ ¸ð¸¥´Ù. "±×·¸´Ù¸é ÀÛ¾÷ºÐ·®ÀÌ ÁÙ¾îµå´Â °ÍÀÌ ¾Æ´ÏÁö ¾ÊÀº°¡? °Ô´Ù°¡ ÀÌ ¹æ½ÄÀ¸·Î´Â ±¸ÇöÀÌ ´õ ¾î·Á¿öÁúÅÙµ¥ ¶Ç Àá±ñµ¿¾È À¯Çàó·³ ¹øÁö´Ù°¡ »ç¶óÁú ±â¼úÀÌ ¾Æ´Ñ°¡?" ÇÊÀÚµµ ±× ÁöÀû¿¡´Â ÀϺΠµ¿ÀǸ¦ ÇÑ´Ù. »ç½Ç HTCs ´Â ÀÎÅÍ³Ý ÀͽºÇ÷η¯ÀÇ ½ºÅ©¸³ÆÃ °³Ã¼µé¿¡ °üÇØ ¾î´À Á¤µµ ÀÌ»óÀÇ Áö½ÄÀ» °®°í ÀÖÁö ¾Ê´Ù¸é È¿°úÀûÀ¸·Î »ç¿ëÇϱⰡ ½±Áö ¾Ê´Ù. ¾ÆÁ÷±îÁö À§ÀÇ »ç·Ê¿¡¼­ »ç¿ëµÈ HTCs ÆÄÀÏÀÇ ¼Ò½º¸¦ º¸¿©µå¸®Áö´Â ¾Ê¾ÒÁö¸¸ ±¸Çö ³»¿ëÀ» »ìÆìº¸¸é ¾à°£ÀÇ Å×Å©´ÐÀ» ÇÊ¿ä·Î Çϰí ÀÖ´Ù´Â »ç½ÇÀ» ¾Ë ¼ö ÀÖÀ» °ÍÀÌ´Ù. °£´ÜÈ÷ ¿¹¸¦ µéÀÚ¸é DIV ű׳ª º¹»çº» TABLE ű׸¦ µ¿ÀûÀ¸·Î »ý¼ºÇÏ¿© ¸ñÀû¿¡ ¾Ë¸Â°Ô Á¶ÇÕÇÏ°í ¼öÁ¤ÇÑ´Ù´ø°¡ ÇÏ´Â µîÀÇ ÀÛ¾÷ÀÌ ±¸ÇöµÇ¾î Àִµ¥ ÃÊ±Þ °³¹ßÀÚ¿¡°Ô´Â ¾à°£ ¹ö°Å¿î ÀÛ¾÷À̶ó°í »ý°¢ÇÑ´Ù. ±×·¯³ª ¹Ù·Î ±×·± ÀÌÀ¯ ¶§¹®¿¡ ÆÀ ´ÜÀ§ ÀÛ¾÷¿¡¼­´Â º¸´Ù ´õ HTCs °¡ ³î¶ó¿î ÈûÀ» ¹ßÈÖÇÏ°Ô µÈ´Ù. Áï Àü¹® ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ ¶Ç´Â ¼±ÀÓÀÚ±ÞÀÇ °³¹ßÀÚ°¡ Àü´ãÇÏ¿© HTCs ¸¦ ÀÛ¼ºÇÏ°í ³ª¸ÓÁö ÆÀ¿øµéÀº ±×³É Àû´çÇÑ ÄɽºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¸¦ ±¸¼ºÇϱ⸸ ÇÏ¸é µÇ¹Ç·Î ÄÚµå Àç»ç¿ëÀÌ ¿ëÀÌÇØÁö°í HTML Äڵ尡 ±ØÀûÀ¸·Î ½ÉÇÃÇØÁö´Â °ÍÀÌ´Ù. ÇÑ °¡Áö. ÀÌ¿Í °°Àº ¾ê±âµéÀ» ¾îµð¿¡¼±°¡ ¸¹ÀÌ µé¾îºÃ´Ù°í ´À²¸ÁöÁö´Â ¾Ê´ÂÁö? ±×·¸´Ù. ¹Ù·Î COM ÄÄÆ÷³ÍÆ®³ª Ŭ·¡½ºÀÇ Àç»ç¿ë¼º¿¡ ´ëÇØ¼­ ¸¹Àº ¼­ÀûµéÀÌ ÀÌ¿Í ºñ½ÁÇÑ ¼³¸íÀ» Çϰí ÀÖ´Ù. °á±¹ HTCs ÀÇ ±âº» ¸ñÀûµµ ±×¿Í µ¿ÀÏÇÏ´Ù°í ¸»ÇÒ ¼ö Àִµ¥, Àç»ç¿ë ±×¸®°í °£°áÇÑ °á°ú¹°°ú ½¬¿î À¯Áöº¸¼ö°¡ ¹Ù·Î ±×°ÍÀÌ´Ù.

´ÙÀ½ÀÇ µÎ ÆÄÀÏÀÌ ¹Ù·Î À§ÀÇ »ç·Ê¿¡¼­ »ç¿ëµÈ HTCs ÆÄÀϵéÀÌ´Ù. µÎ °³ÀÇ ÆÄÀÏÀÌ ³»ºÎÀûÀ¸·Î ¸ðµÎ »ç¿ëµÇ¹Ç·Î ¸ðµÎ ´Ù¿î·Îµå ¹Þ¾Æ¼­ °¢ÀÚ »ìÆìº¸±â ¹Ù¶õ´Ù. Çö½ÇÀûÀ¸·Î °³¼±ÀÇ ¿©Áö°¡ ¸¹Àº ÄÚµåÀ̱ä ÇÏÁö¸¸ HTCs °¡ ´ë·« ¾î¶°ÇÑ ÇüÅ·Π±¸¼ºµÇ´ÂÁö¸¦ »ìÆìº¸±â¿¡´Â ÃæºÐÇÒ °ÍÀ̶ó°í »ý°¢ÇÑ´Ù. Å×À̺íÀÇ ÆøÀ̳ª ³ôÀ̸¦ ÀÎÀÚ·Î Àü´Þ¹Þ¾Æ Àû¿ëÇϰųª ŸÀÌÆ²¿¡ ÇØ´çÇÏ´Â TR ű×ÀÇ °¹¼ö¸¦ °¡º¯ÀûÀ¸·Î ¼³Á¤ÇÏ´Â µîÀÇ ¿©·¯°¡Áö È®ÀåÀ» »ý°¢ÇØ º¼ ¼ö°¡ ÀÖÀ» °ÍÀÌ´Ù. °¢ÀÚ ÀÌ·¯ÇÑ ±â´ÉµéÀ» Á÷Á¢ ±¸ÇöÇØº¸±â ¹Ù¶õ´Ù. ÇÊÀÚ ½º½º·Îµµ ¸¸µé¾î ³õ°í¼­´Â ¸¶À½¿¡ µéÁö ¾Ê¾Æ¼­ Åõ´ú´ë°í ÀÖ´Â ÄÚµåµéÀ̹ǷΠ¸¶À½³õ°í ¿©·¯ºÐµéÀÌ ¿øÇÏ´Â ´ë·Î ¹Ù²ã¹ö·Áµµ ÁÁ´Ù.

    TableScroll.htc (2.27k)AttachScrollEH.htc (0.6k)

ÀÌó·³ ¾÷¹«»ó ¿ä±¸µÇ¾îÁö´Â ƯÁ¤ ÀÛ¾÷À» ó¸®ÇÏ´Â HTCs ÆÄÀÏÀÌ ÀÏ´Ü Çϳª ÀÛ¼ºµÇ°í ³ª¸é ±× ´ÙÀ½ºÎÅÍ´Â ÇØ´ç ±â´ÉÀ» ÇÊ¿ä·Î ÇÏ´Â HTML ű׿¡ ÀûÀýÇÑ Ä³½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¸¦ ¼³Á¤ÇØÁֱ⸸ ÇÏ¸é ¶È°°Àº Äڵ带 ¿©·¯Â÷·Ê ¹Ýº¹ÇÒ ÇÊ¿ä¾øÀÌ ¸ðµç ÀÛ¾÷ÀÌ Á¾°áµÈ´Ù. µû¶ó¼­ HTCs ÆÄÀÏ¿¡ ÀÚ¹Ù½ºÅ©¸³Æ®·Î ±¸ÇöµÇ¾îÁø ÇÁ·Î±×·¥ÀÇ ¿Ï¼ºµµ°¡ ³ôÀ¸¸é ³ôÀ»¼ö·Ï ´Ù¾çÇÑ ÆÐÅÏ¿¡ ´ëÀÀÀÌ °¡´ÉÇØÁö¸ç, ÇØ´ç HTCs ÆÄÀÏ Çϳª¸¸ ¼öÁ¤ÇÏ¸é ±× °á°ú°¡ ¸ðµç ºÎºÐ¿¡ ¹Ý¿µµÇ¾îÁø´Ù. °Ô´Ù°¡ ¸î ¹øÀÌ°í ¹Ýº¹ÇÏ¿© »ç¿ëÇÒ ¼ö ÀÖ´Ù. ¸¶Ä¡ ´ÙÀ½°ú °°ÀÌ ¸»ÀÌ´Ù.


 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1   B1   C1   D1   E1 
 A2   B2   C2   D2   E2 
 A3   B3   C3   D3   E3 
 A4   B4   C4   D4   E4 
 A5   B5   C5   D5   E5 
 A6   B6   C6   D6   E6 
 A7   B7   C7   D7   E7 


 Column 1   Column 2   Column 3   Column 4 
 A1   B1   C1   D1 
 A2   B2   C2   D2 
 A3   B3   C3   D3 
 A4   B4   C4   D4 
 A5   B5   C5   D5 
 A6   B6   C6   D6 
 A7   B7   C7   D7 


 Column 1   Column 2   Column 3   Column 4   Column 5 
 A1 + A2   B1   C1   D1   E1 
 B2   C2   D2   E2 
 A3 + A4   B3   C3   D3   E3 
 B4   C4   D4   E4 
 A5 + A6   B5   C5   D5   E5 
 B6   C6   D6   E6 


±×·¸Áö¸¸ ¸Å¿ì ¾ÈŸ±õ°Ôµµ HTCs °¡ ¸ðµç À¥ ºê¶ó¿ìÀú¿¡¼­ µ¿ÀÛÇÏ´Â °ÍÀº ¾Æ´Ï¹Ç·Î ±× µµÀÔ ¿©ºÎ´Â ½ÅÁßÇÏ°Ô °áÁ¤µÇ¾î¾ß¸¸ ÇÑ´Ù. ¹«¾ùº¸´Ùµµ HTCs ´Â ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 5.5 ¿¡¼­ óÀ½ µµÀÔµÈ ±â¼úÀÌ´Ù. µû¶ó¼­ °°Àº ÀÎÅÍ³Ý ÀͽºÇ÷η¯¶ó°í ÇÏ´õ¶óµµ ±× ÀÌÀüÀÇ ¹öÀü¿¡¼­´Â »ç¿ëÀÌ ºÒ°¡´ÉÇÏ´Ù. ±×·¯³ª ±â¾÷ü ³»ºÎ¿¡¼­¿Í °°ÀÌ ÀÓÀÇÀÇ Á¦ÇÑµÈ ±¸¼º¿øµé¿¡°Ô¸¸ ¼­ºñ½º¸¦ Á¦°øÇÏ´Â À¥ ±â¹ÝÀÇ ½Ã½ºÅ۵鿡¼­¶ó¸é »ó´çÈ÷ ¸Å·ÂÀûÀÎ ¸ð½ÀÀ¸·Î ´Ù°¡¿Ã ¼ö ÀÖÀ» °ÍÀÌ´Ù. ±×¸®°í HTCs °¡ ¾ÆÁ÷±îÁö´Â ±×´ÙÁö ³Î¸® ¾Ë·ÁÁöÁö´Â ¾ÊÀº ±â¼úÀ̾ óÀ½ Á¢ÇÏ´Â °³¹ßÀÚµéÀÌ Âü°íÇÒ ¸¸ÇÑ »ç·Ê³ª ·¹ÆÛ·±½º°¡ ¸¹ÀÌ ºÎÁ·ÇÑ ÆíÀ̶ó´Â Á¡µµ ¾Æ½±´Ù. ÇÊÀÚÀÇ °æ¿ì HTCs ¸¦ óÀ½ Á¢ÇÏ°Ô µÈ °è±â°¡ ¹Ù·Î Å¿À´ÔÀÇ Äڵ带 ÅëÇØ¼­¿´´Âµ¥ °³ÀÎÀûÀ¸·Î ±× ÆíÀǼº¿¡ ³î¶ó¼­ °¨ÅºÀ» Çß´ø ±â¾ïÀ» °¡Áö°í ÀÖ´Ù. ¾î·°Å³ª ´öºÐ¿¡ ÇÊÀÚ´Â °íǰÁúÀÇ ÄÚµå »ùÇÃÀ» Á÷Á¢ ´«À¸·Î »ìÆìº¸¸é¼­ õõÈ÷ HTCs ¸¦ °ËÅäÇØº¼ ¼ö ÀÖ´Â ÀÏÁ¾ÀÇ Çà¿î°ú °°Àº ±âȸ¸¦ ´©·ÁºÃ´Ù°í³ª ÇÒ±î.


±×·¯³ª ÇÊÀÚÀÇ ÀÌ·± ºó¾àÇÑ ¼³¸íµé¸¸À¸·Î´Â ¿©·¯ºÐµé¿¡°Ô HTCs ¿¡ ´ëÇÑ °­·ÄÇÑ ÀλóÀ» ½É¾îÁֱ⿡´Â ¸¹ÀÌ ºÎÁ·ÇÏ´Ù°í ´À²¸Áø´Ù. ±×·¡¼­ ½Ç¹«¿¡ HTCs °¡ »ç¿ëµÈ »ç·Ê¸¦ ¸î °¡Áö ¼Ò°³Çϵµ·Ï ÇϰڴÙ. ±× ù ¹øÂ° »ç·Ê´Â ¾à°£ ³î¶ó½ÇÁöµµ ¸ð¸£°ÚÁö¸¸ MSDN ¶óÀ̺귯¸®, ¹Ù·Î ±× ÀÚü´Ù. ¿µ¹® MSDN ¶óÀ̺귯¸®¿¡ Á¢¼ÓÇØº¸¸é ÀÌÁ¦´Â ¸¹ÀÌ Ä£¼÷ÇØÁø ÁÂÃøÀÇ Æ®¸®ºä¸¦ º¼ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ³î¶ø°Ôµµ ÀÌ Æ®¸®ºä Àüü°¡ ¹Ù·Î HTCs ÀÌ´Ù. Æ®¸®ºä¸¦ ´ã°í ÀÖ´Â ÇÁ·¹ÀÓ¿¡¼­ ¼Ò½º º¸±â¸¦ ÇØº¸¸é ½ä··ÇÒ Á¤µµ·Î ÇãÀüÇÑ HTML ¼Ò½º¸¦ º¼ ¼ö Àִµ¥ ±×Àú ´ÙÀ½°ú °°Àº °£´ÜÇϱ⠱×Áö¾ø´Â ³× ÁÙÀÇ Å±װ¡ BODY ű×ÀÇ ³»ºÎ¿¡ Á¸ÀçÇϴ ű׵éÀÇ ÀüºÎ´Ù. ±× °á°ú¹°ÀÇ ´ë´ÜÇÔ°ú ºñ±³ÇØ º¼ ¶§ ¸» ±×´ë·Î ÇãÅ»ÇÒ Áö°æÀÌ´Ù.

    <nobr>
    <div id="deeptree" class="deeptree" CfgXMLSrc="/library/deeptreeconfig.xml">
    </div>
    </nobr>
    
±×·±µ¥ À졧 ÀÌ HTML ¼Ò½º¿¡¼­´Â ±× ¾îµð¿¡¼­µµ HTCs ¿Í °ü·ÃµÈ ´Ü¾î³ª ¹®Àå °°Àº °ÍÀ» ã¾Æ º¼ ¼ö°¡ ¾ø´Â °Í °°´Ù. ÇÏÁö¸¸ °¡¸¸È÷ »ìÆìº»´Ù¸é DIV ű×ÀÇ class ¼Ó¼ºÀÌ deeptree ¶ó´Â °ªÀ¸·Î ¼³Á¤µÇ¾î ÀÖ´Ù´Â »ç½ÇÀ» ¹ß°ßÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ±×·¸´Ù. ¹Ù·Î ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®¸¦ »ç¿ëÇÏ¿© HTCs ¸¦ ¼³Á¤Çϰí ÀÖ´Â °ÍÀÌ´Ù. µ¿ÀÏ ÆäÀÌÁöÀÇ LINK ű׸¦ ÃßÀûÇÏ¿© ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ® ÆÄÀÏÀ» ´Ù¿î·Îµå ¹Þ¾Æ¼­ ±× ³»¿ëÀ» ¿­¾îº¸¸é ´ÙÀ½°ú °°Àº ½ºÅ¸ÀÏ Á¤ÀǸ¦ È®ÀÎÇÒ ¼ö ÀÖ´Ù.

    .deeptree
    {
        padding:4px 5px;
        behavior:url(/library/shared/deeptree/htc/deeptree.htc);
    }
    
±×·¸´Ù. °á·ÐÀûÀ¸·Î ¸»Çؼ­ MSDN ¶óÀ̺귯¸®ÀÇ ÁÂÃø Æ®¸®ºä´Â ±× Àüü°¡ HTCs ·Î ±¸¼ºµÈ °ÍÀÌ´Ù. ÀÌ HTCs ÆÄÀÏÀ» ´Ù¿î·ÎµåÇØ¼­ ¼Ò½º¸¦ »ìÆìº¸¸é ³»ºÎÀûÀ¸·Î Microsoft.XMLDOM °ú MSXML2.XMLHTTP ¸¦ »ç¿ëÇÏ¿© ÄÚµåÀÇ Áß¿äÇÑ ºÎºÐµéÀ» ±¸ÇöÇϰí ÀÖ´Ù´Â »ç½ÇÀ» È®ÀÎÇÒ ¼ö ÀÖ´Ù. ÀÌó·³ ÇÏ·ç¿¡µµ ¼ö ¸¹Àº °³¹ßÀÚµéÀÌ ºó¹øÇÏ°Ô ¹æ¹®ÇÏ´Â MSDN ¶óÀ̺귯¸®¿¡¼­ ±× ÇÙ½É ºÎºÐ¿¡ HTCs ¸¦ »ç¿ëÇϰí ÀÖ´Ù´Â »ç½ÇÀº ¿©·¯ºÐµéÀÌ HTCs ¸¦ ¼±ÅÃÇϰíÀÚ °á½ÉÀ» ÇÏ·Á°í ÇÒ ¶§ Áß¿äÇÑ ÆÇ´Ü ±âÁØÀÌ µÇ¸®¶ó°í ¹Ï´Â´Ù. ¶Ç ´Ù¸¥ »ç·Ê¸¦ »ìÆìº¸µµ·Ï ÇÏÀÚ.


°³ÀÎÀûÀ¸·Î ÇÊÀÚ°¡ »ý°¢ÇÏ´Â, HTCs ÀÇ ±â´ÉÀ» ±×¾ß¸»·Î ±Ø´ëÈ­½Ãų ¼ö ÀÖ´Â ¶Ç ÇϳªÀÇ ¿ëµµ´Â ASP.NET »ç¿ëÀÚ Á¤ÀÇ ¼­¹ö ÄÁÆ®·Ñ, ¶Ç´Â »ç¿ëÀÚ ÁöÁ¤ ¼­¹ö ÄÁÆ®·ÑÀ» ÀÛ¼ºÇÏ´Â °æ¿ìÀÌ´Ù. ÇÑÆíÀ¸·Î »ý°¢Çغ¸¸é ³Ê¹«³ªµµ ´ç¿¬ÇÑ °ÍÀÌ ASP.NET ¼­¹ö ÄÁÆ®·ÑÀÌ ¾Æ¹«¸® Àß ÀÛ¼ºµÇ¾ú´Ù°í ÇÏ´õ¶óµµ À¥ ºê¶ó¿ìÀú´Ü¿¡¼­ º¸´Ù ´ÙÀ̳ª¹ÍÇÏ°Ô ½ÇÇàµÇ±â À§Çؼ­´Â °á±¹ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ尡 °³ÀԵǾî¾ß ÇÑ´Ù. ±×·±µ¥ ¹®Á¦´Â ±âÁ¸ÀÇ .js ÆÄÀϸ¸À¸·Î´Â ¹èÆ÷¿Í ±× Àû¿ë¿¡ À־, ¿¹¸¦ µéÀÚ¸é À̺¥Æ® Çîµé·¯¸¦ ¼³Á¤ÇØÁÖ´Â ºÎºÐ°ú °°Àº ¸é¿¡¼­´Â ¾à°£ÀÇ ¾Æ½¬¿òÀÌ ³²´Â´Ù´Â Á¡ÀÌ´Ù. ¹°·Ð ÀÌ ºÎºÐÀº ¾î´À Á¤µµ °³ÀÎÀÇ ¼ºÇâÀÌ ¹Ý¿µµÉ ¼ö ÀÖ´Â ºÎºÐÀ̶ó´Â Á¡¿¡´Â µ¿ÀÇÇÑ´Ù. °Ô´Ù°¡ ÀÎÅÍ³Ý ÀͽºÇ÷η¯ÀÇ ÇÏÀ§ ¹öÀü°ú ´Ù¸¥ À¥ ºê¶ó¿ìÀú¸¦ °¨¾ÈÇÏ´Â °æ¿ì¿¡´Â HTCs °¡ ±×´ÙÁö ÁÁÀº ¼±ÅÃÀÌ ¾Æ´Ï¶ó´Â Á¡µµ ¸íÈ®ÇÏ°Ô Â¤°í ³Ñ¾î°¡±â·Î ÇϰڴÙ. ±×·¯³ª Áö±Ý º»¹®ÀÇ ÁÖÁ¦´Â HTCs ÀÇ È°¿ë »ç·Ê¸¦ ¼Ò°³ÇÏ´Â °ÍÀ̹ǷΠÇö½ÇÀûÀÎ ÀÌ ¹®Á¦¿¡ ´ëÇÑ °áÁ¤Àº ¿©·¯ºÐµé °¢ÀÚ¿¡°Ô ³Ñ±â±â·Î ÇÑ´Ù.

ÀÌ¹Ì ¾Ë°í °è½Ã´Â ºÐµéµµ ¸¹ÀÌ °è½Ã°ÚÁö¸¸ MSDN ¿¡¼­ ¹«·á·Î ¼Ò½º Äڵ带 ´Ù¿î·Îµå¸¦ ¹Þ¾Æ ÄÄÆÄÀÏÇÏ¿© »ç¿ëÀÌ °¡´ÉÇÑ ASP.NET ¼­¹ö ÄÁÆ®·Ñ Áß¿¡ Microsoft¢ç Internet Explorer WebControls ¶ó´Â °ÍÀÌ ÀÖ´Ù. ÀÌ ÄÁÆ®·ÑµéÀÌ Á¦°øµÈÁö´Â »ó´çÈ÷ ¿À·¡µÆ´Âµ¥ .NET ÇÁ·¹ÀÓ¿öÅ© 1.0 À» ±âÁØÀ¸·Î ÀÛ¼ºµÈ ÄÁÆ®·ÑµéÀ̱ä ÇÏÁö¸¸ »ç¿ë¿¡ ±×´ÙÁö ¹®Á¦°¡ ¾ø°í ²Ï³ª À¯¿ëÇÑ ±â´ÉµéÀ» Á¦°øÇϱ⠶§¹®¿¡ ½Ç¹«¿¡¼­µµ Á¾Á¾ »ç¿ëµÇ´Â °ÍÀ¸·Î ¾Ë°í ÀÖ´Ù. ¿¹¸¦ µé¾îº»´Ù¸é ÅÇ ±â´ÉÀ» ±¸ÇöÇØÁÖ´Â TabStrip ÄÁÆ®·ÑÀ̶óµç°¡ TreeView ÄÁÆ®·Ñ °°Àº Àç¹ÌÀÖ´Â ÄÁÆ®·ÑµéÀÌ Á¦°øµÇ´Âµ¥ ´ÙÀ½ÀÇ URL ¿¡¼­ ´Ù¿î·Îµå ¹ÞÀ» ¼ö ÀÖÀ¸¹Ç·Î Âü°íÇϱ⠹ٶõ´Ù.

    http://msdn.microsoft.com/archive/en-us/samples/internet/asp_dot_net_servercontrols/webcontrols/default.asp

´Ù¿î·Îµå ¹ÞÀº ÆÄÀÏÀ» ¼³Ä¡ÇÏ¸é ¹Ù·Î ÄÁÆ®·ÑµéÀÌ ¼³Ä¡°¡ µÇ´Â °ÍÀÌ ¾Æ´Ï¶ó ¼Ò½º ÄÚµåµéÀÌ ¼³Ä¡µÇ´Âµ¥ ÄÁÆ®·ÑµéÀ» »ç¿ëÇϱâ À§Çؼ­´Â ¸ÕÀú ¸Þ´º¾ó¿¡ µû¶ó¼­ ÀÌ ¼Ò½º ÄÚµåµéÀ» ÄÄÆÄÀÏÇÏ°í ¸î °¡Áö ¼³Á¤À» ÇØÁà¾ß¸¸ ÇÑ´Ù. ±×·¯³ª Áö±Ý ¿ì¸®µéÀº ÄÁÆ®·Ñ ÀÚü¿¡ °ü½ÉÀ» ±â¿ïÀ̱⠺¸´Ù´Â ASP.NET ¼­¹ö ÄÁÆ®·Ñ¿¡¼­ÀÇ HTCs Àû¿ë ½Ç·Ê¸¦ »ìÆìºÁ¾ß¸¸ ÇϹǷΠ¼Ò½º ÄÚµåµéÀÌ ¾î¶»°Ô ±¸¼ºµÇ¾î ÀÖ´ÂÁö¸¸ »ìÆìº¸±â·Î ÇÏÀÚ. ±âº»°ªÀ¸·Î ÇØ´ç ÆÄÀϵéÀº C:\Program Files\IE Web Controls Æú´õ¿¡ ¼³Ä¡µÈ´Ù. ±×¸®°í ±× ÇÏÀ§¸¦ »ìÆìº¸¸é ¹Ù·Î \src\Runtime Æú´õ¿¡ ¸î °³ÀÇ HTCs ÆÄÀϵéÀÌ Á¸ÀçÇÏ´Â °ÍÀ» º¼ ¼ö ÀÖ´Ù. ±× Áß¿¡ ÆÄÀÏ Å©±â°¡ °¡Àå Å« treeview.htc ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå´Â ¾à 4,000 ¶óÀο¡ ´ÞÇÑ´Ù. ±×¾ß¸»·Î ¾î¸¶¾î¸¶ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµù·®¿¡ ¸ÕÀú ³î¶ó°Ô µÇ°í ½ÇÁ¦·Î ¹®Á¦¾øÀÌ ¸ðµç ±â´ÉµéÀÌ ÀÛµ¿ÇÏ´Â °ÍÀ» Á÷Á¢ º¸°ÔµÇ¸é ¶Ç Çѹø ³î¶ó°Ô µÈ´Ù. ±×¸®°í Áß¿äÇÑ Á¡Àº .js ÆÄÀÏÀº °ü·ÃµÈ Æú´õ ±× ¾îµð¿¡µµ, ´Ü Çϳªµµ Á¸ÀçÇÏÁö ¾Ê´Â´Ù´Â »ç½ÇÀÌ´Ù. ÀÌó·³ HTCs ´Â ASP.NET ¼­¹ö ÄÁÆ®·ÑÀÇ Å¬¶óÀ̾ðÆ®Ãø ±â´ÉÀ» È¿°úÀûÀ¸·Î ±¸ÇöÇϱâ À§ÇØ ¼±ÅÃÇÒ ¼ö ÀÖ´Â ¶Ç ÇϳªÀÇ ÀûÀýÇÑ Àå¼Ò´Ù.


ÀÌÁ¦ ¸¶Áö¸·À¸·Î ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¿¡¼­ Á¦½ÃÇϰí ÀÖ´Â ¼ö ¸¹Àº HTCs °ü·Ã »ùµéµé Áß¿¡¼­ Èï¹Ì·Î¿î ¸î °¡Áö °ÍµéÀ» »ìÆìº¸µµ·Ï ÇÏÀÚ. ¾Æ¸¶ »ó´çÈ÷ Àç¹ÌÀֱ⵵ ÇÏ°í ¶Ç ÇÑÆíÀ¸·Î´Â ³î¶ø±âµµ ÇÒ °ÍÀÌ´Ù. ±×¸®°í ¶Ç ÇÑ °¡Áö ÁÖÀÇÇØ¼­ »ìÆìºÁ¾ß µÉ ºÎºÐÀº ÇØ´ç °ü·Ã »ùÇõéÀÌ ¸±¸®ÁîµÈ ³¯Â¥µéÀÌ´Ù. °ú¿¬ ¿ì¸® ±¹³» À¥ °³¹ßÀÚµéÀÌ ¾ó¸¶¸¸Å­À̳ª ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®ÀÇ Æ®·»µå¸¦ µû¶ó°¡°í ÀÖ´ÂÁö, ȤÀº ±×·¸Áö ¸øÇÑÁö ½º½º·Î »ý°¢Çغ¸´Â ½Ã°£ÀÌ µÉ °ÍÀÌ´Ù. ´ÙÀ½Àº Dave Massy ¶ó´Â ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®ÀÇ ¿¡¹ÝÁ©¸®½ºÆ®°¡ 2001 ³â 07 ¿ù 24 ÀÏ, DHTML Dude ¶ó´Â Ä÷³¿¡ ±â°íÇÑ ³»¿ëÀÌ´Ù. ÇÊÀڴ óÀ½ ÀÌ ¹®¼­¸¦ º¸¾ÒÀ» ¶§ ±× Ãæ°ÝÀ» ¸»·Î ´Ù ¼³¸íÇÒ ¼ö°¡ ¾øÀ» Á¤µµ¿´´Ù.

    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dndude/html/dude07232001.asp

¸ðµÎ ¼¼ °¡ÁöÀÇ °£´ÜÇÑ HTCs ÇÁ·Î±×·¥À» ¼Ò°³Çϰí Àִµ¥, ±× Áß Ã¹ ¹øÂ°´Â Highlighter ·Î¼­ ¸¶¿ì½º Ä¿¼­ÀÇ À̵¿¿¡ µû¶ó TABLE ű×ÀÇ ¿­, Áï TR ű׵éÀÇ »ö»óÀÌ ¹ÝÀüµÈ´Ù. ¶ÇÇÑ ¸¶¿ì½º·Î ƯÁ¤¿­À» Ŭ¸¯ÇÏ¸é ±× ¿­ÀÌ ¼±ÅõǸ鼭 ¿ª½Ã ƯÁ¤ »ö»óÀ¸·Î ¹ÝÀüÀÌ µÈ´Ù. ¹°·Ð ÀÌ Á¤µµ ¼öÁØÀÇ ±â´ÉÀº ÀϹÝÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ±â¼ú¸¸À¸·Îµµ ¹«³­ÇÏ°Ô ±¸ÇöÀÌ °¡´ÉÇÑ Á¤µµ¿¡ ºÒ°úÇÏ´Ù. ±×·¯³ª ÇÊÀÚ°¡ ´Ù½Ã ÇÑ ¹ø °­Á¶ÇÏ°í ½ÍÀº °ÍÀº ±× Àû¿ëÀÌ ¸Å¿ì °£´ÜÇϰí ÇÁ·ÎÁ§Æ® ´ÜÀ§ÀÇ °³¹ßÆÀ¿¡¼­ ÆÀ Àü¿øÀ¸·ÎºÎÅÍ ºñ±³Àû µ¿ÀÏÇÑ ¼öÁØÀÇ Ä÷¸®Æ¼¸¦ º°´Ù¸¥ ³ë·Â ¾øÀ̵µ º¸Àå¹ÞÀ» ¼ö ÀÖ´Ù´Â Á¡ÀÌ´Ù. ¾Æ¹«Æ° Highlighter ÀÇ ½ÇÁ¦ µ¿ÀÛÀ» È®ÀÎÇØº¸·Á¸é ´ÙÀ½ÀÇ ¸µÅ©¸¦ Ŭ¸¯Çغ¸±â ¹Ù¶õ´Ù. ±×¸®°í ÀÌ HTCs ¿Í °ü·ÃµÈ ÀúÀÛ±Ç ¹× ±âŸ ±Ç¸®´Â ¸ðµÎ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®»ç¿¡ ÀÖÀ¸¸ç ´ÜÁö ÇÊÀÚ´Â ³íÀÇ»ó ÆíÀǸ¦ À§ÇÏ¿© ¸µÅ©¸¸À» Á¦°øÇÏ´Â °ÍÀ̶ó´Â »ç½ÇÀ» ´Ù½Ã ÇÑ ¹ø ¸í½ÃÇϰíÀÚ ÇÑ´Ù.

    MSDN Sample Page : Highlighter

ÀÌ Á¤µµ´Â ±×Àú °£´ÜÇÑ ¸öÇ®±â¿¡ Áö³ªÁö ¾Ê´Â´Ù. µÎ ¹øÂ° HTCs ´Â ¹Ù·Î Sorter ¶ó´Â °ÍÀε¥, ±× Àû¿ë °á°ú·Î¼­ ¾î¶°ÇÑ Æ÷½ºÆ®¹éÀ̳ª ¼­ºê¹Ôµµ ÀϾÁö ¾ÊÁö¸¸ TABLE ű×ÀÇ ³»¿ëµéÀÌ ¼±ÅÃÇÑ Ä÷³, Áï TD ű׸¦ ±âÁØÀ¸·Î ½Ç½Ã°£ Á¤·ÄµÈ´Ù! ±×¸®°í ¿©±â¼­ ´Ù½Ã ÇÑ ¹ø °­Á¶ÇÏÁö¸¸ ÀÌ HTCs µéÀº 2001 ³âµµ¿¡ ÀÛ¼ºµÈ °ÍÀ̶ó´Â Á¡À» °¨¾ÈÇÏ°í ³»¿ëµéÀ» »ìÆìº¸±â ¹Ù¶õ´Ù. ÀÌ·± Á¡À» °í·ÁÇØº»´Ù¸é ±×¾ß¸»·Î ³î¶ø±â¸¸ ÇÏ´Ù´Â °ÍÀÌ »ç½Ç ¼ÖÁ÷ÇÑ ÇÊÀÚÀÇ ½ÉÁ¤ÀÌ´Ù. »ùÇà ÆäÀÌÁö¸¦ ¿­¾î¼­ ¸¶¿ì½º·Î TABLE ű×ÀÇ Çì´õµéÀ» Ŭ¸¯Çغ¸±â ¹Ù¶õ´Ù.

    MSDN Sample Page : Sorter

¸¶Áö¸· ¼¼ ¹øÂ° HTCs ´Â ´õ ³î¶ø´Ù. ¹Ù·Î Drag ¶ó´Â °ÍÀε¥, ±× À̸§ ±×´ë·Î TABLE ű×ÀÇ Çì´õ Ä÷³µéÀ» µå·¡±× & µå·ÓÇÏ¿© Ä÷³µéÀÇ ¼ø¼­¸¦ ÀçÁöÁ¤ ÇÒ ¼ö ÀÖ´Ù. ÀÌ Á¤µµ¶ó¸é ¾à°£ÀÇ ±â´ÉµéÀ» Ãß°¡ÇÏ´Â °Í¸¸À¸·Îµµ ÀÏ¹Ý À©µµ¿ìÁî ÀÀ¿ë ÇÁ·Î±×·¥ÀÇ ±×¸®µå ÄÁÆ®·Ñ°ú ºñ½ÁÇÑ ¼öÁØÀ¸·Î±îÁö Ä÷¸®Æ¼¸¦ ²ø¾î¿Ã¸®´Â °Íµµ ºÒ°¡´ÉÇÏÁö´Â ¾ÊÀ» °Í °°´Ù. ³Ê¹« °ú´ëÆò°¡ÇÏ´Â °ÍÀÌ ¾Æ´Ï³Ä°í ¹Ý¹®ÇÒÁöµµ ¸ð¸£°ÚÁö¸¸ ¸¶Áö¸· »ùÇÃÀ» º¸°í³ª¸é ´ëºÎºÐÀÇ ºÐµéÀÌ ÇÊÀÚÀÇ »ý°¢¿¡ ¾î´À Á¤µµ±îÁö´Â µ¿ÀÇÇϽø®¶ó°í ¹Ï´Â´Ù.

    MSDN Sample Page : Drag

°¡Àå ³î¶ó¿î ¸¶Áö¸· »ùÇÿ¡¼­´Â Áö±Ý±îÁö ¼³¸íÇÑ ¼¼ °³ÀÇ HTCs ¸¦ µ¿½Ã¿¡ Àû¿ëÇϰí ÀÖ´Ù. °Ô´Ù°¡ ±× ¹æ¹ýµµ ´Ü¼øÇϱⰡ ±×Áö¾ø´Ù. ±×Àú ¾Õ¿¡¼­ »ìÆìº» ¼¼ °¡Áö HTCs ¸¦ µ¿½Ã¿¡ ¼³Á¤ÇÏ´Â °Í¸¸À¸·Îµµ ¸ðµç ÀÛ¾÷ÀÌ ¸¶¹«¸® µÇ¾îÁø´Ù. Áï ´ÙÀ½°ú °°Àº ÄɽºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ® ¼³Á¤¸¸À¸·Î ÀÏ¹Ý °³¹ßÀÚ´Â ¸ðµç ÀÛ¾÷ÀÌ ³¡³ª´Â °ÍÀÌ´Ù.

    <table ... Áß·« ... style="behavior:url(dragdrop.htc) url(tablehl.htc) url(sort.htc);">
    
ÀÌ·±Àú·± ¼³¸íº¸´Ù´Â ¿ª½Ã Á÷Á¢ ´«À¸·Î »ìÆìº¸´Â ÆíÀÌ ÀÌÇØ°¡ ´õ ºü¸¦ °ÍÀÌ´Ù. ´ÙÀ½ÀÇ ¸µÅ©¸¦ »ìÆìº¸±â ¹Ù¶õ´Ù. HTCs ÀÇ °­·ÂÇÔÀ» ÇǺηΠ´À³¥ ¼ö ÀÖÀ» °ÍÀÌ´Ù.

    MSDN Sample Page : Together

¹°·Ð ÀÌ ¼¼ °¡ÁöÀÇ HTCs ¸¦ ÇϳªÀÇ HTCs ·Î ±¸ÇöÇÒ ¼öµµ ÀÖÀ¸¸ç ½ÇÁ¦·Î ÇØ´ç ¹®¼­ÀÇ ¸Ç ¸¶Áö¸· ºÎºÐ¿¡¼­´Â ±×·¸°Ô ±¸ÇöÇÑ »ùÇÃÀ» Á¦½ÃÇϰí ÀÖ´Ù. ±×·¯³ª ÇÊÀÚ°¡ °­Á¶ÇϰíÀÚ ÇÏ´Â ÁøÂ¥ Áß¿äÇÑ Á¡Àº ÀÌ·± ±â´Éµé ÀÚü°¡ ¾Æ´Ï¶ó´Â °ÍÀ» ÀÌÇØÇϱ⠹ٶõ´Ù. ÀÌ·¸°Ô HTCs ·Î ±¸ÇöÀÌ °¡´ÉÇÏ´Ù´Â ¾ê±â´Â ÀϹÝÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ常À¸·Îµµ ¾ó¸¶µçÁö µ¿ÀÏÇÑ ±â´ÉÀÇ ±¸ÇöÀÌ °¡´ÉÇÏ´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù. ±×·³¿¡µµ ºÒ±¸Çϰí HTCs ´Â À̺¥Æ® Çîµé·¯ ¼³Á¤ ºÎºÐ°ú Àç»ç¿ë¼º¸é¿¡¼­ ÀϹÝÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÑ ±¸Çöº¸´Ù ¿ùµîÈ÷ ¶Ù¾î³ª±â ¶§¹®¿¡ ºñ·Î¼Ò ±× °¡Ä¡°¡ µ¸º¸ÀÌ°Ô µÈ´Ù´Â °ÍÀÌ´Ù. ¸¸¾à À§ÀÇ ¼¼ HTCs ¸¦ ÀϹÝÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå·Î ±¸ÇöÇß´Ù¸é ÀÛ¾÷ÀÇ ´ë»óÀÌ µÇ´Â TABLE ű׿¡´Â ²Ï³ª ¸¹Àº ¾çÀÇ À̺¥Æ® Çîµé·¯°¡ ÁöÁ¤µÇ¾úÀ» °ÍÀÌ´Ù. ¶ÇÇÑ Áß±¸³­¹æ½ÄÀ¸·Î ¿©±âÀú±â¿¡ Äڵ尡 ³Î·ÁÀÖÀ» ÅÍÀ̱⠶§¹®¿¡ ÇÁ·ÎÁ§Æ® ÆÀ¿ø °³°³ÀÎÀÇ ½ºÅ³¿¡ µû¶ó¼­ ¸Å¹ø »ó´çÇÑ Ä÷¸®Æ¼»óÀÇ Â÷À̰¡ ³ªÅ¸³ª°Ô µÈ´Ù. ±×·¯³ª ¾Õ¿¡¼­ º» °Íó·³ HTCs ¸¦ »ç¿ëÇ߱⠶§¹®¿¡ style ¼Ó¼º¿¡ ¾à°£ÀÇ ¼³Á¤À» ÇØÁÖ´Â °Í¸¸À¸·Îµµ ¸ðµç ÀÛ¾÷ÀÌ ³¡³ª°Ô µÇ°í °á°úÀûÀ¸·Î ´©°¡ ÀÛ¾÷À» ÇÏ´øÁö ÆíÂ÷¾ø´Â µ¿ÀÏÇÑ Ä÷¸®Æ¼ÀÇ °á°ú¹°À» ¾ò°Ô µÇ´Â °ÍÀÌ´Ù.


ÀÌÁ¦ ¸¶Áö¸·À¸·Î ÇϳªÀÇ »ç·Ê¸¸ ´õ »ìÆìº¸°í¼­ º»¹®À» ¸¶¹«¸®Çϵµ·Ï ÇϰڴÙ. ¾Æ¸¶µµ ¿©·¯ºÐµé Áß¿¡¼­´Â ¸®¸ðÆ® ½ºÆ®¸³ÆÃ (Remote Scripting) À̶ó´Â ±â¼úÀ» ¾Ë°í °è½Ã´Â ºÐµéÀÌ ÀûÁö ¾ÊÀ¸½Ç °ÍÀ¸·Î »ý°¢µÈ´Ù. ¸®¸ðÆ® ½ºÅ©¸³ÆÃÀº ÇÑ ¶§ »ó´çÇÑ ±â´ë¸¦ ¸ð¾Ò´ø ±â¼úÀ̾úÀ¸³ª ¾ðÁ¦ºÎÅÍÀΰ¡ À¢ÀÏÀÎÁö ½ÃµéÇØÁ®¼­ Áö±ÝÀº ±×´ÙÁö »ç¿ëµÇÁö ¾Ê°í ÀÖ´Ù. ÀÌ ±â¼úÀ» Àá½Ã °£´ÜÇÏ°Ô ¼³¸íÇÏ°í ³Ñ¾î°¡ÀÚ¸é ÆäÀÌÁö¸¦ ¸®ÇÁ·¹½¬ÇÏÁö ¾Ê°í¼­µµ ¼­¹ö·ÎºÎÅÍ ÇÊ¿äÇÑ Á¤º¸µéÀ» °¡Á®¿Í¼­ DHTML ÀûÀÎ ±â¹ýµîÀ» Ȱ¿ëÇÏ¿© ÇöÀç ÆäÀÌÁöÀÇ ÀϺÎ, ¶Ç´Â ´Ù¼öÀÇ ºÎºÐµéÀ» °»½ÅÇÒ ¼ö ÀÖ°Ô ÇØÁÖ´Â ±â¼úÀÌ´Ù. »ý°¢Çϱ⿡ µû¶ó¼­´Â Ȱ¿ë °¡´É¼ºÀÌ ¹«±Ã¹«ÁøÇÑ ±â¼ú·Î¼­ ¼­¹öÃøÀÇ ºñÁÖ¾ó º£ÀÌÁ÷ ½ºÅ©¸³Æ® Ŭ·¡½º¿Í Ŭ¶óÀÌ¾ðÆ® À¥ ºê¶ó¿ìÀúÃøÀÇ °æ·® ¾ÖÇø´ Á¶ÇÕÀ¸·Î µ¿À۵ȴÙ. ÇöÀç ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¿¡¼­´Â ÀÌ·¯ÇÑ ¸®¸ðÆ® ½ºÅ©¸³ÆÃÀÇ ÃֽйöÀüÀ̶ó°í ÇÒ ¸¸ÇÑ ±â¼úÀ» WebService Behavior ¶ó´Â À̸§À¸·Î Á¦°øÇØÁÖ°í ÀÖ´Ù. ¹°·Ð ±× ±âº»ÀûÀÎ ¸ñÀû°ú Ȱ¿ë¸é¿¡¼­´Â ¸®¸ðÆ® ½ºÅ©¸³ÆÃ°ú ±×´ÙÁö ´Ù¸¦¹Ù°¡ ¾øÀ¸³ª ±× ¼¼ºÎ ±¸Çö¿¡ À־´Â ¸¹Àº ºÎºÐµéÀÌ º¯È­µÇ¾ú´Ù.

    http://msdn.microsoft.com/workshop/author/webservice/webservice_node_entry.asp

¸ÕÀú ¼­¹öÃø ºñÁÖ¾ó º£ÀÌÁ÷ ½ºÅ©¸³Æ® Ŭ·¡½º´Â À¥ ¼­ºñ½º·Î ´ëüµÇ¾úÀ¸¸ç ±×¿¡ ´ëÀÀÇÏ¿© Ŭ¶óÀÌ¾ðÆ® À¥ ºê¶ó¿ìÀúÃøÀÇ °æ·® ¾ÖÇø´µµ ³»ºÎÀûÀ¸·Î Microsoft.XMLDOM °ú MSXML2.XMLHTTP ¸¦ »ç¿ëÇÏ¿© ±¸ÇöµÈ HTCs ·Î ´ëüµÈ °ÍÀÌ´Ù. ¹°·Ð ½ÇÁ¦·Îµµ ÀÌ ±â¼úÀ» »ç¿ëÇÏ·Á¸é WebService.htc ¸¦ ´Ù¿î·Îµå ¹ÞÀº ÈÄ °³¹ßÇϰíÀÚ ÇÏ´Â À¥ ¼­¹ö¿¡ º¹»çÇÏ¿©¾ß ÇÑ´Ù. ÀÌ ÆÄÀÏ¿¡´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ¿© ÀÛ¼ºµÈ 2,300 ¿© ¶óÀÎ °¡·®ÀÇ Äڵ尡 ±¸ÇöµÇ¾îÁ® ÀÖÀ¸¸ç SOAP ÇÁ·ÎÅäÄÝÀ» »ç¿ëÇÏ¿© ¸®Äù½ºÆ®¸¦ Àü¼ÛÇÏ°í ±× °á°ú¸¦ ¹Þ¾Æ¿À´Â µîÀÇ ÇÙ½ÉÀûÀΠ󸮵éÀÌ ±× ÇÙ½ÉÀûÀÎ ³»¿ëÀÌ´Ù. ¸¸¾à ÀÌ·¯ÇÑ Äڵ带 ÇÁ·ÎÁ§Æ® ÆÀ¿øµé °¢°¢¿¡°Ô ±× ¶§¸¶´Ù ÀÛ¼ºÇÏ¿© »ç¿ëÇ϶ó°í ÇÑ´Ù¸é ±× °á°ú¸¦ Àå´ãÇϱⰡ ¸Å¿ì Èûµé °ÍÀÌ´Ù. ±×·¯³ª HTCs ¸¦ »ç¿ëÇϱ⠶§¹®¿¡ ±×·¯ÇÑ ¹®Á¦Á¡µéÀÌ ¼ö¿ùÇÏ°Ô ÇØ¼ÒµÇ¾î Áø´Ù. ¸¸¾à ¿©·¯ºÐµéÀÌ º»¹®À» ÀÐ°í¼­ óÀ½À¸·Î ¸®¸ðÆ® ½ºÆ®¸³ÆÃÀ̳ª WebService Behavior ·ùÀÇ ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» Á¢ÇÏ°Ô µÇ¾úÀ¸¸ç ´Ù¼Ò¶óµµ Èï¹Ì¸¦ ´À³¢°Ô µÇ¾ú´Ù¸é Âü°í·Î ´ÙÀ½ÀÇ ÀڷḦ ´Ù¿î·Îµå ¹Þ¾Æ¼­ õõÈ÷ »ìÆìº¸±â ¹Ù¶õ´Ù.

    MSDN : ASP.NET 2.0 ½ºÅ©¸³Æ® Äݹé!

ÀÌ ÀÚ·á´Â Å¿À´ÔÀÌ ÀÛ³â 12 ¿ù°æ ASP.NET 2.0 °ü·Ã MADN ¼¼¹Ì³ª ³»¿ëÀÇ ÀϺηΠÀÛ¼ºÇÑ ¹®¼­Àε¥, ÇÁ¸®Á¨Å×ÀÌ¼Ç ¹®¼­¿Í ¾à°£ÀÇ ¼Ò½º Äڵ带 °°ÀÌ Æ÷ÇÔÇϰí À־ óÀ½ Á¢ÇϽô ºÐµé¿¡°Ô´Â °£·«ÇÑ °³¿ä¿Í ¾ÕÀ¸·ÎÀÇ Àü¸ÁµîÀ» ºÎ´ã¾øÀÌ »ìÆìº¼ ¼ö ÀÖ´Â ÁÁÀº Âü°í ÀÚ·á°¡ µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ƯÈ÷ ASP.NET 2.0 ¿¡¼­ÀÇ °ü·Ã ±â¹ýÀÇ º¯È­ µî°ú °°Àº ºÎºÐÀº ¹Ì¸® ÇÑ ¹øÂë ÀÎÁöÇØµÎ°í ÀÖÀ»¸¸ÇÑ °¡Ä¡°¡ ÀÖ´Ù°í »ý°¢ÇÑ´Ù. áä

 

°­Á ¸ñ·ÏÀ¸·Î..