¿¬½À 1.6: À¥ »çÀÌÆ®ÀÇ µ¿Àû Ž»ö ½ÇÇö
À¥ »çÀÌÆ®ÀÇ µ¿Àû Ž»ö ½ÇÇöÀ» ½ÃÀÛÇϱâ Àü¿¡
¿¬½À 1.5:
À¥ »çÀÌÆ®¿¡ ÆäÀÌÁö ÅÛÇø®Æ® Àû¿ëÀ» ¿Ï·áÇϽʽÿÀ.
¿¬½À 1.2¿¡¼ À¥ »çÀÌÆ® ±¸Á¶¸¦ µðÀÚÀÎÇÒ ¶§, ÆäÀÌÁö »çÀÌÀÇ
°ü°è¿¡ ´ëÇØ ¾î´À Á¤µµ °áÁ¤ÇÏ¿´½À´Ï´Ù. ÆäÀÌÁö¸¦ ¿¬°áÇÏ´Â ¼±À¸·Î ÆäÀÌÁö
¾ÆÀÌÄÜÀ» ·¹À̾ƿôÇÑ ¹æ¹ýÀ» »ó±âÇØ º¸½Ê½Ã¿À.

ÇϳªÀÇ ÆäÀÌÁö¸¦ ´Ù¸¥ ÆäÀÌÁö¿¡ °ü·Ã½Ãų ¶§ ¿©·¯ °¡Áö ¹æ¹ýÀÌ ÀÖ½À´Ï´Ù.
ÀÌ °ü°è´Â °¡Á· °ü°è¿Í À¯»çÇÏ´Ù°í ÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌ ¿¹Á¦ÀÇ °æ¿ì, ¸ðµç ¾È³» ±¤°í º¸±â´Â »óÀ§ ÆäÀÌÁöÀ̰í
´Ù¸¥ ¼¼ ÆäÀÌÁö´Â ÇÏÀ§ ÆäÀÌÁöÀÔ´Ï´Ù. ¶ÇÇÑ ÀÌ ¼¼ ÆäÀÌÁö´Â ¼·Î µ¿À§ ÆäÀÌÁöÀÔ´Ï´Ù.
ÀÌ ÆäÀÌÁö °ü°è´Â Ž»öÁÙ ¹× Åǰú °°Àº Ž»ö ¸µÅ©¸¦ »ý¼ºÇÏ´Â µ¥ »ç¿ëµË´Ï´Ù.
°¢ ÆäÀÌÁö´Â °ü·ÃµÇ´Â ÆäÀÌÁö¸¦ ±âÃʷΠŽ»ö ¸µÅ©¸¦ ÀÚµ¿À¸·Î ÀÛ¼ºÇÕ´Ï´Ù.
ÀÌ·¯ÇÑ ÇÁ·Î¼¼½º¸¦ µ¿Àû Ž»öÀ̶ó°í ÇÕ´Ï´Ù.
»çÀÌÆ® ±¸Á¶ È®ÀÎ
»çÀÌÆ® ±¸Á¶°¡ Ž»ö¿¡ Æ÷ÇÔÇØ¾ß ÇÏ´Â ÆäÀÌÁö¸¦ ÁöÁ¤Çϵµ·Ï ¼³Á¤µÇ¾î ÀÖ´ÂÁö
È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù. Web Site Designer¿¡¼ µ¿Àû Ž»ö¿¡ ¸µÅ©·Î
Æ÷ÇÔÇØ¾ß ÇÏ´Â ÆäÀÌÁö, »çÀÌÆ® ¸Ê¿¡ Æ÷ÇÔ½ÃÄÑ¾ß ÇÏ´Â ÆäÀÌÁö¸¦ ÁöÁ¤Çϰí
»çÀÌÆ® ±¸Á¶ ¹× ÆäÀÌÁö °ü°è¸¦ ±âÃÊ·Î ÇÏ´Â
ÀϺΠ´Ù¸¥ Ž»ö ¿É¼Çµµ ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌ´Â »çÀÌÆ®¿¡ Æ÷ÇÔ½ÃÄÑ¾ß ÇÏ´Â ÆäÀÌÁö¸¦ °¡Áö°í ÀÖ´Â °æ¿ì¿¡ À¯¿ëÇÏÁö¸¸
Ž»ö ±â´ÉÀÇ ÀϺηδ ¸ÂÁö ¾Ê½À´Ï´Ù. ¿¹¸¦ µé¾î,
»çÀÌÆ®¿¡ ¹®Á¦°¡ ¹ß»ýÇÒ ¶§ ³ªÅ¸³ª´Â ¿À·ù ÆäÀÌÁö¸¦ °¡Áö°í ÀÖÁö¸¸
¿À·ù ÆäÀÌÁö¸¦ Ž»öÀÇ ÀϺηΠǥ½ÃÇÏ°í ½ÍÁö ¾ÊÀ» ¼öµµ ÀÖ½À´Ï´Ù.
- ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡¼ À¥ »çÀÌÆ® Ž»öÀ» µÎ ¹ø Ŭ¸¯ÇÏ¿©
»çÀÌÆ® ±¸Á¶¸¦ »ìÆì º¸½Ê½Ã¿À.
- ¸ðµç ÆäÀÌÁö¿¡¼ Ž»ö¿¡ Ç¥½Ã ¿É¼ÇÀÌ ±âº»ÀûÀ¸·Î
¼±ÅõǾî ÀÖ´Â °ÍÀ» º¼ ¼ö ÀÖ½À´Ï´Ù. Ž»ö¿¡ Ç¥½Ã ¾ÆÀÌÄÜ(
)ÀÌ º¸¿©Áö±â ¶§¹®ÀÔ´Ï´Ù.
ÀÌ ¿É¼ÇÀº Ž»öÁÙ¿¡ Ç¥½ÃÇÒ ÆäÀÌÁö¸¶´Ù ¼±ÅÃÇØ¾ß ÇÕ´Ï´Ù.
ÆäÀÌÁö¸¦ »ç¿ë ¾ÈÇÔÀ¸·Î ¼³Á¤ÇÏ¿© Ž»ö¿¡ Ç¥½ÃµÇÁö ¾Êµµ·Ï ÇÒ ¼öµµ ÀÖ½À´Ï´Ù.
»ç¿ëÀÚ´Â ¸ðµç ¾È³» ±¤°í º¸±â ÆäÀÌÁö¿¡¼ °Ë»ö ¿É¼ÇÀ» ÅëÇØ
¼Û½ÅµÇ¹Ç·Î °Ë»ö °á°ú ÆäÀÌÁöÀÎ ÇÊÅÍµÈ ¸ñ·ÏÀº
Ž»ö¿¡¼ »ç¿ëµÇÁö ¾Êµµ·Ï ¼³Á¤ÇØ¾ß ÇÕ´Ï´Ù.
- ÇÊÅÍµÈ ¸ñ·Ï ÆäÀÌÁö ¾ÆÀÌÄÜÀ» ¸¶¿ì½º ¿À¸¥ÂÊ ´ÜÃ߷ΠŬ¸¯ÇϽʽÿÀ.
- Ž»ö > Ž»ö¿¡ Ç¥½Ã¸¦ ¼±ÅÃÇÏ¿©
¼±Åà Ãë¼ÒÇϽʽÿÀ. Ž»ö¿¡ Ç¥½Ã ¾ÆÀÌÄÜÀº ÀÌÁ¦
ÇÊÅÍµÈ ¸ñ·Ï ÆäÀÌÁö ¾ÆÀÌÄÜ¿¡¼ »ç¿ëÇÒ ¼ö ¾ø½À´Ï´Ù.
- »ç¿ëÀÚ´Â ¸ðµç ¾È³» ±¤°í º¸±â ÆäÀÌÁö¿¡¼ °»½Å ¿É¼ÇÀ» ÅëÇØ
¼Û½ÅµÇ¹Ç·Î ¸ñ·Ï °»½Å ÆäÀÌÁöµµ »ç¿ëµÇÁö ¾Êµµ·Ï ¼³Á¤ÇØ¾ß ÇÕ´Ï´Ù.
¸ñ·Ï °»½Å ÆäÀÌÁö ¾ÆÀÌÄÜÀ» ¸¶¿ì½º ¿À¸¥ÂÊ ´ÜÃ߷ΠŬ¸¯ÇϽʽÿÀ. Ž»ö
> Ž»ö¿¡ Ç¥½Ã¸¦ ¼±ÅÃÇÏ¿© ¼±Åà Ãë¼ÒÇϽʽÿÀ. Ž»ö¿¡ Ç¥½Ã ¾ÆÀÌÄÜÀº ÀÌÁ¦
¸ñ·Ï °»½Å ÆäÀÌÁö ¾ÆÀÌÄÜ¿¡¼ »ç¿ëÇÒ ¼ö ¾ø½À´Ï´Ù.
- »çÀÌÆ®ÀÇ Å½»ö ·çÆ®¸¦ ¼³Á¤ÇØ¾ß ÇÕ´Ï´Ù. ÀϹÝÀûÀ¸·Î »çÀÌÆ®¿¡ ÀÛ¼ºµÈ ù ¹øÂ° ÆäÀÌÁöÀÎ
¸Ç À§ ÆäÀÌÁö°¡ Á¾Á¾ Ž»ö ·çÆ®·Î ¼³Á¤µË´Ï´Ù. ¸ðµç ¾È³» ±¤°í º¸±â ÆäÀÌÁö
¾ÆÀÌÄÜÀ» ¸¶¿ì½º ¿À¸¥ÂÊ ´ÜÃ߷ΠŬ¸¯Çϰí Ž»ö > Ž»ö ·çÆ® ¼³Á¤À» Ŭ¸¯ÇϽʽÿÀ. ÆäÀÌÁö
¾ÆÀÌÄÜÀÇ ¸Ç À§¿¡ ÀÖ´Â ¾ÆÀÌÄÜ(
)Àº ·çÆ® ¾ÆÀÌÄÜÀÔ´Ï´Ù.
Ž»ö ·çÆ®´Â À¥ »çÀÌÆ® Ž»ö(¿¹: Ž»öÁÙ)À» »ý¼ºÇÒ ¶§ »ç¿ëµÇ´Â
¸µÅ© ·¹º§À» °áÁ¤ÇϹǷΠÁß¿äÇÕ´Ï´Ù.
Âü°í: ¸ðµç ¾È³» ±¤°í º¸±â ÆäÀÌÁö¿Í ¸ñ·Ï °Ô½Ã
ÆäÀÌÁö¿¡ ´ëÇØ »çÀÌÆ® Ž»ö¿¡ ÀÇÇØ ¼³Á¤µÈ ±âº» ¿É¼ÇÀº ¼±ÅÃµÈ »óÅ·ΠÀ¯ÁöÇØ¾ß ÇÕ´Ï´Ù.
- Ctrl+S¸¦ ´·¯ º¯°æ»çÇ×À» ÀúÀåÇϽʽÿÀ.
ÆäÀÌÁö ÅÛÇø®Æ®¿¡ Ž»ö ±¸¼º¿ä¼Ò Ãß°¡
- ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡¼ template.jtplÀ» µÎ ¹ø Ŭ¸¯ÇÏ¿©
ÆäÀÌÁö ÅÛÇø®Æ®·Î µ¹¾Æ°¡½Ê½Ã¿À.
- ÆÈ·¹Æ® º¸±â¿¡¼ À¥ »çÀÌÆ® Ž»öÀ» Ŭ¸¯ÇÏ¿©
Ž»ö ±¸¼º¿ä¼Ò¸¦ Æ÷ÇÔÇÏ´Â µå·Î¾î¸¦ ¿©½Ê½Ã¿À. À¥ »çÀÌÆ®¿¡ Ãß°¡ÇÒ
¼ö ÀÖ´Â ´Ù¾çÇÑ À¯ÇüÀÇ »çÀÌÆ® ¸Ê°ú °°Àº µ¿Àû Ž»ö ±¸¼º¿ä¼Ò°¡ ÀÖ½À´Ï´Ù.
°¡Àå ±âº»ÀûÀÎ ±¸¼º¿ä¼Ò´Â »çÀÌÆ® ±¸Á¶¿¡ µû¶ó ¸µÅ© ÇàÀ¸·Î ±¸¼ºµÇ´Â
°¡·Î ¸·´ëÀÔ´Ï´Ù.
- °¢ ÆäÀÌÁöÀÇ ¸Ç À§¿¡´Â »ç¿ëÀÚ°¡ »çÀÌÆ®ÀÇ ´Ù¸¥ ÆäÀÌÁö¿¡
¾×¼¼½ºÇÒ ¼ö ÀÖ´Â ¸µÅ© ÇàÀÌ ÀÖ¾î¾ß ÇÏÁö¸¸, Ž»ö¿¡ ½Ã°¢Àû °ü½ÉÀ»
Ãß°¡ÇÒ ¼öµµ ÀÖ½À´Ï´Ù. °¡·Î ÅÇ ±¸¼º¿ä¼Ò¸¦ ÆäÀÌÁö ÅÛÇø®Æ®ÀÇ
µÎ ¹øÂ° ÇàÀ¸·Î ²ø¾î¿À½Ê½Ã¿À. ÀÌ ±¸¼º¿ä¼Ò´Â ÅÇ Çà¿¡¼ µ¿Àû ¸µÅ©¸¦ ÀÛ¼ºÇÕ´Ï´Ù.
°¡·Î ÅÇ »ðÀÔ ¸¶¹ý»ç°¡ ¿¸³´Ï´Ù.
- »ùÇà Ž»ö ±¸¼º¿ä¼Ò¸¦ »ç¿ëÇÏ·Á¸é ±âº»°ªÀ» Çã¿ëÇϽʽÿÀ.
- ÀÛÀº ±×¸² À̹ÌÁö¿¡¼ ±âº»°ªÀ» »ç¿ëÇϽʽÿÀ(horizontal-tab01.jsp).
±×·¯¸é ÆÄÀÏ À̸§ Çʵ尡 ÀÚµ¿À¸·Î ä¿öÁý´Ï´Ù.
´ÙÀ½À» ´©¸£½Ê½Ã¿À.
- ÆäÀÌÁö °ü°è¿¡ µû¶ó Ž»öÁÙ¿¡ Ç¥½ÃÇÒ ¸µÅ©ÀÇ À¯ÇüÀ»
¼±ÅÃÇϽʽÿÀ. »çÀÌÆ®ÀÇ ¸Ç À§ ÆäÀÌÁö¿Í °¢ ÆäÀÌÁöÀÇ ¸ðµç µ¿À§ ¹× ÇÏÀ§°¡
Ž»ö¿¡ Ç¥½ÃµÇµµ·Ï ÁöÁ¤ÇÏ·Á¸é ´ÙÀ½ ÆäÀÌÁö°¡ ¼±ÅõǾî ÀÖ´ÂÁö
È®ÀÎÇϽʽÿÀ.
- ¸Ç À§ ÆäÀÌÁö
- ¸Ç À§ ÆäÀÌÁöÀÇ ÇÏÀ§
- µ¿À§ ÆäÀÌÁö
- ÇöÀç ÆäÀÌÁö
ÀÌÀü ¶Ç´Â ´ÙÀ½ ¸µÅ©¸¦ ¼±ÅÃÇÒ °æ¿ì, ¸µÅ©(¿¹: ÀÌÀü ¹× ´ÙÀ½)¿¡
´ëÇØ Ç¥½ÃÇÒ ·¹À̺íÀ» Á¦°øÇÒ ¼ö ÀÖ½À´Ï´Ù.
- ´ÙÀ½À» Ŭ¸¯ÇϽʽÿÀ. ¸¶¹ý»çÀÇ
½ºÆå ÆÄÀÏ ÆäÀÌÁö¿¡ ´ëÇÑ ¼±ÅÃÀû ¼³Á¤¿¡¼ ±âº»°ªÀ» »ç¿ëÇϽʽÿÀ.
JSP »ç¿ëÀÚ Á¤ÀÇ Å±׸¦ »ç¿ëÇÏ¿© ·±Å¸ÀÓ¿¡¼ ¸µÅ©¸¦ »ý¼ºÇÏ·Á¸é,
JSP Ž»öÀ» ¼±ÅÃÇϽʽÿÀ. HTML »ç¿ëÀÚ Á¤ÀÇ
ű׸¦ »ç¿ëÇÏ¿© µðÀÚÀο¡¼ ¸µÅ©¸¦ »ý¼ºÇÏ·Á¸é,
HTML Ž»öÀ» ¼±ÅÃÇϽʽÿÀ. Faces JSP
ÆäÀÌÁö¿¡¼ HTML »ç¿ëÀÚ Á¤ÀÇ Å±׸¦ Ãß°¡ÇÏ·Á¸é Faces ¸µÅ© »ç¿ë ¼±ÅöõÀ» Ŭ¸¯ÇÏ¿©
Faces¿¡ ´ëÇØ outputLink ű׸¦ ÀÛ¼ºÇϽʽÿÀ.
- ¿Ï·á¸¦ Ŭ¸¯ÇϽʽÿÀ. Ž»ö
±¸¼º¿ä¼Ò ¾ÆÀÌÄÜ(
)ÀÌ ÆäÀÌÁö ÅÛÇø®Æ®¿¡
Ç¥½ÃµË´Ï´Ù.
- ÆäÀÌÁö ÅÛÇø®Æ®ÀÇ º¯°æ»çÇ×À» ÀúÀåÇϽʽÿÀ.
ÆäÀÌÁö ÅÛÇø®Æ®¸¦ ÀúÀåÇÒ ¶§, µ¿Àû Ž»ö º¯°æ»çÇ×Àº
»çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁö¿¡ Àû¿ëµË´Ï´Ù.
- ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡¼ À¥ »çÀÌÆ® Ž»öÀ» µÎ ¹ø Ŭ¸¯ÇÏ¿©
»çÀÌÆ® ±¸Á¶¸¦ »ìÆì º¸½Ê½Ã¿À.
ÀÌÁ¦ À¥ ÆäÀÌÁö¿¡ Ž»ö ±¸¼º¿ä¼Ò°¡ ÀÖÀ¸¹Ç·Î, ÆäÀÌÁö¿¡ À¥ »çÀÌÆ® Ž»öÀÌ ¾øÀ½À»
³ªÅ¸³»´Â ¾ÆÀÌÄÜ(
)Àº ÆäÀÌÁö ¾ÆÀÌÄÜ¿¡ Ç¥½ÃµÇÁö ¾Ê½À´Ï´Ù.

Ž»ö ±¸¼º¿ä¼Ò´Â ¸î °³ÀÇ ÆÄÀÏÀ» À¥ ÇÁ·ÎÁ§Æ®¿¡ Ãß°¡ÇÕ´Ï´Ù.
ÅÛÇø®Æ®¸¦ ÀúÀåÇÑ ÈÄ¿¡´Â ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡ »õ·Î¿î
.jsp¿Í ¸î °³ÀÇ .gif ÆÄÀÏÀÌ Æ÷ÇԵ˴ϴÙ. ÀÌ ÆÄÀÏÀº »ç¿ëÀÚ ÆäÀÌÁö¿¡ ÅÇÀ»
Ç¥½ÃÇÕ´Ï´Ù.
Ž»ö ¹Ì¸®º¸±â
ÅÛÇø®Æ®°¡ ¾Æ´Ñ ÆäÀÌÁö¿¡¼ Ž»öÀÌ ¾î¶»°Ô Ç¥½ÃµÇ´ÂÁö ÀνºÅϽº¸¦ º¸·Á¸é
ÇÁ·ÎÁ§Æ® Ž»ö±â º¸±â¿¡¼ all_records.jsp¸¦ µÎ ¹ø Ŭ¸¯ÇÑ ÈÄ
Page Designer¿¡¼ ¹Ì¸®º¸±â ÅÇÀ» Ŭ¸¯ÇϽʽÿÀ.
ÅÇ¿¡ Ç¥½ÃµÇ´Â À̸§ÀÌ ÆÄÀÏ À̸§ÀÌ ¾Æ´Ï¶ó ÆäÀÌÁöÀÇ Å½»ö ·¹À̺íÀÓÀ»
º¼ ¼ö ÀÖ½À´Ï´Ù. ¶ÇÇÑ
ÇöÀç ÆäÀÌÁö°¡ °Á¶Ç¥½ÃµÈ ÅÇÀ¸·Î Ç¥½ÃµÈ´Ù´Â Á¡¿¡ ÁÖ¸ñÇϽʽÿÀ.
»çÀÌÆ®¸¦ Ž»öÇÒ ¶§ ÇöÀç ÆäÀÌÁö´Â Ç×»ó ¸Ç À§¿¡ °Á¶Ç¥½ÃµÈ ÅÇÀ¸·Î Ç¥½ÃµË´Ï´Ù.
ÆÁ: Ž»ö º¸±â¿¡¼ »çÀÌÆ®ÀÇ ±¸Á¶¸¦ º¯°æÇÒ °æ¿ì
µ¿Àû Ž»ö ¸µÅ©´Â »õ ±¸Á¶¸¦ ¹Ý¿µÇϱâ À§ÇØ ÀÚµ¿À¸·Î °»½ÅµË´Ï´Ù.
Áö±Ý±îÁö µ¿Àû Ž»öÀ» ¼³Á¤Çß½À´Ï´Ù. ÀÌÁ¦ ¿¬½À 1.7:À¥ »çÀÌÆ®
¹Ì¸®º¸±â¸¦ ½ÃÀÛÇÒ ¼ö ÀÖ½À´Ï´Ù.