¿¬½À 2.2: µ¥ÀÌÅÍ Å×ÀÌºí Æ÷¸ËÆÃ

µ¥ÀÌÅÍ Å×ÀÌºí Æ÷¸ËÆÃÀ» ½ÃÀÛÇϱâ Àü¿¡ ¸ðµâ 1: µ¥ÀÌÅÍ ¿¬°áÀ» °¡Áø À¥ ÆäÀÌÁö ÀÛ¼º ¶Ç´Â ¿¬½À 2.1: ÇÊ¿äÇÑ ÀÚ¿ø °¡Á®¿À±â¸¦ ¿Ï·áÇϽʽÿÀ.

all_records.jsp ÆäÀÌÁöÀÇ µ¥ÀÌÅÍ Å×À̺íÀº ½Ç¿ëÀûÀÎ ¸ð¾çÀ» °¡Áö°í ÀÖ½À´Ï´Ù. ÀÌ´Â µ¥ÀÌÅͺ£À̽ºÀÇ ¸ðµç ·¹Äڵ带 Ç¥½ÃÇϰí ÀǵµÇÑ °Íó·³ ´Ù¸¥ ÆäÀÌÁö·Î ¸µÅ©µÇÁö¸¸ ¾ÆÁÖ ¸Å·ÂÀûÀÌÁö´Â ¾Ê½À´Ï´Ù. ÀÌ ¿¬½À¿¡¼­ »ç¿ëÀڴ ȣÃâ±â, ½ºÅ¸ÀÏ ±ÔÄ¢ ¹× ÆÇ¸Å Ç׸ñÀÇ ±×¸²°ú °°Àº °ÍµéÀ» Ãß°¡ÇÏ¿© ÀÌ µ¥ÀÌÅÍ Å×À̺íÀ» Çâ»ó½Ãų ¼ö ÀÖ½À´Ï´Ù.

¿­ Çì´õ À̸§ ¹Ù²Ù±â

µ¥¸ð º¸±â

´ëºÎºÐÀÇ °æ¿ì, »ç¿ëÀÚ µ¥ÀÌÅÍ Å×À̺íÀÇ ¿­ Çì´õ¿Í µ¥ÀÌÅͺ£À̽ºÀÇ ¿­ À̸§ÀÌ Á¤È®È÷ ÀÏÄ¡µÇ´Â °ÍÀ» ¿øÇÏÁö ¾Ê½À´Ï´Ù. ´ÙÀ½ ´Ü°è¿Í °°ÀÌ Á» ´õ ÀûÇÕÇÏ°Ô µ¥ÀÌÅÍ Å×ÀÌºí ¿­ Çì´õÀÇ À̸§À» ¹Ù²Ù½Ê½Ã¿À.

  1. ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡¼­ all_records.jsp ÆäÀÌÁö¸¦ µÎ ¹ø Ŭ¸¯ÇϽʽÿÀ.
  2. µ¥ÀÌÅÍ Å×À̺íÀÇ Maincategory ¿­ Çì´õ¸¦ Ŭ¸¯ÇϽʽÿÀ.
  3. Ư¼º º¸±â¿¡¼­ °ª ÅØ½ºÆ® Çʵ带 MAINCATEGORY¿¡¼­ CATEGORY·Î º¯°æÇϽʽÿÀ.
  4. ¿øÇÏ¸é ´Ù¸¥ ¿­ÀÇ À̸§µµ ¹Ù²Ù½Ê½Ã¿À.
  5. ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.

JSF Ãâ·Â ±¸¼º¿ä¼Ò Æ÷¸ËÆÃ

µ¥¸ð º¸±â

¶ÇÇÑ Ãâ·Â ±¸¼º¿ä¼Ò¸¦ Æ÷¸ËÆÃÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½ ´Ü°è¿Í °°ÀÌ ÀÏ¹Ý ¼ö¸¦ ´ë½ÅÇÏ¿© {PRICE} Ãâ·Â ±¸¼º¿ä¼Ò¸¦ ÅëÈ­ °ªÀ¸·Î Æ÷¸ËÆÃÇÒ ¼ö ÀÖ½À´Ï´Ù.

  1. ÆäÀÌÁö¿¡¼­ {PRICE} Ãâ·Â ±¸¼º¿ä¼Ò¸¦ Ŭ¸¯ÇϽʽÿÀ.
  2. Ư¼º º¸±â¿¡¼­ À¯ÇüÀ» 10Áø¼ö¿¡¼­ ÅëÈ­·Î º¯°æÇϽʽÿÀ.
  3. °¢ Ç׸ñÀÇ °¡°ÝÀÌ ÀÏ¹Ý ¼ö ´ë½Å ÅëÈ­ ½ºÅ¸ÀϷΠǥ½ÃµË´Ï´Ù.

    ±âŸ ½ºÅ¸ÀÏ ¹× Çü½ÄÀ» ¹éºÐÀ², ³¯Â¥ ¹× ½Ã°£°ú °°Àº ´Ù¸¥ µ¥ÀÌÅÍ À¯ÇüÀ¸·Î »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ¶Ç ÇÑ ÀüÈ­¹øÈ£¿Í °°ÀÌ Æ¯¼º º¸±â¿¡ ³ª¿­µÇÁö ¾ÊÀº µ¥ÀÌÅÍÀÇ À¯ÇüÀ» Ç¥½ÃÇϵµ·Ï Ãâ·Â ±¸¼º¿ä¼Ò Çü½ÄÀ» »ç¿ëÀÚ Á¤ÀÇÇÒ ¼ö ÀÖ½À´Ï´Ù.

  4. ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.

µ¥ÀÌÅÍ ¼ø¼­ ÁöÁ¤

µ¥¸ð º¸±â

Áö±ÝÀº µ¥ÀÌÅͰ¡ ¼ø¼­ ¾øÀÌ ³ª¿­µÇ¾î ÀÖ½À´Ï´Ù. »ç¿ëÀÚ¿¡°Ô Á» ´õ Á¤µ·µÈ ±¤°í ¸ñ·ÏÀ» Á¦°øÇÏ·Á¸é À¯»çÇÑ Ç׸ñÀÌ ÇÔ²² ºÐ·ùµÇµµ·Ï Ä«Å×°í¸®º°·Î ·¹ÄÚµå ¸ñ·ÏÀÇ ¼ø¼­¸¦ ÁöÁ¤ÇϽʽÿÀ.

  1. ÆäÀÌÁö µ¥ÀÌÅÍ º¸±â¿¡¼­ all_recordlist(ADS)¸¦ ¸¶¿ì½º ¿À¸¥ÂÊ ´ÜÃ߷ΠŬ¸¯Çϰí ÄÁÅØ½ºÆ® ¸Þ´º¿¡¼­ ±¸¼ºÀ» Ŭ¸¯ÇϽʽÿÀ. µ¥ÀÌÅÍ ¸ñ·Ï ±¸¼º âÀÌ ¿­¸³´Ï´Ù.

    µ¥ÀÌÅͺ£À̽º¿¡ ¿¬°áÇÒ ¼ö ¾ø´Ù´Â °æ°í ¸Þ½ÃÁö°¡ Ç¥½ÃµÉ °æ¿ì »ç¿ëÀÚ°¡ À¥ »çÀÌÆ®¸¦ Å×½ºÆ®ÇÑ ÈÄ¿¡ ¼­¹ö¸¦ ½ÇÇà½ÃÄÑ ³õ°í Çѵ¿¾È »ç¿ëÇÏÁö ¾Ê¾ÒÀ» ¼ö ÀÖ½À´Ï´Ù. ÀÌ °æ¿ì °¢ ´ëÈ­ »óÀÚ¿¡¼­ Ãë¼Ò¸¦ Ŭ¸¯ÇÏ°í ¿¬½À 1.3: À¥ »çÀÌÆ® Å×½ºÆ®ÀÇ ¼­¹ö ÁßÁö¿¡¼­ ¼³¸íÇÑ ´ë·Î ¼­¹ö¸¦ ÁßÁöÇϽʽÿÀ.

  2. Á¶°Ç ÅÇ¿¡¼­ Á¤·Ä ÅÇÀ» Ŭ¸¯ÇϽʽÿÀ.
  3. »ç¿ë °¡´ÉÇÑ ¿­ ºÐÇÒâ¿¡¼­ MAINCATEGORY¸¦ Ŭ¸¯ÇϽʽÿÀ.
  4. > ´ÜÃ߸¦ Ŭ¸¯ÇÏ¿© MAINCATEGORY ¿­À» Á¤·Ä ºÐÇÒâÀ¸·Î À̵¿ÇϽʽÿÀ.

    âÀÌ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

    µ¥ÀÌÅÍ ¸ñ·Ï ±¸¼º â

  5. ´Ý±â¸¦ Ŭ¸¯ÇÏ¿© ¼ø¼­ º¯°æ »çÇ×À» Àû¿ëÇϽʽÿÀ.

    ÀÌÁ¦ µ¥ÀÌÅͰ¡ Ä«Å×°í¸®º°·Î ¼ø¼­ ÁöÁ¤µÇ¾ú½À´Ï´Ù. ¶ÇÇÑ µ¥ÀÌÅͺ£À̽ºÀÇ ¿­º°·Îµµ Á¤·ÄÇÒ ¼ö ÀÖ½À´Ï´Ù.

È£Ãâ±â Ãß°¡

µ¥¸ð º¸±â

µ¥ÀÌÅÍ Å×ÀÌºí¿¡ ÇÑ ¹ø¿¡ ¸ðµç ·¹Äڵ带 Ç¥½ÃÇÏ´Â °Í ´ë½Å È£Ãâ±â¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. È£Ãâ±â´Â »ç¿ëÀÚ ÇÁ·ÎÁ§Æ®¿¡ »õ·Î¿î JSP ÆÄÀÏÀ» ÀÛ¼ºÇÏÁö ¾Ê°í ¼¼Æ® Å©±â·Î ÆäÀÌÁö¿¡ ·¹Äڵ带 ºÐÇÒÇÕ´Ï´Ù.

  1. µ¥ÀÌÅÍ Å×À̺íÀÇ ÀÓÀÇÀÇ °÷À» Ŭ¸¯ÇϽʽÿÀ.
  2. Ư¼º º¸±â¿¡¼­ º¸±â ¿ÞÂÊ¿¡ ÀÖ´Â HTML ÅÂ±× ¸ñ·Ï¿¡¼­ h:dataTableÀ» Ŭ¸¯ÇϽʽÿÀ.
  3. Ư¼º º¸±â¿¡¼­ ¿ÞÂÊ¿¡ ÀÖ´Â ÅÂ±× ¸ñ·Ï¿¡¼­ ¿É¼Ç Ç¥½Ã¸¦ Ŭ¸¯ÇϽʽÿÀ.
  4. ÆäÀÌÁö´ç Çà ¼ö Çʵ忡 5¸¦ ÀÔ·ÂÇϽʽÿÀ.
  5. À¥ ½ºÅ¸ÀÏ È£Ãâ±â¸¦ Ŭ¸¯ÇϽʽÿÀ. µ¥ÀÌÅÍ Å×À̺íÀÇ ¸Ç ¾Æ·¡¿¡ È£Ãâ±â ¸ð¾ç ±×¸²ÀÌ Ç¥½ÃµË´Ï´Ù.

    Page DesignerÀÇ ÆäÀÌÁö ½Ã°¢È­´Â À§Ä¡ Ç¥½Ã±â À̹ÌÁöÀ̹ǷΠ½ÇÁ¦·Î ¾ó¸¶³ª ¸¹Àº ÆäÀÌÁö°¡ Ç¥½ÃµÇ´ÂÁö °áÁ¤ÇÏÁö ¸øÇÏ°í ÆäÀÌÁö°¡ ºê¶ó¿ìÀú·Î ·ÎµåµÉ ¶§¿¡¸¸ À̸¦ °áÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.

  6. ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.

    ¿øÇϸé È£Ãâ±âÀÇ ´Ù¸¥ ½ºÅ¸ÀÏ ¹× ²À ¸Â´Â ÆäÀÌÁö¸¦ ã±â À§ÇÑ ÆäÀÌÁö Åë°è ±¸¼º¿ä¼Ò¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.

¸ñ·ÏÀ¸·Î ±×·ì »óÀÚ¿¡ ±¸¼º¿ä¼Ò ·¹À̾ƿô

µ¥¸ð º¸±â

µ¥ÀÌÅÍ Å×À̺íÀÇ °¢ ¿­´ç Á¤È®È÷ ÇϳªÀÇ Ãâ·Â ±¸¼º¿ä¼Ò¸¦ °¡Áö°í ÀÖ´Â Á¡À» º¸¾ÈÇÏ¿© Á» ´õ È£°¨ÀÌ °¡´Â ·¹À̾ƿôÀ» »ý»êÇϵµ·Ï ¿­¿¡ ¿ä¼Ò¸¦ °áÇÕÇÒ ¼ö ÀÖ½À´Ï´Ù. ¼û°ÜÁø HTML Å×À̺íÀ» »ç¿ëÇß´ø ¹æ½Ä°ú µ¿ÀÏÇÏ°Ô ±¸¼º¿ä¼Ò¸¦ ¹è¿­ÇÏ´Â ±×·ì »óÀÚ¸¦ »ç¿ëÇÒ °ÍÀÔ´Ï´Ù. ƯÈ÷, »çÀÌÆ®¸¦ ½Ã°¢ÀûÀ¸·Î Çâ»ó½Ã۵µ·Ï À̹ÌÁö ±¸¼º¿ä¼Ò¸¦ Ãß°¡ÇÏ¸é °¢ ±¤°í¿¡ ´ëÇÑ ´ëºÎºÐÀÇ ÅØ½ºÆ® Á¤º¸¸¦ °¡Áö°Ô µÇ¸ç DETAILSÀ¸·Î ·¹À̺íµÉ ´ÜÀÏ µ¥ÀÌÅÍ Å×ÀÌºí ¿­¿¡ À̸¦ ³õÀ» ¼ö ÀÖ½À´Ï´Ù.

  1. ÆÈ·¹Æ®ÀÇ Faces ±¸¼º¿ä¼Ò µå·Î¾î¿¡¼­ ÆÐ³Î - ±×·ì »óÀÚ ±¸¼º¿ä¼Ò¸¦ ²ø¾î µ¥ÀÌÅÍ Å×À̺íÀÇ TITLE ¿­¿¡ ³õÀ¸½Ê½Ã¿À. À¯Çü ¼±Åà âÀÌ ¿­¸³´Ï´Ù.
  2. ±×·ì »óÀÚ À¯ÇüÀ¸·Î À¯Çü ¼±Åà â¿¡¼­ ¸ñ·ÏÀ» ¼±ÅÃÇϰí È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.

    ¸ñ·Ï ±×·ì »óÀÚ´Â ´ÜÀÏ ¿­ ¶Ç´Â Çà¿¡ ³õÀÎ ±¸¼º¿ä¼Ò¸¦ ¹èÄ¡ÇÏ°í ¼¼·Î ¶Ç´Â °¡·Î·Î È®ÀåÇÒ ¼ö ÀÖ½À´Ï´Ù.

  3. ±×·ì »óÀÚ¸¦ Ŭ¸¯ÇÏ¿© ¼±ÅÃÇϽʽÿÀ.
  4. Ư¼º º¸±â¸¦ »ç¿ëÇÏ¿© ¹æÇâÀ» ¼¼·Î·Î º¯°æÇϽʽÿÀ.
  5. {TITLE} ±¸¼º¿ä¼Ò¸¦ ¸ñ·Ï ±×·ì »óÀÚ¿¡ ²ø¾î ³õÀ¸½Ê½Ã¿À. ±×·ì »óÀÚÀÇ Áö½Ã»çÇ× ÅØ½ºÆ®´Â ±¸¼º¿ä¼Ò¸¦ Ãß°¡ÇÑ °æ¿ì¿¡ »ç¶óÁý´Ï´Ù.
  6. ÆÈ·¹Æ®ÀÇ Faces ±¸¼º¿ä¼Ò µå·Î¾î¿¡¼­ À̹ÌÁö ±¸¼º¿ä¼Ò¸¦ ²ø¾î ¸ñ·Ï ±×·ì »óÀÚ¿¡ ³õÀ¸½Ê½Ã¿À. ÀÌ´Â À̹ÌÁö°¡ TITLE ¾Æ·¡¿¡ À§Ä¡Çϰí ÀÖ´ÂÁö È®ÀÎÇϱâ À§ÇØ ±×·ì »óÀÚÀÇ ¸Ç ¾Æ·¡ ±¸¼®¿¡ À̹ÌÁö ±¸¼º¿ä¼Ò¸¦ ³õÀ» ¶§ µµ¿òÀ» ÁÝ´Ï´Ù.
  7. ¹æ±Ý Ãß°¡ÇÑ À̹ÌÁö ±¸¼º¿ä¼Ò¸¦ Ŭ¸¯ÇϽʽÿÀ.
  8. Ư¼º º¸±âÀÇ Å©±â ¿µ¿ªÀ» »ç¿ëÇÏ¿© ³Êºñ¸¦ 60Çȼ¿·Î, ³ôÀ̸¦ 50Çȼ¿·Î ¼³Á¤ÇϽʽÿÀ. ÀÌ·¸°Ô ÇÏ¸é µ¥ÀÌÅͺ£À̽ºÀÇ À̹ÌÁö Å©±â¿Í »ó°ü ¾øÀÌ ÆäÀÌÁö¿¡´Â Ç×»ó 60 x 50À¸·Î Ç¥½ÃµË´Ï´Ù.
  9. ÆäÀÌÁö µ¥ÀÌÅÍ º¸±â¿¡¼­ À̹ÌÁö ±¸¼º¿ä¼Ò·Î PHOTO ¿­À» ²ø¾î¿Í À̹ÌÁö ±¸¼º¿ä¼Ò¸¦ all_recordlistÀÇ PHOTO ¿­¿¡ ¹ÙÀεùÇϽʽÿÀ. ÀÌ´Â À̹ÌÁö ±¸¼º¿ä¼Ò°¡ °¢ ·¹ÄÚµå PHOTO ¿­¿¡ ÀÖ´Â À̹ÌÁö µ¥ÀÌÅ͸¦ À̹ÌÁö ±¸¼º¿ä¼Ò°¡ Ç¥½ÃÇÒ ¼ö ÀÖµµ·Ï ÇÕ´Ï´Ù.
  10. Ư¼º º¸±âÀÇ ±âº» ÅÇ¿¡¼­ ÀÔ·Â ÇÊµå ¿·ÀÇ ÆäÀÌÁö µ¥ÀÌÅÍ ¿ÀºêÁ§Æ® ¼±Åà ´ÜÃ߸¦ Ŭ¸¯ÇϽʽÿÀ. ÆäÀÌÁö µ¥ÀÌÅÍ ¿ÀºêÁ§Æ® ¼±Åà âÀÌ ¿­¸³´Ï´Ù.
  11. + ±âÈ£¸¦ Ŭ¸¯ÇÏ¿© all_recordlist °ü°èÇü ·¹ÄÚµå ¸ñ·ÏÀ» ÆîÄ¡½Ê½Ã¿À.
  12. À̹ÌÁö À¯Çü(¹®ÀÚ¿­)À» Ŭ¸¯ÇϽʽÿÀ.
  13. È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.
  14. ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.

    ÀÌÁ¦ »ç¿ëÀÚ ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

    ÇöÀç ÆäÀÌÁö ¸ð¾ç

´«±ÝÀ¸·Î ±×·ì »óÀÚ¿¡ ±¸¼º¿ä¼Ò ·¹À̾ƿô

µ¥¸ð º¸±â

¶ÇÇÑ Å×À̺í°ú °°ÀÌ Çü½Ä¿¡ ÀÖ´Â ±¸¼º¿ä¼Ò¸¦ Á¤µ·ÇÒ ¼ö ÀÖ½À´Ï´Ù. ¸ñ·Ï À¯Çü ±×·ì »óÀÚ¿¡´Â ÇϳªÀÇ ¿­ ¶Ç´Â Çุ »ç¿ëÇÒ ¼ö ÀÖÁö¸¸ ´«±Ý À¯Çü ±×·ì »óÀÚ¿¡¼­´Â ¿øÇÏ´Â ¸¸Å­ÀÇ Çà ¹× ¿­À» »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ´Ü°è¿¡¼­ {PRICE} ¹× {PHONE} ±¸¼º¿ä¼Ò¸¦ Å×À̺íÀÇ DESCRIPTION ¿­·Î À̵¿ÇÒ ¼ö ÀÖ°í ±¸¼º¿ä¼Ò¿¡ ´ëÇÑ ·¹À̺íÀ» Æ÷ÇÔÇÒ ¼ö ÀÖ½À´Ï´Ù.

  1. ÆÈ·¹Æ®ÀÇ Faces ±¸¼º¿ä¼Ò µå·Î¾î¿¡¼­ ºÐÇÒâ - ±×·ì »óÀÚ ±¸¼º¿ä¼Ò¸¦ ²ø¾î µ¥ÀÌÅÍ Å×À̺íÀÇ DESCRIPTION ¿­¿¡ ³õÀ¸½Ê½Ã¿À. À¯Çü ¼±Åà âÀÌ ¿­¸³´Ï´Ù.
  2. Ãß°¡ÇÒ ±¸¼º¿ä¼Ò À¯ÇüÀ¸·Î ´«±ÝÀ» Ŭ¸¯Çϰí È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.
  3. »õ·Î¿î ´«±Ý ±×·ì »óÀÚ¸¦ Ŭ¸¯ÇϽʽÿÀ.
  4. Ư¼º º¸±â¸¦ »ç¿ëÇÏ¿© ÀÌ ±×·ì »óÀÚ¿¡ ´ëÇÑ ¿­ÀÇ ¼ö¸¦ 2·Î ¼³Á¤ÇϽʽÿÀ.
  5. ÆÈ·¹Æ®ÀÇ Faces ±¸¼º¿ä¼Ò µå·Î¾î¿¡¼­ Ãâ·Â ±¸¼º¿ä¼Ò¸¦ ²ø¾î ´«±Ý ±×·ì »óÀÚ¿¡ ³õÀ¸½Ê½Ã¿À.

    ÀÌ Ãâ·Â ±¸¼º¿ä¼Ò´Â ÆÇ¸Å¿ë Ç׸ñÀÇ ¼³¸í¿¡ ´ëÇÑ ·¹À̺íÀÔ´Ï´Ù. °¢ Ãâ·Â ±¸¼º¿ä¼Ò¿¡´Â Å×À̺íÀÇ ¿ÞÂÊ ¼¿¿¡ ÀÌ¿Í °°Àº ·¹À̺íÀ» °¡Áö°Ô µË´Ï´Ù.

  6. Ãâ·Â ±¸¼º¿ä¼Ò(Page Designer¿¡ outputText·Î Ç¥½Ã)¸¦ Ŭ¸¯ÇÏ°í Æ¯¼º º¸±â¸¦ »ç¿ëÇÏ¿© À̸¦ Description:ÀÇ °ªÀ¸·Î ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
  7. ÆäÀÌÁöÀÇ ±âº» {DESCRIPTION} ±¸¼º¿ä¼Ò¸¦ ²ø¾î ´«±Ý ±×·ì »óÀÚÀÇ ¸Ç ¾Æ·¡ °¡ÀåÀÚ¸®¿¡ ³õÀ¸½Ê½Ã¿À.

    ±×·ì »óÀÚÀÇ ¿À¸¥ÂÊ À§Ä¡¿¡ ±¸¼º¿ä¼Ò¸¦ ²ø¾î ³õÀº µ¥ ¹®Á¦°¡ ÀÖ´Â °æ¿ì ¸¶¿ì½º ´ÜÃ߸¦ Ŭ¸¯Çϰí Ä¿¼­¸¦ ÁÖ¸ñÇϽʽÿÀ. ±×·ì »óÀÚÀÇ Ä¿¼­ À§Ä¡´Â ¸¶¿ì½º ´ÜÃ߸¦ À̵¿ÇÒ ¶§ ±¸¼º¿ä¼Ò°¡ Ç¥½ÃµÇ´Â °÷À» Ç¥½ÃÇÕ´Ï´Ù. ÀÌ ¿¬½À¿¡¼­´Â Ä¿¼­°¡ ÀÌÀü ±¸¼º¿ä¼ÒÀÇ ¿À¸¥ÂÊ¿¡ ÀÖÀ» ¶§ ¸¶¿ì½º ´ÜÃ߸¦ ³õ¾Æ¾ß ÇÕ´Ï´Ù.

  8. ÆÈ·¹Æ®¿¡¼­ ´Ù¸¥ Ãâ·Â ±¸¼º¿ä¼Ò¸¦ ²ø¾î ±×·ìÀÇ ¿À¸¥ÂÊ¿¡ ³õÀ¸½Ê½Ã¿À.
  9. Ư¼º º¸±â¸¦ »ç¿ëÇÏ¿© À̸¦ Price:ÀÇ °ªÀ¸·Î ÁöÁ¤ÇϽʽÿÀ.
  10. °¡°Ý Ãâ·Â ÅØ½ºÆ®ÀÇ ¿À¸¥ÂÊ¿¡ ÀÖ´Â ±âÁ¸ {PRICE} Ãâ·Â ±¸¼º¿ä¼Ò¸¦ ²ø¾î ³õÀ¸½Ê½Ã¿À.
  11. µ¿ÀÏÇÑ ¹æ¹ýÀ¸·Î {PHONE} ±¸¼º¿ä¼Ò¿¡ ´ëÇØ ·¹À̺íÀÇ »õ Ãâ·Â ±¸¼º¿ä¼Ò¸¦ ²ø¾î¿Í¼­ Phone: ·¹À̺íÀ» ºÙÀ̽ʽÿÀ.
  12. ±âÁ¸ {PHONE} ±¸¼º¿ä¼Ò¸¦ ÀüÈ­¹øÈ£ Ãâ·Â ÅØ½ºÆ® ¿À¸¥ÂÊ¿¡ ÀÖ´Â ´«±Ý ±×·ì »óÀÚ·Î ²ø¾î¿À½Ê½Ã¿À. ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

    ÇöÀç ÆäÀÌÁö ¸ð¾ç

  13. ±âÁ¸ÀÇ ¸ñ·Ï °»½Å ÇÏÀÌÆÛ¸µÅ©¸¦ ²ø¾î DESCRIPTION ¿­¿¡ ³õ¾ÒÁö¸¸ ´«±Ý ±×·ì »óÀÚÀÇ ³»ºÎ´Â ¾Æ´Õ´Ï´Ù.

    À̸¦ ¼öÇàÇÏ´Â ÃÖ»óÀÇ ¹æ¹ýÀº ¸µÅ© ¾ÆÀÌÄÜ()À» Ŭ¸¯ÇÏ°í ¾Æ·¡ÀÇ ´«±Ý ±×·ì »óÀÚ¿¡ ¹Ù·Î ³õÀ¸½Ê½Ã¿À. ÀÌ¿Í °°Àº ¹æ¹ýÀ¸·Î ÅØ½ºÆ® ·¹ÀÌºí ¹× ¸µÅ© ¾ÆÀÌÄÜ ¸ðµÎ¸¦ À̵¿½ÃÄÑ ¸µÅ©ÀÇ ±â´ÉÀ» À¯ÁöÇϽʽÿÀ. ¸µÅ© ¶Ç´Â ÅØ½ºÆ®¸¸ À̵¿ÇÏ´Â °æ¿ì ¸µÅ©´Â ÀÛµ¿ÇÏÁö ¾Ê½À´Ï´Ù. ÀÌ¿Í °°Àº °æ¿ì ¸Þ´º Ç¥½ÃÁÙ¿¡¼­ ÆíÁý > ½ÇÇà Ãë¼Ò¸¦ Ŭ¸¯ÇÏ°í ´Ù½Ã Çѹø ½ÃµµÇϽʽÿÀ.

  14. µ¥ÀÌÅÍ Å×ÀÌºí¿¡¼­ ºó PRICE, PHONE ¹× UPDATE ¿­À» »èÁ¦ÇϽʽÿÀ.

    ¿­À» »èÁ¦ÇÏ·Á¸é ¿­À» Ŭ¸¯ÇÏ¿© Ư¼º º¸±â¸¦ ¿©½Ê½Ã¿À. ±×·± ´ÙÀ½ º¸±âÀÇ ¿ÞÂÊ¿¡ ÀÖ´Â HTML ÅÂÅ©ÀÇ ¸ñ·Ï¿¡¼­ h:dataTableÀ» Ŭ¸¯ÇÏ°í º¸±âÀÇ ¿À¸¥ÂÊ¿¡ ÀÖ´Â ¸ñ·Ï¿¡¼­ »èÁ¦ÇÏ·Á´Â ¿­À» ¼±ÅÃÇÑ ÈÄ Á¦°Å¸¦ Ŭ¸¯ÇϽʽÿÀ.

  15. DESCRIPTION ¿­ÀÇ Çì´õ¸¦ Ŭ¸¯ÇÏ°í Æ¯¼º º¸±â¸¦ »ç¿ëÇÏ¿© °ª Çʵ带 ¼¼ºÎ»çÇ×À¸·Î º¯°æÇϽʽÿÀ.

    ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

    ÇöÀç ÆäÀÌÁö ¸ð¾ç

  16. ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.

½ºÅ¸ÀÏ½ÃÆ® ±ÔÄ¢ Àû¿ë

µ¥¸ð º¸±â

ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®(CSS)´Â À¥ »çÀÌÆ®ÀÇ ·è¾ØÇÊÀ» Á¦¾îÇÏ´Â ÃÖ»óÀÇ ¹æ¹ý Áß ÇϳªÀÌ¸ç °³º° JavaServer Faces ±¸¼º¿ä¼ÒÀÇ ·è¾ØÇʵµ Á¦¾îÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½ Àý¿¡¼­ ÇÁ·ÎÁ§Æ®¿¡ Á¦°øµÈ CSS ÆÄÀÏÀ» »ç¿ëÇÏ¿© ÀÌ ÆäÀÌÁöÀÇ ·è¾ØÇÊÀ» º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù. ƯÈ÷, ÇϳªÀÇ ±ÔÄ¢À» ¿­ Çì´õ¿¡ Àû¿ëÇϰí, µ¥ÀÌÅÍ Å×À̺íÀÇ °¢ ¿­À» ±¸º°ÇÏ´Â ´ëü »ö»ó È¿°ú¸¦ ÀÛ¼º ÁßÀÎ ¿­¿¡ µÎ °³ÀÇ ±ÔÄ¢À» Àû¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.

  1. ¿­ Çì´õ Áß Çϳª¸¦ Ŭ¸¯ÇÏ¿© µ¥ÀÌÅÍ Å×À̺íÀ» ¼±ÅÃÇϽʽÿÀ.
  2. Ư¼º º¸±â¿¡¼­ h:dataTableÀ» Ŭ¸¯ÇϽʽÿÀ.
  3. Ư¼º º¸±âÀÇ ¿À¸¥ÂÊ ¸Ç À§¿¡ ÀÖ´Â ¸ðµç ¼Ó¼º ´ÜÃß ¸¦ Ŭ¸¯ÇϽʽÿÀ.
  4. ¼Ó¼º À̸§¿¡¼­ headerClass Ç׸ñÀ» Ŭ¸¯ÇϽʽÿÀ. ÀÌ ¼³Á¤Àº µ¥ÀÌÅÍ Å×À̺íÀÇ Çì´õ ÇàÀÌ ¾î¶»°Ô º¸ÀÌ´Â Áö¸¦ Á¦¾îÇÕ´Ï´Ù.
  5. ±×·± ´ÙÀ½, headerClass ±âÁØÀ¸·Î °ª Çʵ忡 Ç¥½ÃµÇ´Â Ŭ·¡½º ¼±ÅÃ() ´ÜÃ߸¦ Ŭ¸¯ÇϽʽÿÀ.

    ÇÁ·ÎÁ§Æ®ÀÇ ½ºÅ¸ÀÏ½ÃÆ®¿¡ ÀÖ´Â »ç¿ë °¡´ÉÇÑ ¸ðµç ½ºÅ¸ÀÏÀ» Ç¥½ÃÇϴ Ŭ·¡½º ¼±Åà âÀÌ ¿­¸³´Ï´Ù. Áö±Ý ÀÌ ÇÁ·ÎÁ§Æ®¿¡´Â ÇϳªÀÇ ½ºÅ¸ÀÏ½ÃÆ®¸¸ ÀÖ½À´Ï´Ù.

  6. ½ºÅ¸ÀÏ½ÃÆ®¸¦ ÆîÄ¡°í .columnHeaderClass¸¦ Ŭ¸¯ÇϽʽÿÀ.
  7. È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.

    Ŭ·¡½º ¼±Åà â

  8. ´ÙÀ½À¸·Î, ¼Ó¼º À̸§¿¡¼­ rowClasses Ç׸ñÀ» Ŭ¸¯ÇÏ°í °ª Çʵ忡¼­ Ŭ·¡½º ¼±ÅÃ() ´ÜÃ߸¦ Ŭ¸¯ÇÏ¿© Ŭ·¡½º ¼±Åà âÀ» ´Ù½Ã ¿©½Ê½Ã¿À. rowClasses ¿É¼ÇÀº µ¥ÀÌÅÍ Å×À̺íÀÇ ÇàÀÌ Ç¥½ÃµÇ´Â ¹æ½ÄÀ» Á¦¾îÇÕ´Ï´Ù.
  9. ½ºÅ¸ÀÏ½ÃÆ®¸¦ ÆîÄ¡°í Ctrl ۸¦ ´©¸¥ »óÅ¿¡¼­ .rowClass1 ¹× .rowClass2 ±ÔÄ¢À» Ŭ¸¯ÇÏ¿© µÑ ´Ù ¼±ÅÃÇϽʽÿÀ. ÀÌ µÎ °³ÀÇ ±ÔÄ¢Àº ´Ù¸¥ »ö»ó ¼³°è¸¦ °¡Áö°í ÀÖÀ¸¸ç µÎ °³ ¸ðµÎ¸¦ ¼±ÅÃÇÏ¿© Çà »ö»óÀ» ´ëüÇÒ ¼ö ÀÖ½À´Ï´Ù.
  10. È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.
  11. ¸¶Áö¸·À¸·Î ÆäÀÌÁö¸¦ ÀúÀåÇϰí Å×½ºÆ® ¼­¹ö¿¡¼­ À̸¦ ½ÇÇàÇϽʽÿÀ.

    ¼­¹ö¿¡¼­ÀÇ ÀÀ¿ëÇÁ·Î±×·¥ ½ÇÇà¿¡ Àͼ÷ÇÏÁö ¾ÊÀ¸¸é ¿¬½À 1.3: À¥ »çÀÌÆ® Å×½ºÆ®¸¦ ÂüÁ¶ÇϽʽÿÀ.

    ÆäÀÌÁö¸¦ Å×½ºÆ®ÇÒ ¶§ ´ÙÀ½°ú À¯»çÇØ¾ß ÇÕ´Ï´Ù.

    ÇöÀç ÆäÀÌÁö ¸ð¾ç

Áö±Ý±îÁö µ¥ÀÌÅÍ Å×À̺íÀ» Á» ´õ Èï¹Ì·Î¿î °ÍÀ¸·Î ÀüȯÇϱâ À§ÇØ »ç¿ëÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀÇ ÀϺκп¡ ´ëÇØ ¾Ë¾Æº¸¾Ò½À´Ï´Ù.

ÀÌÁ¦ ¿¬½À 2.3: ÆÄÀÏ ¾÷·Îµå ±¸¼º¿ä¼Ò »ç¿ëÀ» ½ÃÀÛÇÒ ¼ö ÀÖ½À´Ï´Ù.

»ç¿ë Á¶°Ç | Çǵå¹é
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.