8. µ¿Àû Å×À̺í(Data Binding)


  Active¶õ ¹»±î? WEB°­Á¿¡¼­ Àá±ñ ¼Ò°³Çß¾ú´Ù. Áï, ÀÎÅͳݿ¡¼­ ¸»ÇÏ´Â Active X¶ó´Â ±â¼úÀº ÀÚ¹Ù ¾ÖÇø´°ú Â÷ÀÌÁ¡ÀÌ ¸¹ÀÌ ÀÖÁö¸¸ ºê¶ó¿ìÀú ÀÔÀå¿¡¼­´Â ºñ½ÁÇÑ °³³äÀ¸·Î ºÁµµ ÁÁ´Ù.

  Áï, ºê¶ó¿ìÀú ¾È¿¡¼­ ½ÇÇàµÇ´Â ÀÛÀº ÇÁ·Î±×·¥À» ¸»ÇÑ´Ù°í º»´Ù. °©Àڱ⠿©±â¼­ Active X¸¦ ¼³¸íÇÏ´Â °ÍÀº Active X¸¦ »ç¿ëÇØ¼­ ¸î°¡Áö ÀÏÀ» ÇØº¼ °ÍÀ̱⠶§¹®À̸ç, µ¿Àû Å×À̺íÀ» ±¸¼ºÇϴµ¥ Active X°¡ »ç¿ëµÇ±â ¶§¹®ÀÌ´Ù. ÀÌ ±â¼úÀº Explorer¿¡¼­¸¸ ÀÛµ¿µÇ´Â °ÍÀ¸·Î Ưº°ÇÑ Active X¸¦ »ç¿ëÇÏ°Ô µÈ´Ù.

    Active X / Java Applet   »ç½Ç ¾ÖÇø´°ú ºñ±³ÇÏ¿© °¡Àå Å« ÀåÁ¡À̶ó ÇÒ ¸¸ÇÑ °ÍÀº ¼Óµµ´Ù. ÃÖÃÊ¿¡ ´Ù¿î·ÎµåÇÒ ¶§¿¡¸¸ ½Ã°£ÀÌ °É¸®¸ç, ±× ÀÌÈÄ¿¡´Â ·Îµù¿¡ ÇÊ¿äÇÑ ½Ã°£ÀÌ ¾öû³ª°Ô Àû´Ù. ´ÜÁ¡À̶ó¸é ¿ª½Ã ÀͽºÇ÷η¯¿¡¼­¸¸ ½ÇÇàµÈ´Ù´Â °ÍÀÌ´Ù.
8.1 µ¿Àû Å×ÀÌºí »ý¼º

  À¥°³¹ßÀÚµéÀÇ °í¹Î°Å¸®´Â ±Þº¯ÇÏ´Â Á¤º¸¸¦ ¸Å¹ø HTML·Î ÀÛ¼ºÇؼ­ °»½ÅÇÏ´Â ÀÏÀÏ °ÍÀÌ´Ù. ±× ÀÛ¾÷À» ÇØº¸Áö ¾ÊÀº »ç¶÷Àº ±× °íÃæÀ» ¾Ë ¼ö°¡ ¾ø´Ù. °íÄ¡°í UpdateÇϰí, ±×·¯´Ù º¸¸é ³»°¡ ¹» °íÃÆ´ÂÁö ¾Ë ¼ö ¾ø°Ô µÈ´Ù.......

  ±×·¡¼­ CGI±â¼úÀÌ ¹ß´ÞÇߴµ¥ °è¼Ó ¾÷µ¥ÀÌÆ®µÇ´Â ÀڷḦ DataBase¿¡ ¸ð¾ÆµÎ°í¼­ ½Ç½Ã°£À¸·Î À¥¹®¼­·Î º¼ ¼ö ÀÖ°Ô ÇÏ´Â ±â¼úÀÌ´Ù.

  ±×·¯³ª, À¥À¸·Î ´Ü¼øÈ÷ ȨÆäÀÌÁöÁ¤µµ ±¸ÃàÇÏ·Á´Â »ç¶÷µé¿¡°Ô CGI¸¦ ¹è¿ì´Â °ÍÀº ¹«¸®´Ù. ±×·¡µµ °è¼Ó ¾÷µ¥ÀÌÆ®µÇ´Â ÀڷḦ º¸´Ù ½±°Ô °ü¸®ÇÏ°í ½Í´Ù. ƯÈ÷ TableÀÇ °æ¿ì¿¡...!

  ÀÌ·± »ç¶÷µéÀº À̹ø ÀåÀ» ÀÀ¿ëÇÏ¸é ¾ÆÁÖ ÁÁÀ» °ÍÀÌ´Ù. Áö±Ý ¼Ò°³ÇÏ´Â ¹æ¹ýÀº ¼­¹ö¿¡ txtÆÄÀÏÀ» CGIÇÁ·Î±×·¥ÀÇ µµ¿òÀÌ ¾øÀ̵µ Ç×»ó µ¿ÀûÀ¸·Î ºÒ·¯¼­ È­¸é¿¡ Ãâ·ÂÇØÁÖ´Â Active XÀÇ È°¿ë¹æ¹ýÀÌ´Ù. Áï, À¥¼­¹öÃø¿¡ ´ÙÀ½°ú °°Àº list.txtÆÄÀÏÀÌ ÀÖ°í, À̸¦ ÀÚµ¿À¸·Î º¸¿©ÁÖµµ·Ï ÇÏ°í ½Í´Ù°íÇÏÀÚ.

À̸§,³ªÀÌ,¼ºº°,ÁÖ¼Ò,ÀüÈ­¹øÈ£
È«±æµ¿,11,³²ÀÚ,¿©±âÀú±â,111-1111
µÑ¸®,22,³²ÀÚ,¿ø½ÃÁö±¸,222-2222
deadfire,100,¸ð¸§,korea,333-3333
David,33,¿©ÀÚ,america,555-5555



  ÀÌÁ¦ ÀÌ txtÆÄÀÏ( CSVÆÄÀÏÆ÷¸Ë : ÄÞ¸¶ ºÐ¸®ÀÚ »ç¿ë ÆÄÀÏ)À» ºÒ·¯µé¿©¼­ È­¸é¿¡ º¸¿©ÁÖ´Â Active X·Î´Â CLASSID°¡ 333C7BC4-460F-11D0-BC04-0080C7055A83ÀÎ Active X¸¦ ´ÙÀ½°ú °°ÀÌ »ç¿ëÇÏ¸é µÈ´Ù.
<object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" width="1" height="1" id="clist" border="0">
<param name="DataURL" value="list.txt">
<param name="UseHeader" value="True">
</object>
<table border=1 datasrc="#clist">
<THEAD>
   <tr>
     <td><b>¹æ¹®ÀÚ À̸§</b></td>
     <td><b>¸îÀΰí?</b></td>
     <td><b>¼ºº°Àº</b></td>
     <td><b>¾îµð»ç³ª?</b></td>
     <td><b>ÀüÈ­!</b></td>
   </tr>
</THEAD>
<TBODY>
   <tr>
     <td><DIV DATAFLD="À̸§"></DIV></td>
     <td><DIV DATAFLD="³ªÀÌ"></DIV></td>
     <td><DIV DATAFLD="¼ºº°"></DIV></td>
     <td><DIV DATAFLD="ÁÖ¼Ò"></DIV></td>
     <td><DIV DATAFLD="ÀüÈ­¹øÈ£"></DIV></td>
   </tr>
</TBODY>
</table>
¹æ¹®ÀÚ À̸§ ¸îÀΰí? ¼ºº°Àº ¾îµð»ç³ª? ÀüÈ­!


  OBJECT, TABLE, THEAD, TBODY, DIVű׸¦ ÀûÀýÈ÷ ¼®¾î¼­ À§¿Í °°Àº È¿°ú¸¦ ¸¸µé¾î ³½°ÍÀÌ´Ù. Çϳª¾¿ Áý¾îº¸¸é,

  • OBJECT : Active X¸¦ HTML¿¡ Ãß°¡Çϴµ¥, CLASSID°¡ ƯÁ¤ÇÑ ±â´ÉÀ» ÇÏ´Â ActiveXÀÇ °íÀ¯¹øÈ£ÀÌ´Ù.( À̰б״ë·Î ½á¾ß ÇÑ´Ù. InterDev°°Àº ToolÀ» ¾²¸é ÀÚµ¿À¸·Î ƯÁ¤ÇÑ Active XÀÇ CLASSID¸¦ °¡Á®¿Í¼­ º¸¿©Áֱ⵵ ÇÑ´Ù. ÀÌ CLASSID´Â °íÀ¯ÇÑ °ªÀ̱⠶§¹®¿¡ ¶È°°ÀÌ ½á¾ß ÇÑ´Ù.) °Å±â¿¡¼­ ÇØ´ç OBJECT¸¦ ½Äº°ÇÒ ¼ö ÀÖ´Â IDÀ̸§À» ¾Æ¹«°Å³ª Çϳª ÁØ´Ù.

  • PARAM : OBJECTÀÇ PARAM Tag¿¡ NameºÎºÐÀº ¶È°°ÀÌ ½á¾ß Çϰí, DataURLÀº list°¡ µé¾îÀÖ´Â ÆÄÀϸí, UserHeaderÀÇ °æ¿ì listÆÄÀÏÀÇ Ã¹ÁÙÀ» ¹«½ÃÇØ¾ßÇÏ´ÂÁö ¿©ºÎ¸¦ ³Ö¾îÁÖ¸é µÈ´Ù.ÀÌ PARAM TagÀÇ »ç¿ëÀº ÇØ´ç ActiveX¸¦ Á¦ÀÛÇÒ¶§, ÀÎÀÚ(Argument)·Î ³Ñ°ÜÁÖ´Â °ªÀ» ÁöÁ¤ÇÒ¼ö ÀÖµµ·Ï ¸¸µé¾ú±â ¶§¹®¿¡ ÇØ´ç Active XÀÇ ¼³¸í¼­³ª ½ºÆåÀ» ÂüÁ¶ÇØ¾ß ÇÑ´Ù.

  • DATASRC : TABLE TagÀÇ ¼Ó¼ºÀ¸·Î DATASRC¿¡ À§¿¡¼­ ¼±¾ðÇÑ Active XÀÇ ID¸¦ ³Ö¾îÁØ´Ù.

  • THEAD¿Í TBODY : THEAD´Â Å×À̺íÀÇ HeaderºÎºÐÀ¸·Î, ÀûÀº ±×´ë·Î Ãâ·ÂµÈ´Ù. TBODYÀÇ °æ¿ì listÆÄÀÏÀÇ Ã¹ ¹øÂ° Á¦¸ñÁÙ¿¡ ÇØ´çÇÏ´Â ¸íĪÀ» ³Ö¾îÁÖ¸éµÈ´Ù. ( À̸»Àº list.txtÆÄÀÏ¿¡ ¾î¶² ¼ø¼­·Î µé¾îÀÖµç Ãâ·ÂÇÒ ¶§´Â ¸Ú´ë·Î ÇÒ ¼ö ÀÖ´Ù´Â ¸»ÀÌ´Ù. )

  • DIV / DATAFLD : °¢ Ç׸ñÀÇ DIV ű×ÀÇ ¼Ó¼º°ªÀ¸·Î DATAFLD¿¡ ÁöÁ¤ÇØ ÁÖ¸é µÈ´Ù.

  ÀÌ·¸°Ô Çϸélist.txt¸¸ °ü¸®ÇÏ¸é µÈ´Ù. ¸Å¹ø HTML Tag·Î °í»ýÇÒ Çʿ䰡 ¾ø´Â °ÍÀÌ´Ù. À߸¸ »ç¿ëÇÏ¸é ¾ÆÁÖ Æí¸®ÇÑ ±â´ÉÀÌ´Ù.

- Last Update : 2001.7.2 by Deadfire(http://www.deadfire.net)

DHTML °­ÁÂ
DHTMLÀ̶õ?
CSS
     - CSSÁ¤Àǹæ¹ý
     - Àû¿ë¿ì¼±¼øÀ§
     - ÅØ½ºÆ®°ü·Ã¼Ó¼º
     - ÅØ½ºÆ®°£ÀǼ³Á¤
     - ¿©¹é ÁöÁ¤Çϱâ
     - Å׵θ®ÁöÁ¤Çϱâ
     - »ö»ó ÁöÁ¤Çϱâ
     - ±â Ÿ
CSS±×·ìÇÎ
     - ½ºÅ¸ÀÏ½ÃÆ®±×·ì
     - Ŭ·¡½º
     - »ç¿ëÀÚÁöÁ¤½ºÅ¸ÀÏ
JSSS
     - »õ·ÎÃß°¡µÈJSSS°´Ã¼
     - JSSS¿ÍCSS°£ÀǺñ±³
Layer
     - Layer TagÀÇ»ç¿ë
     - Layer ¼¼ºÎ»çÇ×
     - Explorer¿ëLayer
Javascript¿Í¿¬µ¿
µ¿ÀûÀÎ º¯È­
     - ÅØ½ºÆ®/À̹ÌÁöº¯È¯
     - À§Ä¡ À̵¿
µ¿Àû Å×À̺í
     - µ¿ÀûÅ×À̺í»ý¼º
     - µ¿ÀûÅ×À̺íÁ¤·Ä
±â Ÿ
     - Font Download
     - Filter
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master