Çü¿¬½À 2.2: µ¥ÀÌÅÍ Å×À̺í Çü½ÄÈ
µ¥ÀÌÅÍ Å×À̺í Çü½Äȸ¦ ½ÃÀÛÇϱâ Àü¿¡ ¸ðµâ 1: µ¥ÀÌÅÍ ¿¬°áÀ» °¡Áø À¥ ÆäÀÌÁö ÀÛ¼º
¶Ç´Â ¿¬½À 2.1: ÇÊ¿äÇÑ ÀÚ¿ø °¡Á®¿À±â¸¦ ¿Ï·áÇϽʽÿÀ.
all_records.jsp ÆäÀÌÁöÀÇ µ¥ÀÌÅÍ Å×À̺íÀº ½Ç¿ëÀûÀÎ ¸ð¾çÀ» °¡Áö°í ÀÖ½À´Ï´Ù.
ÀÌ´Â µ¥ÀÌÅͺ£À̽ºÀÇ ¸ðµç ·¹Äڵ带 Ç¥½ÃÇϰí ÀǵµÇÑ °Íó·³ ´Ù¸¥ ÆäÀÌÁö·Î ¸µÅ©µÇÁö¸¸ ¾ÆÁÖ ¸Å·ÂÀûÀÌÁö´Â ¾Ê½À´Ï´Ù. ÀÌ ¿¬½À¿¡¼ »ç¿ëÀڴ ȣÃâ±â, ½ºÅ¸ÀÏ ±ÔÄ¢ ¹× ÆÇ¸Å Ç׸ñÀÇ ±×¸²°ú °°Àº °ÍµéÀ» Ãß°¡ÇÏ¿© ÀÌ µ¥ÀÌÅÍ Å×À̺íÀ» Çâ»ó½Ãų ¼ö ÀÖ½À´Ï´Ù.
¿ Çì´õ À̸§ ¹Ù²Ù±â
´ëºÎºÐÀÇ °æ¿ì, »ç¿ëÀÚ µ¥ÀÌÅÍ Å×À̺íÀÇ ¿ Çì´õ¿Í µ¥ÀÌÅͺ£À̽ºÀÇ ¿ À̸§ÀÌ Á¤È®È÷ ÀÏÄ¡µÇ´Â °ÍÀ» ¿øÇÏÁö ¾Ê½À´Ï´Ù. ´ÙÀ½ ´Ü°è¿Í °°ÀÌ
Á» ´õ ÀûÇÕÇÏ°Ô µ¥ÀÌÅÍ Å×ÀÌºí ¿ Çì´õÀÇ À̸§À» ¹Ù²Ù½Ê½Ã¿À.
- ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡¼ all_records.jsp ÆäÀÌÁö¸¦ µÎ ¹ø Ŭ¸¯ÇϽʽÿÀ.
- µ¥ÀÌÅÍ Å×À̺íÀÇ Maincategory ¿ Çì´õ¸¦ Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±â¿¡¼ °ª ÅØ½ºÆ® Çʵ带 MAINCATEGORY¿¡¼ CATEGORY·Î º¯°æÇϽʽÿÀ.
- ¿øÇÏ¸é ´Ù¸¥ ¿ÀÇ À̸§µµ ¹Ù²Ù½Ê½Ã¿À.
- ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.
JSF Ãâ·Â ÄÄÆ÷³ÍÆ® Çü½ÄÈ
¶ÇÇÑ Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ Çü½ÄÈÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½ ´Ü°è¿Í °°ÀÌ ÀÏ¹Ý ¼ö¸¦ ´ë½ÅÇÏ¿© {PRICE} Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ ÅëÈ °ªÀ¸·Î Çü½ÄÈÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ÆäÀÌÁö¿¡¼ {PRICE} Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±â¿¡¼ À¯ÇüÀ» 10Áø¼ö¿¡¼ ÅëÈ·Î º¯°æÇϽʽÿÀ.
- °¢ Ç׸ñÀÇ
°¡°ÝÀÌ ÀÏ¹Ý ¼ö ´ë½Å ÅëÈ ½ºÅ¸ÀϷΠǥ½ÃµË´Ï´Ù.
±âŸ ½ºÅ¸ÀÏ ¹× Çü½ÄÀ» ¹éºÐÀ², ³¯Â¥ ¹× ½Ã°£°ú °°Àº ´Ù¸¥ µ¥ÀÌÅÍ À¯ÇüÀ¸·Î »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ¶Ç
ÇÑ ÀüȹøÈ£¿Í °°ÀÌ Æ¯¼º º¸±â¿¡ ³ª¿µÇÁö ¾ÊÀº µ¥ÀÌÅÍÀÇ À¯ÇüÀ» Ç¥½ÃÇϵµ·Ï Ãâ·Â ÄÄÆ÷³ÍÆ® Çü½ÄÀ» »ç¿ëÀÚ Á¤ÀÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.
µ¥ÀÌÅÍ ¼ø¼ ÁöÁ¤
Áö±ÝÀº µ¥ÀÌÅͰ¡ ¼ø¼ ¾øÀÌ ³ª¿µÇ¾î ÀÖ½À´Ï´Ù. »ç¿ëÀÚ¿¡°Ô Á» ´õ Á¤µ·µÈ ±¤°í ¸ñ·ÏÀ»
Á¦°øÇÏ·Á¸é À¯»çÇÑ Ç׸ñÀÌ ÇÔ²² ºÐ·ùµÇµµ·Ï Ä«Å×°í¸®º°·Î ·¹ÄÚµå ¸ñ·ÏÀÇ ¼ø¼¸¦ ÁöÁ¤ÇϽʽÿÀ.
- ÆäÀÌÁö µ¥ÀÌÅÍ º¸±â¿¡¼ all_recordlist(ADS)¸¦ ¸¶¿ì½º ¿À¸¥ÂÊ ´ÜÃ߷ΠŬ¸¯Çϰí ÄÁÅØ½ºÆ® ¸Þ´º¿¡¼ ±¸¼ºÀ» Ŭ¸¯ÇϽʽÿÀ. µ¥ÀÌÅÍ ¸ñ·Ï ±¸¼º âÀÌ ¿¸³´Ï´Ù.
µ¥ÀÌÅͺ£À̽º¿¡ ¿¬°áÇÒ ¼ö ¾ø´Ù´Â °æ°í ¸Þ½ÃÁö°¡ Ç¥½ÃµÉ °æ¿ì
»ç¿ëÀÚ°¡ À¥ »çÀÌÆ®¸¦ Å×½ºÆ®ÇÑ ÈÄ¿¡ ¼¹ö¸¦ ½ÇÇà½ÃÄÑ ³õ°í Çѵ¿¾È »ç¿ëÇÏÁö ¾Ê¾ÒÀ» ¼ö ÀÖ½À´Ï´Ù. ÀÌ °æ¿ì °¢ ´ëÈ »óÀÚ¿¡¼ Ãë¼Ò¸¦ Ŭ¸¯Çϰí
¿¬½À 1.3: À¥ »çÀÌÆ® Å×½ºÆ®ÀÇ
¼¹ö ÁßÁö¿¡¼ ¼³¸íÇÑ ´ë·Î ¼¹ö¸¦ ÁßÁöÇϽʽÿÀ.
- Á¶°Ç ÅÇ¿¡¼ Á¤·Ä ÅÇÀ» Ŭ¸¯ÇϽʽÿÀ.
- »ç¿ë °¡´ÉÇÑ ¿ ºÐÇÒâ¿¡¼ MAINCATEGORY¸¦
Ŭ¸¯ÇϽʽÿÀ.
- > ´ÜÃ߸¦ Ŭ¸¯ÇÏ¿© MAINCATEGORY ¿À» Á¤·Ä ºÐÇÒâÀ¸·Î
À̵¿ÇϽʽÿÀ.
âÀÌ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

- ´Ý±â¸¦ Ŭ¸¯ÇÏ¿© ¼ø¼ º¯°æ »çÇ×À» Àû¿ëÇϽʽÿÀ.
ÀÌÁ¦ µ¥ÀÌÅͰ¡
Ä«Å×°í¸®º°·Î ¼ø¼ ÁöÁ¤µÇ¾ú½À´Ï´Ù. ¶ÇÇÑ µ¥ÀÌÅͺ£À̽ºÀÇ ¿º°·Îµµ Á¤·ÄÇÒ ¼ö ÀÖ½À´Ï´Ù.
È£Ãâ±â Ãß°¡
µ¥ÀÌÅÍ Å×ÀÌºí¿¡ ÇÑ ¹ø¿¡ ¸ðµç ·¹Äڵ带 Ç¥½ÃÇÏ´Â °Í ´ë½Å È£Ãâ±â¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. È£Ãâ±â´Â »ç¿ëÀÚ ÇÁ·ÎÁ§Æ®¿¡
»õ·Î¿î JSP ÆÄÀÏÀ» ÀÛ¼ºÇÏÁö ¾Ê°í ¼¼Æ® Å©±â·Î ÆäÀÌÁö¿¡ ·¹Äڵ带 ºÐÇÒÇÕ´Ï´Ù.
- µ¥ÀÌÅÍ Å×À̺íÀÇ ÀÓÀÇÀÇ °÷À» Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±â¿¡¼ º¸±â ¿ÞÂÊ¿¡ ÀÖ´Â HTML ÅÂ±× ¸ñ·Ï¿¡¼ h:dataTableÀ» Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±â¿¡¼ ¿ÞÂÊ¿¡ ÀÖ´Â ÅÂ±× ¸ñ·Ï¿¡¼ ¿É¼Ç Ç¥½Ã¸¦ Ŭ¸¯ÇϽʽÿÀ.
- ÆäÀÌÁö´ç Çà ¼ö Çʵ忡 5¸¦ ÀÔ·ÂÇϽʽÿÀ.
- À¥ ½ºÅ¸ÀÏ È£Ãâ±â¸¦ Ŭ¸¯ÇϽʽÿÀ. µ¥ÀÌÅÍ Å×À̺íÀÇ ¸Ç ¾Æ·¡¿¡ È£Ãâ±â ¸ð¾ç ±×¸²ÀÌ Ç¥½ÃµË´Ï´Ù.
Page DesignerÀÇ ÆäÀÌÁö ½Ã°¢È´Â À§Ä¡ Ç¥½Ã±â À̹ÌÁöÀ̹ǷΠ½ÇÁ¦·Î ¾ó¸¶³ª ¸¹Àº ÆäÀÌÁö°¡ Ç¥½ÃµÇ´ÂÁö °áÁ¤ÇÏÁö
¸øÇÏ°í ÆäÀÌÁö°¡ ºê¶ó¿ìÀú·Î ·ÎµåµÉ ¶§¿¡¸¸ À̸¦ °áÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.
¿øÇϸé È£Ãâ±âÀÇ ´Ù¸¥ ½ºÅ¸ÀÏ ¹× ²À ¸Â´Â ÆäÀÌÁö¸¦ ã±â À§ÇÑ ÆäÀÌÁö Åë°è ÄÄÆ÷³ÍÆ®¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
¸ñ·ÏÀ¸·Î ±×·ì »óÀÚ¿¡ ÄÄÆ÷³ÍÆ® ·¹À̾ƿô
µ¥ÀÌÅÍ Å×À̺íÀÇ °¢ ¿´ç Á¤È®È÷ ÇϳªÀÇ Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ °¡Áö°í ÀÖ´Â Á¡À» º¸¾ÈÇÏ¿© Á» ´õ È£°¨ÀÌ °¡´Â ·¹À̾ƿôÀ»
»ý»êÇϵµ·Ï ¿¿¡ ¿ä¼Ò¸¦ °áÇÕÇÒ ¼ö ÀÖ½À´Ï´Ù. ¼û°ÜÁø HTML Å×À̺íÀ» »ç¿ëÇß´ø ¹æ½Ä°ú µ¿ÀÏÇÏ°Ô ÄÄÆ÷³ÍÆ®¸¦ ¹è¿ÇÏ´Â ±×·ì »óÀÚ¸¦ »ç¿ëÇÒ °ÍÀÔ´Ï´Ù.
ƯÈ÷, »çÀÌÆ®¸¦ ½Ã°¢ÀûÀ¸·Î Çâ»ó½Ã۵µ·Ï À̹ÌÁö ÄÄÆ÷³ÍÆ®¸¦ Ãß°¡ÇÏ¸é °¢
±¤°í¿¡ ´ëÇÑ ´ëºÎºÐÀÇ ÅØ½ºÆ® Á¤º¸¸¦ °¡Áö°Ô µÇ¸ç DETAILSÀ¸·Î ·¹À̺íµÉ ´ÜÀÏ µ¥ÀÌÅÍ Å×ÀÌºí ¿¿¡ À̸¦ ³õÀ» ¼ö ÀÖ½À´Ï´Ù.
- ÆÈ·¹Æ®ÀÇ Faces ÄÄÆ÷³ÍÆ® µå·Î¾î¿¡¼ ÆÐ³Î - ±×·ì »óÀÚ ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î µ¥ÀÌÅÍ Å×À̺íÀÇ TITLE ¿¿¡ ³õÀ¸½Ê½Ã¿À. À¯Çü ¼±Åà âÀÌ ¿¸³´Ï´Ù.
- ±×·ì »óÀÚ À¯ÇüÀ¸·Î À¯Çü ¼±Åà â¿¡¼ ¸ñ·ÏÀ» ¼±ÅÃÇϰí È®ÀÎÀ»
Ŭ¸¯ÇϽʽÿÀ.
¸ñ·Ï ±×·ì »óÀÚ´Â ´ÜÀÏ ¿ ¶Ç´Â Çà¿¡ ³õÀÎ ÄÄÆ÷³ÍÆ®¸¦ ¹èÄ¡ÇÏ°í ¼¼·Î ¶Ç´Â °¡·Î·Î È®ÀåÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ±×·ì »óÀÚ¸¦ Ŭ¸¯ÇÏ¿© ¼±ÅÃÇϽʽÿÀ.
- Ư¼º º¸±â¸¦ »ç¿ëÇÏ¿© ¹æÇâÀ» ¼¼·Î·Î º¯°æÇϽʽÿÀ.
- {TITLE} ÄÄÆ÷³ÍÆ®¸¦ ¸ñ·Ï ±×·ì »óÀÚ¿¡ ²ø¾î ³õÀ¸½Ê½Ã¿À. ±×·ì »óÀÚÀÇ Áö½Ã»çÇ× ÅØ½ºÆ®´Â ÄÄÆ÷³ÍÆ®¸¦ Ãß°¡ÇÑ °æ¿ì¿¡ »ç¶óÁý´Ï´Ù.
- ÆÈ·¹Æ®ÀÇ Faces ÄÄÆ÷³ÍÆ® µå·Î¾î¿¡¼ À̹ÌÁö ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î ¸ñ·Ï ±×·ì »óÀÚ¿¡ ³õÀ¸½Ê½Ã¿À. ÀÌ´Â À̹ÌÁö°¡ TITLE ¾Æ·¡¿¡ À§Ä¡Çϰí
ÀÖ´ÂÁö È®ÀÎÇϱâ À§ÇØ ±×·ì »óÀÚÀÇ ¸Ç ¾Æ·¡ ±¸¼®¿¡ À̹ÌÁö ÄÄÆ÷³ÍÆ®¸¦ ³õÀ» ¶§ µµ¿òÀ» ÁÝ´Ï´Ù.
- ¹æ±Ý Ãß°¡ÇÑ À̹ÌÁö ÄÄÆ÷³ÍÆ®¸¦ Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±âÀÇ Å©±â ¿µ¿ªÀ» »ç¿ëÇÏ¿© ³Êºñ¸¦ 60Çȼ¿·Î, ³ôÀ̸¦ 50Çȼ¿·Î ¼³Á¤ÇϽʽÿÀ. ÀÌ·¸°Ô ÇÏ¸é µ¥ÀÌÅͺ£À̽ºÀÇ À̹ÌÁö Å©±â¿Í »ó°ü ¾øÀÌ ÆäÀÌÁö¿¡´Â Ç×»ó 60 x 50À¸·Î Ç¥½ÃµË´Ï´Ù.
- ÆäÀÌÁö µ¥ÀÌÅÍ º¸±â¿¡¼ À̹ÌÁö ÄÄÆ÷³ÍÆ®·Î PHOTO ¿À» ²ø¾î¿Í À̹ÌÁö ÄÄÆ÷³ÍÆ®¸¦ all_recordlistÀÇ PHOTO ¿¿¡ ¹ÙÀεùÇϽʽÿÀ. ÀÌ´Â À̹ÌÁö ÄÄÆ÷³ÍÆ®°¡ °¢ ·¹ÄÚµå PHOTO ¿¿¡ ÀÖ´Â À̹ÌÁö µ¥ÀÌÅ͸¦ À̹ÌÁö ÄÄÆ÷³ÍÆ®°¡ Ç¥½ÃÇÒ ¼ö ÀÖµµ·Ï ÇÕ´Ï´Ù.
- Ư¼º º¸±âÀÇ ±âº» ÅÇ¿¡¼ ÀÔ·Â ÇÊµå ¿·ÀÇ ÆäÀÌÁö µ¥ÀÌÅÍ ¿ÀºêÁ§Æ® ¼±ÅÃ
´ÜÃ߸¦ Ŭ¸¯ÇϽʽÿÀ. ÆäÀÌÁö µ¥ÀÌÅÍ ¿ÀºêÁ§Æ® ¼±Åà âÀÌ ¿¸³´Ï´Ù.
- + ±âÈ£¸¦ Ŭ¸¯ÇÏ¿© all_recordlist °ü°èÇü ·¹ÄÚµå ¸ñ·ÏÀ» ÆîÄ¡½Ê½Ã¿À.
- À̹ÌÁö À¯Çü(¹®ÀÚ¿)À» Ŭ¸¯ÇϽʽÿÀ.
- È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.
- ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.
ÀÌÁ¦ »ç¿ëÀÚ ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

´«±ÝÀ¸·Î ±×·ì »óÀÚ¿¡ ÄÄÆ÷³ÍÆ® ·¹À̾ƿô
¶ÇÇÑ Å×À̺í°ú °°ÀÌ Çü½Ä¿¡ ÀÖ´Â ÄÄÆ÷³ÍÆ®¸¦ Á¤µ·ÇÒ ¼ö ÀÖ½À´Ï´Ù. ¸ñ·Ï À¯Çü ±×·ì »óÀÚ¿¡´Â ÇϳªÀÇ ¿ ¶Ç´Â Çุ
»ç¿ëÇÒ ¼ö ÀÖÁö¸¸ ´«±Ý À¯Çü ±×·ì »óÀÚ¿¡¼´Â ¿øÇÏ´Â ¸¸ÅÀÇ Çà ¹× ¿À» »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ´Ü°è¿¡¼ {PRICE} ¹×
{PHONE} ÄÄÆ÷³ÍÆ®¸¦ Å×À̺íÀÇ DESCRIPTION ¿·Î À̵¿ÇÒ ¼ö ÀÖ°í ÄÄÆ÷³ÍÆ®¿¡ ´ëÇÑ ·¹À̺íÀ» Æ÷ÇÔÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ÆÈ·¹Æ®ÀÇ Faces ÄÄÆ÷³ÍÆ® µå·Î¾î¿¡¼ ºÐÇÒâ - ±×·ì »óÀÚ ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î µ¥ÀÌÅÍ Å×À̺íÀÇ DESCRIPTION ¿¿¡ ³õÀ¸½Ê½Ã¿À. À¯Çü ¼±Åà âÀÌ ¿¸³´Ï´Ù.
- Ãß°¡ÇÒ ÄÄÆ÷³ÍÆ® À¯ÇüÀ¸·Î ´«±ÝÀ» Ŭ¸¯Çϰí È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.
- »õ·Î¿î ´«±Ý ±×·ì »óÀÚ¸¦ Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±â¸¦ »ç¿ëÇÏ¿© ÀÌ ±×·ì »óÀÚ¿¡ ´ëÇÑ ¿ÀÇ ¼ö¸¦ 2·Î ¼³Á¤ÇϽʽÿÀ.
- ÆÈ·¹Æ®ÀÇ Faces ÄÄÆ÷³ÍÆ® µå·Î¾î¿¡¼ Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î ´«±Ý ±×·ì »óÀÚ¿¡
³õÀ¸½Ê½Ã¿À.
ÀÌ Ãâ·Â ÄÄÆ÷³ÍÆ®´Â ÆÇ¸Å¿ë Ç׸ñÀÇ ¼³¸í¿¡ ´ëÇÑ ·¹À̺íÀÔ´Ï´Ù. °¢ Ãâ·Â ÄÄÆ÷³ÍÆ®¿¡´Â Å×À̺íÀÇ ¿ÞÂÊ ¼¿¿¡
ÀÌ¿Í °°Àº ·¹À̺íÀ» °¡Áö°Ô µË´Ï´Ù.
- Ãâ·Â ÄÄÆ÷³ÍÆ®(Page Designer¿¡ outputText·Î Ç¥½Ã)¸¦ Ŭ¸¯ÇÏ°í Æ¯¼º º¸±â¸¦ »ç¿ëÇÏ¿© À̸¦ Description:ÀÇ °ªÀ¸·Î ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ÆäÀÌÁöÀÇ ±âº» {DESCRIPTION} ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î ´«±Ý ±×·ì »óÀÚÀÇ ¸Ç ¾Æ·¡
°¡ÀåÀÚ¸®¿¡ ³õÀ¸½Ê½Ã¿À.
±×·ì »óÀÚÀÇ ¿À¸¥ÂÊ À§Ä¡¿¡
ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î ³õÀº µ¥ ¹®Á¦°¡ ÀÖ´Â °æ¿ì ¸¶¿ì½º ´ÜÃ߸¦ Ŭ¸¯Çϰí Ä¿¼¸¦ ÁÖ¸ñÇϽʽÿÀ.
±×·ì »óÀÚÀÇ Ä¿¼ À§Ä¡´Â ¸¶¿ì½º ´ÜÃ߸¦ À̵¿ÇÒ ¶§ ÄÄÆ÷³ÍÆ®°¡ Ç¥½ÃµÇ´Â °÷À» Ç¥½ÃÇÕ´Ï´Ù. ÀÌ ¿¬½À¿¡¼´Â Ä¿¼°¡ ÀÌÀü ÄÄÆ÷³ÍÆ®ÀÇ ¿À¸¥ÂÊ¿¡ ÀÖÀ» ¶§ ¸¶¿ì½º
´ÜÃ߸¦ ³õ¾Æ¾ß ÇÕ´Ï´Ù.
- ÆÈ·¹Æ®¿¡¼ ´Ù¸¥ Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î ±×·ìÀÇ ¿À¸¥ÂÊ¿¡ ³õÀ¸½Ê½Ã¿À.
- Ư¼º º¸±â¸¦ »ç¿ëÇÏ¿© À̸¦ Price:ÀÇ °ªÀ¸·Î ÁöÁ¤ÇϽʽÿÀ.
- °¡°Ý Ãâ·Â ÅØ½ºÆ®ÀÇ ¿À¸¥ÂÊ¿¡ ÀÖ´Â ±âÁ¸ {PRICE} Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î ³õÀ¸½Ê½Ã¿À.
- µ¿ÀÏÇÑ ¹æ¹ýÀ¸·Î {PHONE} ÄÄÆ÷³ÍÆ®¿¡ ´ëÇØ ·¹À̺íÀÇ »õ Ãâ·Â ÄÄÆ÷³ÍÆ®¸¦ ²ø¾î¿Í¼ Phone: ·¹À̺íÀ» ºÙÀ̽ʽÿÀ.
- ±âÁ¸ {PHONE} ÄÄÆ÷³ÍÆ®¸¦ ÀüȹøÈ£ Ãâ·Â ÅØ½ºÆ® ¿À¸¥ÂÊ¿¡ ÀÖ´Â ´«±Ý ±×·ì »óÀÚ·Î
²ø¾î¿À½Ê½Ã¿À. ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

- ±âÁ¸ÀÇ ¸ñ·Ï °»½Å ÇÏÀÌÆÛ¸µÅ©¸¦ ²ø¾î DESCRIPTION ¿¿¡ ³õ¾ÒÁö¸¸ ´«±Ý ±×·ì »óÀÚÀÇ ³»ºÎ´Â
¾Æ´Õ´Ï´Ù.
À̸¦ ¼öÇàÇÏ´Â ÃÖ»óÀÇ ¹æ¹ýÀº ¸µÅ© ¾ÆÀÌÄÜ
À» Ŭ¸¯ÇÏ¿©
´«±Ý ±×·ì »óÀÚ·Î ²ø¾î¿À´Â °ÍÀÔ´Ï´Ù. ÀÌ¿Í °°Àº ¹æ¹ýÀ¸·Î ÅØ½ºÆ® ·¹ÀÌºí ¹× ¸µÅ© ¾ÆÀÌÄÜ ¸ðµÎ¸¦ À̵¿½ÃÄÑ
¸µÅ©ÀÇ ±â´ÉÀ» À¯ÁöÇϽʽÿÀ. ¸µÅ© ¶Ç´Â ÅØ½ºÆ®¸¸ À̵¿ÇÏ´Â °æ¿ì ¸µÅ©´Â
ÀÛµ¿ÇÏÁö ¾Ê½À´Ï´Ù. ÀÌ¿Í °°Àº °æ¿ì ¸Þ´º Ç¥½ÃÁÙ¿¡¼ ÆíÁý > ½ÇÇà Ãë¼Ò¸¦ Ŭ¸¯ÇÏ°í ´Ù½Ã Çѹø ½ÃµµÇϽʽÿÀ.
- µ¥ÀÌÅÍ Å×ÀÌºí¿¡¼ ºó PRICE, PHONE ¹× UPDATE ¿À» »èÁ¦ÇϽʽÿÀ.
¿À» »èÁ¦ÇÏ·Á¸é ¿À» Ŭ¸¯ÇÏ¿© Ư¼º
º¸±â¸¦ ¿©½Ê½Ã¿À. ±×·± ´ÙÀ½ º¸±âÀÇ ¿ÞÂÊ¿¡ ÀÖ´Â HTML ÅÂÅ©ÀÇ ¸ñ·Ï¿¡¼ h:dataTableÀ»
Ŭ¸¯ÇÏ°í º¸±âÀÇ ¿À¸¥ÂÊ¿¡ ÀÖ´Â ¸ñ·Ï¿¡¼ »èÁ¦ÇÏ·Á´Â ¿À» ¼±ÅÃÇÑ ÈÄ Á¦°Å¸¦ Ŭ¸¯ÇϽʽÿÀ.
- DESCRIPTION ¿ÀÇ Çì´õ¸¦ Ŭ¸¯ÇÏ°í Æ¯¼º º¸±â¸¦
»ç¿ëÇÏ¿© °ª Çʵ带 ¼¼ºÎ»çÇ×À¸·Î º¯°æÇϽʽÿÀ.
ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ Ç¥½ÃµË´Ï´Ù.

- ÆäÀÌÁö¸¦ ÀúÀåÇϽʽÿÀ.
½ºÅ¸ÀÏ½ÃÆ® ±ÔÄ¢ Àû¿ë
ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ½ÃÆ®(CSS)´Â À¥ »çÀÌÆ®ÀÇ ·è¾ØÇÊÀ» Á¦¾îÇÏ´Â ÃÖ»óÀÇ ¹æ¹ý Áß ÇϳªÀ̸ç
°³º° JavaServer Faces ÄÄÆ÷³ÍÆ®ÀÇ ·è¾ØÇʵµ Á¦¾îÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ÙÀ½ Àý¿¡¼ ÇÁ·ÎÁ§Æ®¿¡
Á¦°øµÈ CSS ÆÄÀÏÀ» »ç¿ëÇÏ¿© ÀÌ ÆäÀÌÁöÀÇ ·è¾ØÇÊÀ» º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù. ƯÈ÷, ÇϳªÀÇ ±ÔÄ¢À» ¿ Çì´õ¿¡ Àû¿ëÇϰí,
µ¥ÀÌÅÍ Å×À̺íÀÇ °¢ ¿À» ±¸º°ÇÏ´Â ´ëü »ö»ó È¿°ú¸¦ ÀÛ¼º ÁßÀÎ ¿¿¡ µÎ °³ÀÇ ±ÔÄ¢À» Àû¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ¿ Çì´õ Áß Çϳª¸¦ Ŭ¸¯ÇÏ¿© µ¥ÀÌÅÍ Å×À̺íÀ» ¼±ÅÃÇϽʽÿÀ.
- Ư¼º º¸±â¿¡¼ h:dataTableÀ» Ŭ¸¯ÇϽʽÿÀ.
- Ư¼º º¸±âÀÇ ¿À¸¥ÂÊ ¸Ç À§¿¡ ÀÖ´Â ¸ðµç ¼Ó¼º ´ÜÃß
¸¦ Ŭ¸¯ÇϽʽÿÀ.
- ¼Ó¼º À̸§¿¡¼ headerClass Ç׸ñÀ» Ŭ¸¯ÇϽʽÿÀ. ÀÌ ¼³Á¤Àº µ¥ÀÌÅÍ Å×À̺íÀÇ Çì´õ ÇàÀÌ ¾î¶»°Ô º¸ÀÌ´Â Áö¸¦ Á¦¾îÇÕ´Ï´Ù.
- ±×·± ´ÙÀ½, headerClass ±âÁØÀ¸·Î °ª Çʵ忡 Ç¥½ÃµÇ´Â Ŭ·¡½º ¼±ÅÃ(
) ´ÜÃ߸¦ Ŭ¸¯ÇϽʽÿÀ. ÇÁ·ÎÁ§Æ®ÀÇ ½ºÅ¸ÀÏ½ÃÆ®¿¡ ÀÖ´Â »ç¿ë °¡´ÉÇÑ ¸ðµç ½ºÅ¸ÀÏÀ» Ç¥½ÃÇÏ´Â
Ŭ·¡½º ¼±Åà âÀÌ ¿¸³´Ï´Ù. Áö±Ý ÀÌ ÇÁ·ÎÁ§Æ®¿¡´Â ÇϳªÀÇ ½ºÅ¸ÀÏ½ÃÆ®¸¸ ÀÖ½À´Ï´Ù.
- ½ºÅ¸ÀÏ½ÃÆ®¸¦ ÆîÄ¡°í .columnHeaderClass¸¦ Ŭ¸¯ÇϽʽÿÀ.
- È®ÀÎÀ» Ŭ¸¯ÇϽʽÿÀ.

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

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