HOME>ITÀü¹®°¡>ÀÚ¹Ù½ºÅ©¸³Æ® | Á¦ÀÌÄõ¸®>Á¦ÀÌÄõ¸® [½Ç¹«]
¾ËÁö¿À ÆÐŰÁö

Á¦ÀÌÄõ¸® [½Ç¹«]

Á¦ÀÌÄõ¸® [½Ç¹«]
40ȸÂ÷ ¼Ó¼º°úÁ¤
Àüü : 40½Ã°£ 26ºÐ|ȸÂ÷´ç Æò±Õ : 1½Ã°£ 0ºÐ38ÃÊ

ÀÌ¿ë±â°£ 2°³¿ù

Àü¹®°­»ç : ¾ËÁö¿À R&D [IT]

370,000¿ø225,000¿ø
Á¦ÀÌÄõ¸® [½Ç¹«] Àΰ­ Æò»ý±³À°¿ø ±³À° ¾È³»
Á¦ÀÌÄõ¸® ±âÃʺÎÅÍ °í±Þ±îÁö ÇнÀÇÑ µÚ ½ÇÁ¦ ½Ç¹«¿¡ »ç¿ëÇÒ¼ö ÀÖ´Â È¿°ú ¹× ¿¹Á¦¸¦ ´Ù·ïº¸±æ ¿øÇÏ´Â ºÐµéÀÌ ÀÌ¿ëÇϸé ÁÁ½À´Ï´Ù. Á¦ÀÌÄõ¸® ±âÃÊ ºÎÅÍ °í±Þ°úÁ¤ ¿¡¼­ ´Ù·çÁö ¾ÊÀº ¿¤¸®¸ÕÆ® Á¶ÀÛ°ü¸®, ¸Þ¼Òµå Ȱ¿ë, DOM Ȱ¿ëÀ» ÁýÁßÀûÀ¸·Î ´Ù·ç¾îº¼¼ö ÀÖÀ¸¸ç °ü·Ã ÇнÀ³»¿ëÀ» ÅëÇØ Á¦ÀÌÄõ¸® ¸¦ ÀÌ¿ëÇÑ È¨ÆäÀÌÁö Á¦ÀÛ¿¡ ´ëÇÑ ÀÌÇØ¸¦ ³ôÀÏ ¼ö ÀÖ½À´Ï´Ù. ´Ù¾çÇÑ ÇüŸ¦ Á¦ÀÛ ½Ç½ÀÀ» ÁøÇàÇÔÀ¸·Î½á »ç¿ë¹ýÀ» ÀÍÈ÷°í ½Ç¹«´É·ÂÀ» Çâ»ó½Ãų¼ö ÀÖÀ¸¸ç, Á¦ÀÌÄõ¸® ÀÛ¾÷½Ã ¹Ýµå½Ã ¾Ë¾Æ¾ß µÉ °úÁ¤À» Á¾·ùº°·Î ÇнÀÇÒ¼ö ÀÖ½À´Ï´Ù.
  • jquery [½Ç¹«]
  • 01.41ºÐ ¼û°ÜÁø ¸Þ´º¸®½ºÆ®, ¹öºíÇüÅ ¸Þ´º¸®½ºÆ® Á¦ÀÛ

    ´Ù¾çÇÑÇüÅÂÀÇ ¸Þ´º¸®½ºÆ®µéÀ» Á¦À۽ǽÀÇÔÀ¸·Î½á ½Ç¹«´É·ÂÀ» Çâ»ó½Ãŵ´Ï´Ù.

    Ã¥°¥ÇÇ[02:05] ½Ç½À¿Ï¼ºº»/[08:43] background ÀϰýÁöÁ¤/[13:13] ¹öºíÇüÅ ¸Þ´º/[22:43] a.icon Ä÷¯ÁöÁ¤/[30:28] callBack ÁöÁ¤/[34:39] ½ÉÇà ¸Þ´º/[40:57] ÅØ½ºÆ®ÀϰýÁöÁ¤
  • 02.38ºÐ ±âº»½ÉÇø޴º, X¹Ù ¸Þ´º

    ±âº»ÀûÀÎ ÇüÅÂÀÇ ¸Þ´º¿Í, ´Ý±â¹öưÀÌ Æ÷ÇÔµÈ ¸Þ´º¸¦ ¸¸µé¾îº¾´Ï´Ù.

    Ã¥°¥ÇÇ[02:28] span Àû¿ë ¿¹/[07:19] ¾Æ¿ô animate/[15:08] #main-list/[24:48] mouseover À̺¥Æ®/[28:33] removeClass/[34:42] $(".sub-list").fadeOut
  • 03.40ºÐ ¾ÆÄÚµð¾ð¸Þ´º, ¿À¹ö·¹ÀÌÇü½ÄÀÇ ¸Þ´º

    ´Ù¾çÇÑÇüÅÂÀÇ ¸Þ´º¸®½ºÆ®µéÀ» Á¦À۽ǽÀÇÔÀ¸·Î½á ½Ç¹«´É·ÂÀ» Çâ»ó½Ãŵ´Ï´Ù.

    Ã¥°¥ÇÇ[00:05] ¾ÆÄÚµð¾ð¸Þ´º/[06:21] .menu/[12:56] .body {display:none;}/[15:31] slideToggle/[19:08] slideUp/[23:06] ¿À¹ö·¹ÀÌ ¸Þ´º/[31:05] ul.menu/[38:43] li.subheading
  • 04.42ºÐ ¿À¹ö·¹ÀÌ ¸Þ´º, blur effect

    ¿À¹ö·¹À̸޴º¿Í ºí·¯ÀÌÆåÆ®°¡ °¡¹ÌµÈ À¥ÆäÀÌÁö¸¦ Á¦ÀÛÇÔÀ¸·Î½á ½Ç¹«´É·ÂÀ» Çâ»ó½Ãŵ´Ï´Ù.

    Ã¥°¥ÇÇ[00:29] ±âº»º¯¼öÁöÁ¤/[07:30] callBackÇÔ¼ö/[13:57] ¿À¹ö·¹ÀÌ»èÁ¦/[19:05] body/[22:38] h1, h1 span/[27:11] ±âº»º¯¼ö¼³Á¤/[31:21] blur, active Ŭ·¡½º/[36:51] .content article.active/[40:23] -webkit-transition
  • 05.43ºÐ puzzle box menu

    ÆÛÁñÀÌ Èð¾îÁö°í ¸ð¾ÆÁö´Â ÀÌÆåÆ®¸¦ ±¸ÇöÇÏ¿© À¥¸Þ´º¸¦ Á¦ÀÛÇØ º¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:17] ½Ç½À¿Ï¼ºÀÛ/[10:46] À§Ä¡°ªÃß°¡/[16:52] padding, margin/[22:33] $('#boxes a').bind('click')/[28:00] ('#boxes > div').each/[33:49] var newwidth,newheight/[37:33] $currentBox.animate/[41:01] divinfo.source
  • 06.46ºÐ ¿À¹ö·¹ÀÌ À̹ÌÁö °¶·¯¸®

    Ŭ¸¯À̺¥Æ®°¡ Àû¿ëµÈ ÆË¾÷ °¶·¯¸®¿¡ ¿À¹ö·¹À̸¦ Àû¿ëÇØ ½Ã°¢ÀûÀÎ È¿°ú¸¦ ²Ù¸çÁÝ´Ï´Ù.

    Ã¥°¥ÇÇ[00:32] À̹ÌÁö °¶·¯¸®/[06:56] style=display:none;/[13:18] a.next, a.prev/[18:57] .menu/[23:17] alzio1~6 ¾ÆÀÌÄÜÁöÁ¤/[30:16] $('#modal').animate/[36:15] function HIDE()/[41:36] ÀÌÀü¹öưÁ¤ÀÇ/[44:40] ('#content').appendÈ®ÀÎ
  • 07.46ºÐ À̹ÌÁö ½½¶óÀ̵å

    ¹öưÀ» ÅëÇØ ½½¶óÀÌµå ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÏ´Â À̹ÌÁö ½½¶óÀ̵带 Á¦ÀÛÇØ º¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:20] ½Ç½À¿Ï¼º/[07:27] .ALL .menulist/[16:57] var positions/[23:04] ¹öư¿¡ ´ëÇÑ Á¤ÀÇ/[27:29] enableNext/[31:40] function moveLeft/[39:26] ++first/[43:56] positions(i+1)
  • 08.44ºÐ Á¦ÀÌÄõ¸® ½½¶óÀ̵ù Æû

    ´Ü°èº°·Î ÁøÇàµÇ´Â ½½¶óÀ̵ù ÆûÀ» Á¦ÀÛÇϰí, µ¿ÀûÀÎ ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:12] ½½¶óÀ̵ù Æû/[05:00] navigation±¸Á¶/[13:59] -webkit-gradient/[21:25] #steps form p.submit/[28:57] Çʵå¼ÂÀÇ ³ÐÀÌÀúÀå/[33:10] current ¼³Á¤/[41:40] if, else¹®
  • 09.39ºÐ Á¦ÀÌÄõ¸® ½½¶óÀ̵ù Æû, µ¸º¸±â ±¸Çö

    ½½¶óÀ̵ùÆûÀ» ¸¶¹«¸®Çϰí, ¼îÇθô µî¿¡¼­ ÀÚÁÖ »ç¿ëµÇ´Â À̹ÌÁö µ¸º¸±â È¿°ú ±¸ÇöÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:18] validateSteps ÇÔ¼ö/[08:04] var $link/[13:59] À̹ÌÁö¿¡ µ¸º¸±â ±¸Çö/[21:24] position: absolute/[26:28] var image_object/[35:44] µ¸º¸±â ¼³Á¤
  • 10.42ºÐ ´Ã¾î³ª´Â À̹ÌÁö ¸Þ´º ±¸Çö

    ´Ã¾î³ª´Â À̹ÌÁö ¸Þ´º¸¦ Á¦ÀÛÇØ º¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:04] Expanding Image Menu/[04:29] body/[15:17] .info/[20:40] totalMenuItems/[24:31] configureMenu/[34:19] »ïÇ׿¬»êÀÚ/[40:14] return
  • 11.41ºÐ ÀüüÆäÀÌÁö·Î ±¸¼ºµÈ À̹ÌÁö °¶·¯¸®

    ÀüüÆäÀÌÁö·Î ²Ù¸çÁ® ÀÖ´Â À¯¿ëÇÑ À̹ÌÁö °¶·¯¸®¸¦ ¸¸µé¾îº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:13] À̹ÌÁö °¶·¯¸®/[08:28] z-index/[15:47] #panel img/[21:38] var totalpictures/[26:39] current°ª º¯°æ/[31:22] callBack±¸Çö/[33:05] À̹ÌÁö ¹öưÁ¤ÀÇ
  • 12.45ºÐ À̹̰¶·¯¸® ¸¶¹«¸®, ¿ÀÅä¹è³Ê »ý¼º

    À̹ÌÁö°¶·¯¸® ¹öư¿¡ °ü·ÃµÈ ³»¿ëÀ» ¸¶¹«¸®Çϰí, ÀÚµ¿ÀûÀ¸·Î ¸®ÇÁ·¹½ÃµÇ´Â º£³Ê¸¦ Á¦ÀÛÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:41] $('#next').click/[06:02] $('#imgname').fadeOut/[13:39] var title/[20:24] div#slideItems/[25:50] for¹® ¸®½ºÆ®»ý¼º/[33:23] bind ÇÔ¼ö/[41:39] setInterval »ý¼º
  • 13.41ºÐ ¿ÀÅä¹è³Ê »ý¼º2

    ÀÌÀü½Ã°£°ú´Â ´Ù¸£°Ô Á¤ÀÇµÈ ¿ÀÅä¹è³Ê¸¦ »õ·Ó°Ô »ý¼ºÇغ¸°í ¿Ïº®ÇÏ°Ô ÀÌÇØÇÒ¼öÀÖµµ·Ï ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:11] ·Ñ¸µ¹è³Ê/[08:14] .rotator/[17:32] .rotator .heading/[23:05] var current = 1/[27:54] function display/[39:42] $('#menu li').click
  • 14.43ºÐ Parallax È¿°ú

    ·¹À̾îÀÇ ±â´ÉÀ» ÀÌÇØÇϰí 3DÈ¿°ú¸¦ ±¸ÇöÇÏ´Â Parallax¿¡ ´ëÇØ °øºÎÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:11] Parallax/[04:36] img Å©±âºñ±³/[11:25] ¸¶¿ì½º À§Ä¡ÀúÀå/[20:26] ¾Ö´Ï¸ÞÀ̼Ǽӵµ/[25:49] navi Á¤ÀÇ/[34:16] Ŭ¸¯À̺¥Æ® ¼³Á¤/[41:03] addClass('active')
  • jquery [Ȱ¿ë]
  • 15.2½Ã°£ 14ºÐ Á¦ÀÌÄõ¸®ÀÇ ¿¤¸®¸ÕÆ® ¼±Åðü¸®¿Í ¿¤·¹¸ÕÆ® ¼±Åà ¸Þ¼Òµå

    Á¦ÀÌÄõ¸® ¼±ÅÃÀ» Á¦¾îÇÏ°í ¼±Åó»¿ëÀ» Á¶Á¤Çϴ¹ý°ú ¿¤¸®¸ÕÆ®º°·Î ¼±ÅÃÀ» Á¦¾îÇÒ ¼ö ÀÖ´Â ¸Þ¼Òµå¸¦ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:26] Á¦ÀÌÄõ¸®¸¦ »ç¿ëÇÏ´Â ÆÐÅÏ/[07:29] dcellºÎºÐ/[12:35] ¿¤¸®¸ÕÆ® label ±¸¼º/[19:29] remove¸Þ¼Òµå/[22:18] not¸Þ¼Òµå/[29:18] eq¸Þ¼Òµå/[36:21] ¿¤¸®¸ÕÆ® ÇÊÅ͸µ/[46:36] ÀÎÀÚ°ª °´Ã¼/[52:00] return°ª ´Þ¶óÁö´Â °á°ú/[59:30] ÇÔ¼ö ±¸¼º/[66:26] map ÀÌ¿ë/[72:55] end, andSelf/[78:00] children¸Þ¼Òµå ±¸¼º/[84:45] filter not Á¦ÇÑ/[90:30] offsetParent¸Þ¼Òµå/[98:15] oblock ½ºÅ¸ÀÏ/[05:00] ¼öÆòÀû ¼±Åà ¸Þ¼Òµå/[10:13] sibling, next, prev/[17:10] ÄܼÖâ ±¸¼º/[21:44] ±âÁ¸ ¿¤¸®¸ÕÆ® ¸¸µé±â/[33:22] consoleâ È®ÀÎ
  • 16.1½Ã°£ 44ºÐ ¿¤¸®¸ÕÆ®ÀÇ DOM Á¶ÀÛ

    ¿¤¸®¸ÕÆ® »ý¼º ÈÄ ¹®¼­¿¡ ¾î¶»°Ô »ðÀÔÇÒ¼ö ÀÖ´ÂÁö ÀÚ½Ä ¹× ÀÚ¼Õ ¿¤¸®¸ÕÆ®¸¦ ¸¸µé¾îº¸°í wrap¸Þ¼Òµå »ç¿ë¹æ¹ý¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:37] ÀÚ½Ä ÀÚ¼Õ¿¤¸®¸ÕÆ® »ðÀÔ/[05:15] append »ç¿ë/[10:54] input name ±¸¼º/[15:05] prepend »ðÀÔ/[23:56] row2 prepend¼Ó¼º/[34:15] ÇÔ¼ö ÀÌ¿ë ¿¤¸®¸ÕÆ® »ðÀÔ/[41:06] ÇÔ¼ö·Î ÀڽĿ¤¸®¸ÕÆ® »ðÀÔ/[47:07] drow ±¸¼º ¼±¾ð/[52:51] wrapInner »ç¿ë/[57:15] Á¶°Ç¹® ±¸¼º/[66:25] add¸Þ¼Òµå/[73:45] after¸Þ¼Òµå¸¦ ÀÌ¿ëÇØ ±¸¼º/[79:57] replaceWith¸Þ¼Òµå ±¸¼º/[86:30] thisº¯¼ö°ª¸¸ ÀÌ¿ë/[93:56] empty remove unwrap/[99:59] µ¥ÀÌÅÍ º¸Á¸ È®ÀÎ
  • 17.2½Ã°£ 0ºÐ ¾îÆ®¸®ºäÆ®ÀÇ ¼Ó¼º°ú Ȱ¿ë°ú ÇÔ¼ö¸¦ Ȱ¿ëÇÑ Å¬·¡½º

    Á¦ÀÌÄõ¸® °´Ã¼ÀÇ ¿¤¸®¸ÕÆ®ÀÇ °ªÀ» ¼³Á¤ÇÏ´Â ¹æ¹ý°ú °ü·Ã ¸Þ¼Òµå, Ŭ·¡½º ¸Þ¼Òµå¿¡¼­ ÇÔ¼ö¸¦ »ç¿ëÇÏ¿© Ãß°¡ ¹× Á¦°Å¸¦ ÇÒ¼ö ÀÖ´Â ¹æ¹ýÀ» ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:12] ¾îÆ®¸®ºäÆ® Ȱ¿ë/[06:54] À̹ÌÁö°ª ÇÔ¼ö/[12:01] ¸Ê °´Ã¼ ±¸¼º/[17:02] À̹ÌÁö ¿¤¸®¸ÕÆ® ¼±¾ð/[25:48] removeAttr/[34:30] Ŭ·¡½º °ü¸® ¸Þ¼Òµå/[40:07] ¦¼ö °ª¿¡ »õ·Î¿î Ŭ·¡½º/[46:22] hasclass¼±¾ð/[53:43] border°ª ÁöÁ¤/[64:00] Ŭ·¡½º toggle/[74:30] ¼Ó¼º°ª ´ÙÁß toggle/[89:45] µ¿Àû toggle/[98:42] labelÀÇ text°ª/[08:43] css¸Þ¼Òµå µÚ¿¡ css Ãß°¡/[15:33] ¼ýÀÚ´ÜÀ§¿¡¼­¸¸ »ó´ë°ª/[18:07] return°ª
  • 18.1½Ã°£ 23ºÐ ±âº» ¾îÆ®¸®ºäÆ®¸¦ Ȱ¿ëÇÑ cssȰ¿ë°ú Á¦ÀÌÄõ¸®ÀÇ À̺¥Æ® °´Ã¼ÀÇ È°¿ë

    cssÆíÀǸ޼ҵ带 ÀÌ¿ëÇÏ¿© css¼Ó¼ºÀ» »ç¿ëÇÏ´Â ¹æ¹ý°ú Á¦ÀÌÄõ¸®ÀÇ À̺¥Æ® Áö¿ø ±â´É¿¡ ´ëÇØ¼­ »ìÆìº¸°í À̺¥Æ®°¡ ÀϾ¶§ÀÇ Æ¯Á¤ ¸Þ¼Òµå Ȱ¿ë ¹æ¹ý¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:59] ¸Þ¼Òµå cssÁ¦¾î/[05:00] ÇÔ¼ö¸¦ ÀÌ¿ëÇØ ±¸¼º/[13:20] µ¿ÀûÀ¸·Î ¿¤¸®¸ÕÆ® ±¸¼º/[22:03] val °ªÀ» ÀÎÀÚ·Î Ãß°¡/[29:06] Á¶È¸, »èÁ¦/[35:22] consoleâ filter/[42:05] mouseout/[51:00] handleMouseºÎºÐ À̺¥Æ®/[61:22] bind¸Þ¼Òµå/[69:45] preventDefault/[77:00] unbindÀÎÀÚ°ª/[81:08] out¿¡´ëÇÑ À̺¥Æ®
  • 19.1½Ã°£ 28ºÐ À̺¥Æ® Çڵ鷯 ÀÚµ¿µî·Ï¹æ¹ý°ú Á¦ÀÌÄõ¸®Á¶ÀÛ±â´ÉÀ» Ȱ¿ëÇÑ ¹®¼­ÀÛ¼º

    live¸Þ¼Òµå¸¦ Ȱ¿ëÇØ À̺¥Æ® Çڵ鷯¸¦ ÀÚµ¿À¸·Î µî·ÏÇÏ´Â ¹æ¹ý°ú DOMÁ¶ÀÛ¹æ¹ý°ú À̺¥Æ®Ã³¸®±â´ÉÀ» Ȱ¿ëÇØ¼­ ¹®¼­¸¦ ±¸¼ºÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:08] Çڵ鷯 ÀÚµ¿ µî·Ï/[06:43] live¸Þ¼Òµå/[12:00] live ¹®Á¦Á¡/[19:03] ¹öư »ý¼º trigger/[28:07] triggerHandler/[39:00] load ready unload/[49:22] appendTo »ç¿ë/[56:52] filter input°ª/[65:44] ¹öưÀ» Ãß°¡ÇÑ ÀÌÀ¯/[72:55] À̺¥Æ® ÇÔ¼ö Ãß°¡/[80:30] fadeIn¸Þ¼Òµå È£Ãâ/[86:46] °ªÀ» ¹Þ¾Æ ó¸®
  • 20.1½Ã°£ 43ºÐ µ¥ÀÌÅÍ ÅÛÇø´ÀÇ È°¿ë

    Á¦ÀÌÄõ¸® Ç÷¯±×ÀÎÀ» ÀÌ¿ëÇØ µ¥ÀÌÅÍ ÅÛÇø´À» Ȱ¿ëÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:09] ÅÛÇø´ ¶óÀ̺귯¸®/[08:37] ¼±¾ðµÈ ÅÛÇø´/[18:03] ÇÑÁÙ·Î ³ª¿Ô´ø ºÎºÐÀÌ µÎÁÙ·Î/[27:48] ÅÛÇø´¿¡ »ç¿ëµÇ´Â º¯¼ö/[36:37] ´Þ·¯ÇÔ¼ö °ªÀ» h2ű×/[46:22] inputÅÛÇø´ Ãß°¡/[59:34] div.drow°ª »èÁ¦/[67:30] ´ÙÀ½Çà ³Ñ¾î°¡´Â ¹è¿­/[75:23] ifÅÂ±× ÅÛÇø´/[83:10] Àç°í·®ÀÌ ÀÏÁ¤ ¼ö ÀÌ»óÀ̰ųª/[92:57] inputÅÂ±× name±¸¼º/[00:48] filterLowStock each¼±¾ð
  • jQuery Mobile
  • 21.1½Ã°£ 7ºÐ jQuery Mobile½ÃÀÛ, ÆäÀÌÁö±¸¼º, Àüȯȿ°ú, jQuery Button

    jQuery MobileÀ» »ç¿ëÇϱâ À§ÇÑ Áغñ/±âº» ÆäÀÌÁö ±¸¼º/¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú/data-theme/data-corners/data-icon/data-mini/data-role

    Ã¥°¥ÇÇ[00:59] DOCTYPE ¼±¾ð/[05:37] Ãâ·ÂÈ­¸é/[10:22] Â¥¿©Áø ÅÂ±× Á¤¸®/[16:11] div id="one" »ý¼º/[22:10] ³»ºÎ¸µÅ© NO/[27:34] ¿ÜºÎ¸µÅ©/[34:48] ¹öưÃâ·Â°ª/[41:48] data-iconpos/[47:01] ui-icon-minus/[54:43] controlgroup ¼¼·ÎÃâ·Â/[59:31] data-mini/[01:04:51] textarea, selectÃß°¡
  • 22.1½Ã°£ 16ºÐ select, checkbox, radio, data-role

    ¼¿·ºÆ® ¹Ú½º, üũ ¹Ú½º, ¶óµð¿À ¹öư, footer, navbar, listview, dialog, collapsible, content

    Ã¥°¥ÇÇ[01:03] select Ãß°¡/[05:47] data-role="controlgroup"/[10:47] input°ú label ¿¬°á/[16:14] data-collapsed="false"/[22:55] data-role="footer"/[29:47] li 1°³ »ý¼º/[37:25] data-role="navbar"/[47:58] data-role="dialog"/[56:37] div style/[01:04:51] ½Ç½À19/[01:13:04] ½Ç½À27
  • 23.1½Ã°£ 45ºÐ Á¦ÀÌÄõ¸®¸ð¹ÙÀÏÀ» ÀÌ¿ëÇÑ ÆäÀÌÁö ½Ç¹«Á¦ÀÛ, Ä¿½ºÅÒ Å׸¶

    ½Ç¹«¿¡¼­ »ç¿ëµÉ ¼ö ÀÖ´Â ¸ð¹ÙÀÏ ÆäÀÌÁö Á¦ÀÛ, ³ª¸¸ÀÇ ½ºÅ¸ÀÏ·Î Ä¿½ºÅ͸¶ÀÌ¡ÇÏ´Â ¹æ¹ý, Á¦ÀÌÄõ¸®ÀÇ ±âº» ¼Ó¼º°ú Ä¿½ºÅÒ ¼Ó¼ºÀ» »ç¿ëÇÑ »õ·Î¿î ÀÛ¾÷

    Ã¥°¥ÇÇ[01:15] divÃß°¡/[07:58] #A_nav/[15:01] h2Ãß°¡/[22:35] .A_listview li img/[33:30] div class="ui-content"/[38:59] ·ÎµùÀ̹ÌÁöÀÇ À§Ä¡/[45:40] @media screen and/[53:27] .ui-content/[59:44] .ui-listview/[01:07:34] .ui-btn-text/[01:14:51] div data-role="navbar"/[01:21:17] a href="log.html"/[01:26:49] ui-body-c/[01:34:37] .maincon/[01:38:06] position: absolute/[01:42:56] .line_down
  • 24.1½Ã°£ 5ºÐ HTML5¸¦ ÀÀ¿ëÇÑ ÆäÀÌÁö ½Ç½À, ¸ð¹ÙÀÏ ÆäÀÌÁö ½Ç¹«Á¦ÀÛ & CSSÆ©´×

    HTML5, CSS¸¦ ÀÀ¿ëÇÑ °¶·¯¸® Á¦ÀÛ, Á¦ÀÌÄõ¸® ¸ð¹ÙÀÏÀ» ÀÌ¿ëÇÑ ÆäÀÌÁö Á¦ÀÛ, CSS¿À¹ö¶óÀ̵ùÀ¸·Î Ãâ·Â °á°ú¹°À» ¹Ù²Ù´Â ½Ç½À

    Ã¥°¥ÇÇ[00:24] div id="con"/[04:07] ul data-role="listview"/[11:46] °¶·¯¸®Á¦ÀÛ/[16:45] .gallery article/[23:21] div data-role="content"/[30:00] footer/[37:58] .ui-navbar/[50:56] .ui-btn/[56:13] .ui-li-thumb/[59:08] .onn.ui-btn-up-c/[01:03:17] .ui-corner-all
  • 25.1½Ã°£ 28ºÐ ÆäÀÌÁö ½Ç¹«Á¦ÀÛ & CSSÆ©´×

    Á¦ÀÌÄõ¸® ±âº»¼Ó¼ºÀ» ÀÌ¿ëÇÑ ¸ð¹ÙÀÏ ÆäÀÌÁö Á¦ÀÛ, »õ·Î¿î Å׸¶ »ý¼º, header, select, search, listview ²Ù¹Ì±â

    Ã¥°¥ÇÇ[00:39] data-theme='d'/[05:21] .ui-btn-up-c/[13:29] data-iconpos="notext"/[21:12] si8-3.html ±¸Á¶/[28:24] .ui-shadow/[35:32] .header .logo, .logo:hover/[43:43] .ui-header/[53:18] .ui-header/[01:01:53] .ui-corner/[01:08:13] #linbut a:hover/[01:17:53] .ui-select/[01:25:56] .ui-listview-inset
  • jQuery UI
  • 26.1½Ã°£ 14ºÐ jQuery UI Á¤ÀÇ, Å׸¶ ¿À¹ö¶óÀ̵ù, Æ÷Áö¼Ç À¯Æ¿¸®Æ¼

    jQuery UI ¼Ò°³, ¶óÀ̺귯¸® ´Ù¿î, CSSÇÁ·¹ÀÓ¿öÅ©, Àû¿ëµÈ Å׸¶¸¦ ½±°í ºü¸£°Ô º¯°æÇÏ´Â ¹æ¹ý, Æ÷Áö¼Ç À¯Æ¿¸®Æ¼ÀÇ »ç¿ë¹ý

    Ã¥°¥ÇÇ[02:21] jQuery UI/[08:14] index.html/[18:48] CSS ÇÁ·¹ÀÓ¿öÅ©/[23:53] div Ãß°¡/[29:01] .ui-state-active a/[35:46] ¾ÆÀÌÄÜÃß°¡/[41:50] Theme º¯°æ/[49:33] .ui-state-default/[55:37] ¿À¹ö¶óÀ̵ù À§Ä¡/[01:01:00] $(".alzio2").position/[01:07:55] my:"right", at: "left"/[01:12:24] offset
  • 27.1½Ã°£ 11ºÐ ÅÇ À§Á¬

    ±âº» ÅÇ À§Á¬À» ±¸ÇöÇÏ´Â ¹æ¹ý, ÅÇ È¯°æ¼³Á¤ ¿É¼Ç, ÅÇ À̺¥Æ®, ÅÇ ¸Þ¼Òµå

    Ã¥°¥ÇÇ[00:41] tab À§Á¬/[07:09] $("#alzioTab")/[12:29] selected: null/[20:41] ù¹øÂ° ÀÎÀÚ/[27:37] collapsible: true/[35:34] selectÀ̺¥Æ®/[43:15] ¼ö½Ä°ú ¹®ÀÚ¿­ °ü°è/[48:56] button Ãß°¡/[54:28] $("#add").click/[01:00:16] parseInt/[01:04:48] length ¸Þ¼Òµå/[01:10:13] destroy ¸Þ¼Òµå
  • 28.1½Ã°£ 13ºÐ ÅÇ À§Á¬, ¾ÆÄÚµð¾ð À§Á¬

    ÅÇ ¸Þ¼Òµå, ¾ÆÄÚµð¾ð À§Á¬, ¾ÆÄÚµð¾ð ¿É¼Ç, ¾ÆÄÚµð¾ð À̺¥Æ®, ¾ÆÄÚµð¾ð ¸Þ¼Òµå

    Ã¥°¥ÇÇ[00:16] option¸Þ¼Òµå/[04:49] ("option", "selected")/[10:15] µÎ¹øÂ° ÀÎÀÚ°ª/[15:38] tab.txt/[21:24] load ¸Þ¼Òµå/[27:02] accordion¸Þ¼Òµå/[37:20] ±âº»Accordion±¸Çö/[44:41] animated: "bounceslide"/[49:40] ÄÚµå ÀÛ¼º/[56:00] changestart À̺¥Æ®/[01:01:09] val()/[01:05:12] if¹®/[01:11:14] ÅÇ, ¾ÆÄÚµð¾ð À§Á¬ °áÇÕ
  • 29.1½Ã°£ 14ºÐ ´ëÈ­»óÀÚ À§Á¬, µ¿Àû ´ëÈ­»óÀÚ Á¦ÀÛ

    ´ëÈ­»óÀÚ ¿É¼Ç, ´ëÈ­»óÀÚ À̺¥Æ®, ´ëÈ­»óÀÚ ¸Þ¼Òµå, ½Ç¹«¿¡¼­ »ç¿ëÇÒ ¼ö ÀÖ´Â µ¿Àû ´ëÈ­»óÀÚ¸¦ Á¦ÀÛ

    Ã¥°¥ÇÇ[00:05] ´ëÈ­»óÀÚ(Dialog) À§Á¬/[06:20] autoOpen: false/[11:50] title: "¾ËÁö¿À"/[16:55] modal Àû¿ë/[24:08] show, hide ¿É¼Ç/[30:58] maxWidth, maxHeight ¿É¼Ç/[36:47] ±âº» ´ëÈ­»óÀÚÀû¿ë/[45:04] ifÁ¶°Ç¹®/[50:59] ifÁ¶°Ç¹®/[01:00:23] var option2/[01:06:32] cssÇÁ·¹ÀÓ¿öÅ© Àû¿ë/[01:12:01] #ALL .ui-widget-header
  • 30.1½Ã°£ 14ºÐ µ¿Àû ´ëÈ­»óÀÚ Á¦ÀÛ, ½½¶óÀÌ´õ À§Á¬, RGBÄ÷¯ ½½¶óÀÌ´õ

    µ¿Àû ´ëÈ­»óÀÚ Á¦ÀÛÀ» À§ÇÑ ÄÚµå ÀÛ¼º, ½½¶óÀÌ´õ À§Á¬, ½½¶óÀÌ´õ ¸Þ¼Òµå, ½Ç¹«¿¡¼­ »ç¿ëÇÒ ¼ö ÀÖ´Â Ä÷¯ ½½¶óÀÌ´õ¸¦ ±¸Çö

    Ã¥°¥ÇÇ[00:29] dialog À§Á¬ ±¸Çö/[07:39] dialog("option", "title", titleText)/[15:56] orientation¿É¼Ç/[24:40] animate: "slow"/[30:21] ½½¶óÀÌ´õ À̺¥Æ®/[37:06] #percent/[42:22] value, values ¿É¼Ç/[49:56] else¹®/[56:13] tabs("select", ui.value)/[01:02:37] cssÄ¿½ºÅ͸¶ÀÌ¡/[01:09:08] var rgbText/[01:12:58] ¿¡·¯¼öÁ¤
  • 31.46ºÐ µ¥ÀÌÆ® ÇÈÄ¿ À§Á¬

    µ¥ÀÌÆ® ÇÈÄ¿ À§Á¬¿¡ ´ëÇØ ¾Ë¾Æº¸°í, ȯ°æ ¼³Á¤ ¿É¼Ç¿¡ ´ëÇØ ½Ç½ÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:32] µ¥ÀÌÆ®ÇÈÄ¿ ±¸¼º/[05:57] appendText/[11:57] showOtherMonths: false/[20:37] closeText/[30:21] showAnim/[35:20] stepMonths/[42:19] yy³â mm¿ù ddÀÏ/[44:49] $.datepicker.ATOM
  • 32.40ºÐ µ¥ÀÌÆ®ÇÈÄ¿ À§Á¬ À̺¥Æ®, ¸Þ¼Òµå

    µ¥ÀÌÆ® ÇÈÄ¿ À§Á¬¿¡ ´ëÇÑ À̺¥Æ®¿Í ¸Þ¼Òµå¸¦ ½Ç½ÀÀ» ÅëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:04] showButtonPanel/[06:44] monthNamesShort/[11:27] dateFormat/[15:24] µ¥ÀÌÆ®ÇÈÄ¿ À̺¥Æ®/[21:46] var lang/[27:33] $("button").click/[32:50] $("#alzioDate").focus/[38:15] ¼¼¹øÂ°ÀÎÀÚ-¹öư
  • 33.45ºÐ ÇÁ·Î±×·¹½º¹Ù À§Á¬, ½Ç¿ë ÇÁ·Î±×·¹½º¹Ù Á¦ÀÛ

    ÇÁ·Î±×·¹½º¹Ù¿¡ ´ëÇØ ¾Ë¾Æº¸°í, »ç¿ëÀÚ¿Í »óÈ£ÀÛ¿ëÇÏ´Â ÇÁ·Î±×·¹½º¹Ù¸¦ Á¦ÀÛÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:09] ÇÁ·Î±×·¹½º¹Ù À§Á¬/[05:11] ÇÁ·Î±×·¹½º¹Ù À̺¥Æ®/[12:14] appendTo/[19:43] if, else¹® »ý¼º/[26:28] progressbar±¸Çö/[32:14] button/[44:40] ÇÁ·Î±×·¹½º¹ÙÀÇ È°¿ë
  • 34.42ºÐ ¹öư À§Á¬, ÀÚµ¿¿Ï¼º À§Á¬

    ¹öưÀ§Á¬¿¡ ´ëÇØ ¾Ë¾Æº¸°í ³ª¾Æ°¡ ÀÚµ¿¿Ï¼º À§Á¬À» ±¸ÇöÇØº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:07] ¹öưÀ§Á¬/[04:38] HTML±¸¼º-input/[10:30] Àû¿ë°ªÈ®ÀÎ/[16:55] input¿ä¼ÒÀÇ ¾ÆÀÌÄÜ/[23:22] $("#alzioButton1").buttonset/[30:44] #refresh ¹öư/[37:19] source : ¹®ÀÚ¿­
  • 35.44ºÐ ÀÚµ¿¿Ï¼º À§Á¬, µå·¡±× ÀÎÅÍ·º¼Ç

    ÀÚµ¿¿Ï¼º À§Á¬¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº¸°í, µå·¡±× ÀÎÅÍ·º¼ÇÀ» ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:49] ÀÚµ¿¿Ï¼º ±âº» ±¸Çö/[09:00] my, at °ªº¯°æ/[15:21] µå·¡±× ±â´É/[21:31] cursor:move/[28:32] delay ¿É¼Ç/[34:03] #alzio/[40:39] stop ¿É¼Ç/[43:04] snapTolerance
  • 36.44ºÐ µå·¡±× À̺¥Æ®¿Í ¸Þ¼Òµå, µå·Ó ÀÎÅÍ·º¼Ç

    µå·¡±× À̺¥Æ®¿Í ¸Þ¼Òµå¿¡ ´ëÇØ ½Ç½ÀÇϰí, µå·Ó ÀÎÅÍ·º¼ÇÀ» ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:10] µå·¡±× À̺¥Æ®/[05:16] stop À̺¥Æ®/[10:54] draggable, droppable ¸Þ¼Òµå/[19:28] accept ¿É¼Ç»èÁ¦/[26:54] tolerance ¿É¼Ç/[33:21] .drag_a, .drag_b/[42:53] dropOption_a »èÁ¦
  • 37.37ºÐ µå·Ó À̺¥Æ®, µå·¡±×¾Øµå·Ó °ÔÀÓ Á¦ÀÛ

    µå·ÓÀ̺¥Æ®¿¡ ´ëÇØ ¾Ë¾Æº¸°í, µå·¡±×¾Øµå·Ó °ÔÀÓÀ» Á¦ÀÛÇÏ¸ç ¿Ïº®ÇÏ°Ô ÀÌÇØÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:25] µå·Ó À̺¥Æ®/[06:56] empty()/[13:27] droppable, draggable Àû¿ë/[17:57] µå·¡±×&µå·Ó °ÔÀÓ/[25:03] droppable, draggable Àû¿ë/[29:35] containment: "#maze"/[34:06] µå·¡±×¿ä¼Ò div Àç»ý¼º
  • 38.40ºÐ resize ÀÎÅÍ·º¼Ç, Å©±â Á¶Àý ±â´É

    Å©±â¸¦ Á¶ÀýÇÒ ¼ö ÀÖ´Â resize ±â´É¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:12] resize/[07:45] handles ¿É¼Ç°¡´É°ª/[14:48] p ¿ä¼Ò Ãß°¡/[20:17] HTML±¸¼º/[25:24] ghost ¿É¼Ç/[30:56] stop: NewSize/[36:56] ÅÇÀ§Á¬°ú °áÇÕ
  • 39.59ºÐ select ÀÎÅÍ·º¼Ç, ¼±Åñâ´É À̹ÌÁö ºä¾î

    ¾ÆÀÌÅÛÀ» ¼±ÅÃÇÒ ¼ö ÀÖ´Â select ±â´É¿¡ ´ëÇØ ¾Ë¾Æº¸°í, ¼±Åñâ´ÉÀÌ ºÎ¿©µÈ À̹ÌÁö ºä¾î¸¦ Á¦ÀÛÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:28] HTML±¸¼º/[09:17] cancel ¿É¼Ç/[16:47] if (!$("#tip").length)/[21:54] refresh ¸Þ¼Òµå/[31:26] alzioselect.css/[38:35] $("#image").selectable/[44:29] »ó´Ü name À籸¼º/[51:20] each ÇÔ¼ö ¼³Á¤/[56:29] $("#tabs").tabs
  • 40.39ºÐ sort ÀÎÅÍ·º¼Ç, Á¤·Ä±â´É

    ¿ä¼Ò¸¦ Á¤·Ä½Ãų ¼ö ÀÖ´Â sort ±â´É¿¡ ´ëÇØ ¾Ë¾Æº¸°í ½Ç½ÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:17] Á¤·Ä±â´É/[05:17] containment ¿É¼Ç/[11:31] items: ":not(.unsort)"/[18:07] .place/[23:02] ¿¬°á ¸®½ºÆ®ÀÇ Á¤·Ä/[28:59] start À̺¥Æ®/[34:30] $("#text").remove()


¾ËÁö¿À ÆÐŰÁö