Simplest jQuery Dropdown Nav Demo
¹«Á¦ ¹®¼­
 
 
 
 
   
 
 
 
   
 
   
   
 
   
 
 
     
   
 
   
°¡. ¸éÃ¥À̶õ?
  ÆÄ»ê¹ý»óÀÇ ¸éÃ¥À̶õ, ÀÚ¿¬ÀÎ ÆÄ»êÀÚ¿¡ ´ëÇÏ¿© ÆÄ»êÀýÂ÷¿¡ ÀÇÇÏ¿© ¹è´ç·º¯Á¦µÇÁö ¾Æ´ÏÇÑ ÀÜ¿©Ã¤¹«¿¡ °üÇÑ º¯Á¦Ã¥ÀÓÀ» ¸éÁ¦ÇÏ´Â °ÍÀ» ¸»ÇÕ´Ï´Ù. Áï, ÀÚ¿¬ÀÎ(í»æÔìÑ)Áß¿¡ ÀÚ½ÅÀÇ À߸øÀÌ ¾Æ´Ñ ÀÚ¿¬ÀçÇسª °æ±âº¯µ¿ µî°ú °°Àº ºÒ¿î(ÝÕê¡)À¸·Î ÀÎÇÏ¿© ÆĻ꼱°í¸¦ ¹ÞÀº '¼º½ÇÇϳª ºÒ¿îÇÑ' 乫ÀÚ¿¡°Ô »õ·Î¿î Ãâ¹ßÀÇ ±âȸ¸¦ ÁÖ±â À§ÇÑ °ÍÀ¸·Î¼­ ÆÄ»êÀýÂ÷¸¦ ÅëÇÏ¿© º¯Á¦µÇÁö ¾Æ´ÏÇÑ ÀÜ¿©Ã¤¹«¿¡ ´ëÇÑ ÆÄ»êÀÚÀÇ º¯Á¦Ã¥ÀÓÀ» ÆÄ»ê¹ý¿øÀÇ ÀçÆÇ¿¡ ÀÇÇÏ¿© ¸éÁ¦½ÃÅ´À¸·Î½á ÆÄ»êÀÚÀÇ °æÁ¦Àû °»»ýÀ» µµ¸ðÇÏ´Â ÀýÂ÷ÀÔ´Ï´Ù.
ÆÄ»êä±ÇÀÇ ÀϺθ¸ÀÇ ¸éÃ¥À» ±¸ÇÏ´Â ÀϺθéÃ¥½ÅûÀ» ÇÒ ¼ö´Â ¾ø½À´Ï´Ù.
¸éÃ¥°áÁ¤ÀÌ È®Á¤µÇ¸é ÆÄ»êÀÚÀÇ ½Å¿øÁõ¸í¾÷¹«¸¦ °üÀåÇÏ´Â º»ÀûÁö ½Ã·±¸·À¾·¸éÀå¿¡°Ô ¸éÃ¥¼±°í»ç½ÇÀÌ ÅëÁöµÇ¾î ½Å¿øÁõ¸í¼­¿¡ ½Å¿øÁõ¸í»çÇ×ÀÇ Çϳª·Î ±âÀçµÇ¾îÀÖ´ø »çÇ×À» ¸»¼ÒÇÏ°Ô µË´Ï´Ù.

 

³ª. ¸éÃ¥½Åû ¹æ¹ý
  (1) ½Åû±ÇÀÚ : ÆĻ꼱°í¸¦ ¹ÞÀº ÆÄ»êÀÚ(ÀÚ¿¬ÀÎ)
  (2) ½Åû½Ã±â : ÆĻ꼱°í½ÃºÎÅÍ ÆÄ»êÀýÂ÷ ÇØÁö½Ã±îÁö ÇÒ ¼ö ÀÖ°í, µ¿½ÃÆóÁö°áÁ¤ÀÌ ³»·ÁÁø °æ¿ì ¿¡´Â ÆóÁö°áÁ¤ÀÌ È®Á¤(°áÁ¤¹® ½Å¹®°ø°í°ÔÀçÀÏ ´ÙÀ½ ³¯ºÎÅÍ 14ÀÏ °æ°ú)µÈ ÈÄ 1 °³¿ù À̳»
  (3) ½ÅûÀå¼Ò : 0 0 Áö¹æ¹ý¿ø (ÆÄ»ê°ú) Á¢¼ö°è
  (4) ¸éÃ¥½Åû¼­ : 0 0 Áö¹æ¹ý¿ø (ÆÄ»ê°ú) Á¢¼ö°è¿¡¼­ ¹èºÎÇÕ´Ï´Ù.

 

´Ù. ¸éÃ¥ºÒÇã°¡»çÀ¯
  ¸ðµç ÆÄ»êÀÚ°¡ ¹ý¿øÀ¸·ÎºÎÅÍ ¸éÃ¥À» Çã°¡ ¹ÞÀ» ¼ö ÀÖ´Â °ÍÀº ¾Æ´Õ´Ï´Ù. Áï, ÆÄ»êÀÚ°¡ ¸éÃ¥½ÅûÀ» ÇÏ¸é ¹ý¿øÀº ÆÄ»êÀÚ¸¦ ½É¹®ÇÏ¿© »çÁ¤À» µè°í, ä±ÇÀڷκÎÅ͵µ ÀÇ°ßÀ» ûÃëÇÑ ´ÙÀ½ ¸éÃ¥Çã°¡°áÁ¤À» ÇÒ °ÍÀÎÁö¸¦ ÆÇ´ÜÇÕ´Ï´Ù. ±×¸®°í ´ÙÀ½¿¡¼­ ¿¹½ÃÇÑ ÀÏÁ¤ÇÑ »çÀ¯°¡ ÀÖ´Â °æ¿ì¿¡´Â ÆÄ»ê¹ý Á¦346Á¶ÀÇ ±ÔÁ¤¿¡ ÀÇÇØ ¿øÄ¢ÀûÀ¸·Î ¸éÃ¥Çã°¡°áÁ¤À» ¹ÞÀ» ¼ö ¾ø½À´Ï´Ù.

 

¢º ¸éÃ¥ÀÌ Çã°¡µÇÁö ¾Æ´ÏÇÑ °æ¿ì¿¡´Â ÆÄ»êÀÇ ¿øÀÎÀÌ µÈ 乫¸¦ ´Ù °±À» ¶§±îÁö °è¼ÓÇÏ¿© º¯Á¦ÇÏ¿©¾ß ÇÒ »Ó¸¸ ¾Æ´Ï¶ó ÆÄ»êÀڷμ­ ¿©·¯ °¡Áö Á¦¾àÀ» ¹Þ°Ô µË´Ï´Ù. ÀÌÁ¡ ½ÅÁßÈ÷ °ËÅäÇϽñ⠹ٶø´Ï´Ù. ¸éÃ¥ºÒÇã°¡ »çÀ¯´Â ¾Æ·¡¿Í °°½À´Ï´Ù.
  (1) ÆÄ»êÀÚ°¡ ÀÚ±â Àç»êÀ» ¼û±â°Å³ª ´Ù¸¥ »ç¶÷ ¸íÀÇ·Î ¹Ù²Ù°Å³ª Çæ°ª¿¡ ÆȾƹö¸° ÇàÀ§
  (2) ÆÄ»êÀÚ°¡ 乫¸¦ ÇãÀ§·Î Áõ°¡½ÃÅ°´Â ÇàÀ§.
  (3) ÆÄ»êÀÚ°¡ ³¶ºñ ¶Ç´Â µµ¹Ú µîÀ» ÇÏ¿© ÇöÀúÈ÷ Àç»êÀ» °¨¼Ò½ÃÅ°°Å³ª °ú´ëÇÑ Ã¤¹«¸¦ ºÎ´ãÇÏ´Â ÇàÀ§
  (4) ÆÄ»êÀÚ°¡ ÇöÀúÈ÷ ºÒ¸®ÇÑ Á¶°ÇÀ¸·Î 乫¸¦ ºÎ´ãÇϰųª ½Å¿ë°Å·¡·Î ±¸ÀÔÇÑ »óÇ°À» ÇöÀúÈ÷ ºÒ¸®ÇÑ Á¶°ÇÀ» óºÐÇÏ´Â ÇàÀ§
  (5) ÆÄ»êÀÚ°¡ ÆÄ»ê¿øÀÎÀÎ »ç½ÇÀÌ ÀÖÀ½À» ¾Ë¸é¼­ ¾î´À ä±ÇÀÚ¿¡°Ô Ưº°ÇÑ ÀÌÀÍÀ» ÁÙ ¸ñÀûÀ¸·Î ÆÄ»êÀÚÀÇ Àǹ«¿¡ ¼ÓÇÏÁö ¾Ê°Å³ª ±× ¹æ¹ý ¶Ç´Â ½Ã±â°¡ ÆÄ»êÀÚÀÇ Àǹ«¿¡ ¼ÓÇÏÁö ¾Ê´Âµ¥µµ ÀϺΠä±ÇÀÚ¿¡°Ô¸¸ º¯Á¦Çϰųª ´ãº¸¸¦ Á¦°øÇÏ´Â ÇàÀ§(¾ÆÁ÷ º¯Á¦±â°¡ µµ·¡ÇÏÁö ¾ÊÀº ÀϺΠä±ÇÀÚ¿¡°Ô¸¸ º¯Á¦Çϰųª ¿ø·¡ ´ë¹°º¯Á¦ ¾àÁ¤ÀÌ ¾ø´Âµ¥µµ ÀϺΠä±ÇÀÚ¿¡°Ô ´ë¹°º¯Á¦ÇÏ´Â ÇàÀ§¸¦ Æ÷ÇÔ)
  (6) ÆÄ»êÀÚ°¡ ÇãÀ§ÀÇ Ã¤±ÇÀÚ¸íºÎ¸¦ Á¦ÃâÇϰųª ¹ý¿ø¿¡ ´ëÇÏ¿© ±× Àç»ê »óÅ¿¡ °üÇÏ¿© ÇãÀ§ÀÇ Áø¼úÀ» ÇÏ´Â ÇàÀ§

 

¶ó. ¸éÃ¥ÀÇ È¿·Â
  (1) ÆÄ»êÀÚ¿¡ ´ëÇÑ È¿·Â
    ¸éÃ¥Çã°¡°áÁ¤ÀÌ È®Á¤µÇ¸é ÆÄ»êÀÚ´Â ´ç¿¬È÷ º¹±ÇµÇ°í, °ø·»ç¹ý»óÀÇ ½ÅºÐ»óÀÇ Á¦ÇÑÀÌ ¼Ò¸êµË´Ï´Ù. ±×·¯³ª ÀϺθéÃ¥°áÁ¤Àº µ¿½Ã¿¡ ÀϺΠºÒÇã°¡°áÁ¤À̱⵵ ÇϹǷΠ"¸éÃ¥ÀÇ °áÁ¤ÀÌ È®Á¤µÈ ¶§"¿¡ ÇØ´çÇÏÁö ¾Æ´ÏÇÏ¿© ´ç¿¬È÷ º¹±ÇµÇÁö´Â ¾ÊÀ¸¹Ç·Î ÀϺθéÃ¥À» ¹ÞÀ¸½Å ºÐÀº ¸éÃ¥ ¹ÞÁö ¸øÇÑ Ã¤¹«¸¦ º¯Á¦ÇϽŠÈÄ º¹±ÇÀýÂ÷¸¦ ÀÌÇàÇÏ¼Å¾ß ÇÕ´Ï´Ù.

 

  (2) ÆÄ»êä±ÇÀÚ¿¡ ´ëÇÑ È¿·Â
    ÆÄ»êä±ÇÀº ÆÄ»êÀÚ¿¡ ´ëÇÑ ¸éÃ¥Çã°¡°áÁ¤ÀÇ È®Á¤¿¡ ÀÇÇÏ¿© ±× Ã¥ÀÓÀÌ ¼Ò¸êÇÕ´Ï´Ù.
¸éÃ¥°áÁ¤(ÀϺθéÃ¥Àº Á¦¿Ü)ÀÌ È®Á¤µÇ¸é ÀºÇ࿬ÇÕȸ ½Å¿ëÁ¤º¸°ü¸®±Ô¾à Á¦12Á¶ Á¦8Ç׿¡ ÀÇÇÏ¿©
½Å¿ëºÒ·® Á¤º¸´Â ÇØÁ¦°¡ µÇ³ª, ´ëÃâÁ¤º¸´Â ¸íÈ®ÇÑ ±ÔÁ¤ÀÌ ¾ø¾î ´ç¿¬È÷ »èÁ¦µÇ´Â °ÍÀº ¾Æ´Õ´Ï´Ù.
¸éÃ¥Çã°¡¸¦ ¹ÞÀ¸½Å ºÐÀº ä±ÇÀڵ鿡°Ô ¸éÃ¥ °áÁ¤¹®À» Á÷Á¢ Á¦ÃâÇÏ´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
±ÝÀ¶±â°ü¿¡¼­´Â ¸éÃ¥Çã°¡ °áÁ¤ÀÇ ³»¿ëÀ» ¸ð¸£´Â °æ¿ì°¡ Àֱ⠶§¹®ÀÔ´Ï´Ù.(¸éÃ¥°áÁ¤Àº ½Å¹®¿¡ °ø°í¸¸ ÇÏ°í ä±ÇÀڵ鿡°Ô ¼Û´ÞÀ» ÇÏÁö ¾Ê½À´Ï´Ù.)

 

  (3) ¸éÃ¥¿¡¼­ Á¦¿ÜµÇ´Â 乫
(°¡) Á¶¼¼Ã¤±Ç
(³ª) ¹ú±Ý, °ú·á, Çü»ç¼Ò¼Ûºñ¿ë, °ú¡±Ý, °úÅ·á
(´Ù) ÆÄ»êÀÚ°¡ ¾ÇÀÇ·Î °¡ÇÑ ºÒ¹ýÇàÀ§·Î ÀÎÇÑ ¼ÕÇعè»óû±¸±Ç
(¶ó) °í¿ëÀÎÀÇ ÃÖÈÄ 6°³¿ùºÐÀÇ ±Þ·á, ÀÓÄ¡±Ý ¹× ½Å¿øº¸Áõ±Ý
(¸¶) ÆÄ»êÀÚ°¡ ¾Ë¸é¼­ ä±ÇÀÚ¸íºÎ¿¡ ±âÀçÇÏÁö ¾Æ´ÏÇÑ Ã»±¸±Ç
(¹Ù) ºñ¸éåä±ÇÀÎÁö ¿©ºÎ¿¡ ´ÙÅùÀÌ ÀÖ´Â °æ¿ì

 

   

 

  (4)  º¸ÁõÀο¡ ´ëÇÑ È¿·Â
    ¸éÃ¥Àº ÆÄ»êä±ÇÀÚ°¡ ÆÄ»êÀÚÀÇ º¸ÁõÀÎ, ±âŸ ÆÄ»êÀÚ¿Í ´õºÒ¾î 乫¸¦ ºÎ´ãÇÏ´Â ÀÚ¿¡ ´ëÇÏ¿© °¡Áö´Â ±Ç¸® ¹× ÆÄ»êä±ÇÀÚ¸¦ À§ÇÏ¿© Á¦°øÇÑ ´ãº¸¿¡´Â ¿µÇâÀ» ¹ÌÄ¡Áö ¾Æ´ÏÇÕ´Ï´Ù.-º¸ÁõÀÎÀº º¯Á¦ÇÏ¿©¾ß Çϸç, º¸ÁõÀÎÀº º¯Á¦ÇÏ´õ¶óµµ 乫ÀÚ¿¡°Ô ±¸»ó±Ç(´ë½Å °±Àº µ·ÀÇ Ã»±¸)À» Çà»çÇÒ ¼ö ¾ø½À´Ï´Ù. ¶ÇÇÑ º¸ÁõÀÎÀÌ º¸ÁõÀÇ ÁöÀ§¸¦ ¹þ¾î³ª±â À§Çؼ­´Â ÀüºÎ º¯Á¦¸¦ Çϰųª ÆÄ»êÀ» ½ÅûÇÒ ¼ö ÀÖ½À´Ï´Ù.

 

¸¶. Çѹø ³»·ÁÁø ¸éÃ¥°áÁ¤ÀÌ Ãë¼ÒµÉ ¼öµµ ÀÖ½À´Ï´Ù.
  ¸éÃ¥°áÁ¤ÀÌ È®Á¤µÈ ÈÄ¿¡µµ »ç±âÆÄ»êÁË¿¡ °üÇÏ¿© ÆÄ»êÀÚ¿¡ ´ëÇÑ À¯ÁËÀÇ ÆÇ°áÀÌ È®Á¤µÈ ¶§¿Í ÆÄ»êÀÚ°¡ ºÎÁ¤(Üôïá)ÇÑ ¹æ¹ýÀ¸·Î ¸éÃ¥À» ¾òÀº °æ¿ì¿¡´Â ÆÄ»êä±ÇÀÚÀÇ ½Åû ¶Ç´Â ÆÄ»ê¹ý¿ø Á÷±Ç¿¡ ÀÇÇÏ¿© ¸éÃ¥ÀÌ Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.

 

¹Ù. ÆĻ꼱°í ÈÄ ¸éÃ¥½Åû½Ã ¼Ò¿äµÇ´Â ºñ¿ë
  ¡Ü½Åû¼ö¼ö·á : Á¤ºÎ¼öÀÔÀÎÁö 1,000¿ø - ½Åû¼­¿¡ Ç®·Î ºÙÀÓ
¡Ü
¼Û ´Þ ·á : ±âº» 27,000¿ø £« (ä±ÇÀÚ¼ö × 2,760¿ø × 3) - ±×´ë·Î Á¦Ãâ
¡Ü
¿¹ ³³ ±Ý : 383,400¿ø -> ½Å¹®°ø°í·á 360,000¿ø(3ȸºÐ) + °üº¸°ÔÀç·á 23,400(3ȸºÐ) ÀÏ°£ °æÁ¦½Å¹®¿¡ ¸éÃ¥½É¹®±âÀÏ, ¸éÃ¥°áÁ¤, ¸éåȮÁ¤À» °ÔÀçÇÒ °ø°íºñ¿ëÀÔ´Ï´Ù. (¿¹³³±ÝÀº ¸éÃ¥½Åû¼­ ¸¦ Á¢¼öÇÏ¿© ¸éÃ¥»ç°Ç¹øÈ£¸¦ ºÎ¿©¹ÞÀº ÈÄ¿¡ ³³ºÎÇÒ ¼ö ÀÖ½À´Ï´Ù)
->
°¢ Áö¹æ¹ý¿ø Ãë±ÞÁ¡¿¡¼­ À§ ±Ý¾×À» ³³ºÎ

 

¢¼ º» ¾È³»¹®Àº ¸éÃ¥ÀýÂ÷ ½Åû½Ã¿¡µµ Âü°í·Î ÇÏ¿©¾ß ÇÏ´Ï Àß º¸°üÇϽñ⠹ٶø´Ï´Ù.
   
   
¹«Á¦ ¹®¼­