HOME>ITÀü¹®°¡>¾Û °³¹ß | ¸ð¹ÙÀÏȨÆäÀÌÁö>¸ð¹ÙÀÏ Á¦ÀÛ [½Ç¹«]
¾ËÁö¿À ÆÐŰÁö

¸ð¹ÙÀÏ Á¦ÀÛ [½Ç¹«]

¸ð¹ÙÀÏ Á¦ÀÛ [½Ç¹«]
41ȸÂ÷ ¼Ó¼º°úÁ¤
Àüü : 22½Ã°£ 58ºÐ|ȸÂ÷´ç Æò±Õ : 33ºÐ36ÃÊ

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

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

420,000¿ø255,000¿ø
¸ð¹ÙÀÏ Á¦ÀÛ Àΰ­ Æò»ý±³À°¿ø ±³À° ¾È³»
Äڵ带 ¼öÁ¤ÇÏ°í ¸ðµç±â±â(ÅÂºí¸´pc/½º¸¶Æ®Æù)¿¡¼­ Àû¿ëµÇ´Â °á°ú°ªÀ» ½Ç½Ã°£À¸·Î º¸¿©µå¸³´Ï´Ù. ¸ð¹ÙÀÏ ÆäÀÌÁö´Â CSS3¸¦ ±â¹ÝÀ¸·Î ¿î¿µµÇ°í Àֱ⠶§¹®¿¡ ¹Ýµå½Ã CSS3ÀÇ ³»¿ëÀ» ¾Ë¾Æ¾ß¸¸ ¿Ïº®ÇÏ°Ô ÄÚµùÇÒ ¼ö ÀÖ½À´Ï´Ù. ¶ÇÇÑ ½Ç¹«ÀÚ Ãʺù °­ÀǸ¦ ÅëÇØ ÇöÀç ¿î¿µµÇ´Â ´Ù¸¥ ¸ð¹ÙÀÏ Á¦ÀÛ±â¹ýÀ» ¹è¿öº¾´Ï´Ù.
  • 01.35ºÐ ¸ð¹ÙÀÏ À¥Á¦ÀÛÀÇ ±âº», body, header ÄÚµù

    °­ÀÇÁøÇà¹æ½Ä¼³¸í, !doctype html ¹®¼­¼±¾ð, ¾ð¾î¼±¾ð ¹× ¼Ó¼º

    Ã¥°¥ÇÇ[00:00] °­ÀÇÁøÇà¹æ½Ä/[02:26] ÀÛ¾÷½Ã À¯ÀÇ»çÇ×/[03:51] ±âº» ¼÷Áö »çÇ×/[05:46] Á¦°ø ¼Ò½º/[11:25] ANSI¸¦ UTF-8·Î º¯°æ/[14:33] ¸ð¹ÙÀÏ ±âº»»çÇ×/[20:02] body ¼±¾ð/[29:40] ²ÜÆÁ/[35:11] overflow:hidden/[35:13] ²ÜÆÁ
  • 02.39ºÐ ·Î°í & °Ë»ö¹Ù & ¸Þ´º ¼ÂÆÃ

    ·Î°í¿Í °Ë»ö¹Ù, °Ë»ö¹öư, ¸Þ´º¹öưµéÀÇ À§Ä¡¸¦ ¼³Á¤Çϰí, ¼¼ºÎÀûÀÎ »ö»ó°ú ±×¸²ÀÚ¸¦ ¼ÂÆÃÇÏ´Â ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:38] logoimg/[05:51] webkit-box-shadow/[11:35] ²ÜÆÁ/[16:27] white-space:nowrap/[21:12] ²ÜÆÁ/[26:19] top_navtab_c/[32:20] .top_navtab_c/[36:14] margin/[38:12] ²ÜÆÁ
  • 03.50ºÐ »ó¼Ó°ü°è & select button ¼¼ÆÃ

    select buttonÀ» ¸¸µé°í border-radiusű׸¦ »ç¿ëÇÑ ¼¼ºÎÀûÀÎ ¼¼ÆÃ ¹æ¹ý°ú °³Ã¼ÀÇ Á¤·Ä¿¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:48] ¼¿·ºÆ® ¸¸µé±â/[06:13] .lec_intitle/[09:39] ²ÜÆÁ/[16:23] .yes_lec_intitle select /[23:35] ²ÜÆÁ/[28:35] .header Á÷Á¢Àû¿ë/[35:58] .search_a/[40:24] ²ÜÆÁ/[46:02] .top_navtab_a/[48:53] select/[49:06] ²ÜÆÁ
  • 04.49ºÐ div¿¡ tong ÄÚµù

    tong¾È¿¡ menuline & newslist À» ¸¸µé¾î¼­ ¾Æ¿ô¶óÀÎÀ» Àâ¾ÆÁÖ°í, ¸Þ´ºÆ²À» ¸¸µé¾î¼­ ¿ä¼ÒµéÀ» ¼¼ÆÃÇϰí div·Î ¸¶¹«¸®ÇÏ´Â ³»¿ëÀ» ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[03:15] div/[11:38] .min_menuline/[16:32] ²ÜÆÁ/[22:51] .min_menuline_abc_on/[27:28] section/[32:49] ²ÜÆÁ/[37:50] div id=¡°tong¡±/[42:09] div class/[44:45] section ¼³Á¤°ª/[47:52] li class=¡°listone¡±/[48:31] a class=¡°listone_a¡±
  • 05.35ºÐ twitter baner & htitle ÄÚµù

    twitter baner & htitle¸¦ ¼¼ÆÃÇϸ鼭 a¸µÅ© Àû¿ë°ú, °´Ã¼ÀÇ Á¤·Ä ¹× ÅØ½ºÆ®ÀÇ ¼¼ºÎÀûÀÎ ½ºÅ¸ÀÏÀ» ¼³Á¤Çϸç ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:26] font-size/[05:23] .twitter_baner span/[10:30] .htitle/[10:39] ²ÜÆÁ/[16:13] .htitle_ul li img/[17:38] ²ÜÆÁ/[26:19] ²ÜÆÁ/[26:49] ul class=¡°htitle_ul¡±/[30:21] .htitle_ul li img/[33:50] ²ÜÆÁ
  • 06.39ºÐ ul°ú liű׷ΠÅ×À̺íÈ­ ÀÛ¾÷ & À̹ÌÁö ÇÑÀåÀ¸·Î ¿©·¯°³ Ç¥ÇöÇϱâ.

    ul°ú li ű׸¸À¸·Î table & selló·³ º¸ÀÌ°Ô Ãâ·ÂÇÏ´Â ¹æ¹ý°ú À̹ÌÁö ÇÑÀåÀ¸·Î ÁÂÇ¥¸¦ ÀÌ¿ëÇØ ¿©·¯°¡ÁöÀÇ ¸Þ´º¸¦ Ç¥ÇöÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ¼­ ½ÉÃþÀûÀ¸·Î ÆÄ°íµé¸ç ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:43] ²ÜÆÁ/[01:57] div·Î notable¼¼ÆÃ/[05:52] notable Á¤ÀÇ/[11:22] ²ÜÆÁ/[11:23] display:table/[18:09] vertical-align:top/[23:26] ²ÜÆÁ/[24:47] .notable ul li a span/[34:27] div class=¡°notable¡±/[36:58] ²ÜÆÁ/[38:20] span »ó¼Ó°ü°è
  • 07.40ºÐ ·Î±×ÀÎâ ¼¼ÆÃ & ÄÚµù (1)

    ·Î±×Àι٠³»ºÎ Å׵θ®¸¦ µÕ±Û°Ô ¸¸µé¾î Áָ鼭 À̹ÌÁö¸¦ »ç¿ëÇÏÁö ¾Ê°í ¿ÀÁ÷ html5 css3¸¸À» Àû±Ø Ȱ¿ëÇØ ÄÚµùÇÏ´Â ÇнÀÀ» ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:37] ²ÜÆÁ/[00:39] section ·Î±×ÀÎÆû/[06:07] width¿Í padding/[17:20] ·Î±×ÀÎ ¹Ù/[24:06] ²ÜÆÁ/[29:56] #id.bgon/[33:09] »ó¼Ó °ü°è/[39:13] p class=¡°aone¡±
  • 08.34ºÐ ·Î±×ÀÎâ ¼¼ÆÃ & ÄÚµù (2)

    ·Î±×Àι٠³»ºÎ Å׵θ®¸¦ µÕ±Û°Ô ¸¸µé¾î Áָ鼭 À̹ÌÁö¸¦ »ç¿ëÇÏÁö ¾Ê°í ¿ÀÁ÷ html5 css3¸¸À» Àû±Ø Ȱ¿ëÇØ ÄÚµùÇÏ´Â ÇнÀÀ» ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:30] .atwo ·Î±×Àιöư/[05:30] css3 ¹öư/[09:32] ²ÜÆÁ/[16:29] margin/[21:38] À̹ÌÁö °°Àº ¹öư µðÀÚÀÎ/[26:25] ²ÜÆÁ/[30:46] ·Î±×ÀÎÀ¯Áö »ó¼Ó°ü°è/[34:00] ¡°foota¡±»ó¼Ó°ü°è
  • 09.42ºÐ ·Î±×Àιöư ÄÚµù°ú ¿©·¯ ¸ñ·ÏÀ» À¯Çüº°·Î ¸¸µé±â (1)

    ·Î±×ÀÎ ¹öưÀ» À̹ÌÁö°°ÀÌ µðÀÚÀÎÇÏ´Â ÄÚµù¹æ¹ý°ú ¿©·¯ ¸ñ·ÏÀ» À¯Çüº°·Î ¸¸µé¾î µðÅ×ÀÏ ÇÏ°Ô µðÀÚÀÎÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù. (ÈÞ´ë±â±â °¡·Î·Î ´¯Çô º¼ ¼ö ÀÖµµ·Ï ÄÚµùÇϱâ)

    Ã¥°¥ÇÇ[02:32] .login_comc/[06:06] .buttonup_a a/[11:05] ²ÜÆÁ/[16:59] buttonup_a/[24:14] .mum_list/[31:15] .mum_list .category .tic/[32:37] ²ÜÆÁ/[38:37] .mum_list .momtxt strong/[40:22] ²ÜÆÁ
  • 10.41ºÐ ¿©·¯ ¸ñ·ÏÀ» À¯Çüº°·Î ¸¸µé±â (2)

    À¯Çüº°·Î ¸¸µé¾îÁø ¸ñ·ÏÀÇ Ä«Å×°í¸®¿Í ÅØ½ºÆ®¸¦ µðÅ×ÀÏÇÏ°Ô µðÀÚÀÎÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:27] price .num/[05:27] price .prodc/[09:32] period, buy/[12:59] li »ó¼Ó°ü°è/[17:54] momtxt strong »ó¼Ó°ü°è/[25:16] .mum_list/[32:42] onec/[37:33] class="alist" »ó¼Ó°ü°è/[39:30] ²ÜÆÁ
  • 11.26ºÐ ¿©·¯ ¸ñ·ÏÀ» À¯Çüº°·Î ¸¸µé±â (3)

    À¯Çüº° ¸ñ·ÏÀÇ Ä«Å×°í¸®¿¡ À̹ÌÁö¸¦ ³ÖÁö ¾Ê°í css3¸¸À» »ç¿ëÇØ¼­ º¼·ÏÇÏ°Ô µðÀÚÀÎÇÏ´Â ¹æ¹ý°ú µðÅ×ÀÏÇÑ ÅØ½ºÆ® µðÀÚÀο¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:56] ¸ñ·ÏÀ¯Çü NO3/[05:28] mum_listsam li/[10:19] display:block/[14:19] Helvetica/[20:24] li »ó¼Ó°ü°è/[23:17] ²ÜÆÁ
  • 12.34ºÐ ÆäÀÌÁö¸ñ·Ï¼ýÀÚ ºí·Ïó¸®

    div¸¦ Çϳª·Î ¸¸µé¾î¼­ a°¡ ÀÖ´Ù¸é°ú span ÀÖ´Ù¸é span/spanÀÌ ÀÖ´Ù¸é À¸·Î ÀÌ·ç¾îÁö´Â css»ó¼Ó°ü°è¿¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:21] span/[05:06] pagess a, .pagess em/[09:30] a, em ¿©¹éÁÖ±â/[12:41] ²ÜÆÁ/[18:53] pagess em/[21:27] pagess a.lr_ic/[25:54] pagess a.next span span/[29:26] ²ÜÆÁ/[32:24] em »ó¼Ó°ü°è/[33:08] ²ÜÆÁ
  • 13.53ºÐ ÆäÀÌÁö±âº»Á¦ÀÛ ¹× SNSºí·Ï, À¥Å÷Ãâ·Â¹æ¹ý

    CSS3ÀÇ gradient¿Í radius ÀåÁ¡À» ¹é¹ø Ȱ¿ëÇØ¼­ ¿Ïº®ÇÑ ¹öưÀ» Á¦ÀÛÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[04:01] mainwrap/[06:50] wrap_title .subjec/[12:00] subjec .cp/[15:00] ²ÜÆÁ/[19:59] sns ºí·Ï Á¦ÀÛ/[23:13] text-align:center/[26:09] gradient (linear)/[30:15] twitter ¹öư/[38:29] ²ÜÆÁ/[45:16] h1 »ó¼Ó°ü°è/[50:30] ²ÜÆÁ/[51:48] snsbgic »ó¼Ó°ü°è/[52:18] ²ÜÆÁ
  • 14.32ºÐ ½Ç¿ëÀûÀÎ ÆäÀÌÁöÇÏ´Ü

    ÃÖÁ¾ÀûÀÎ ÆäÀÌÁö ¸¶¹«¸®¿Í ±âÁ¸ÀÇ °£´ÜÇÑ ¸ð¹ÙÀÏÇÏ´Ü º¸´Ù´Â ½Ç¿ë¼ºÀÖ°í, µðÀÚÀÎÀûÀÎ ÇÏ´Ü ºÎºÐÀ» Á¦ÀÛÇϰí. °¡·Î ¼¼·Î ¿©¹éÀ» µ¿ÀÏÇÏ°Ô ÁÖ´Â ¹æ¹ý¿¡ ´ëÇØ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:21] footer/[05:49] overflow:hidden/[13:27] ²ÜÆÁ/[21:45] footer address/[27:30] ²ÜÆÁ/30:28] a »ó¼Ó°ü°è
  • [½Ç¹«ÀÚ Ãʺù °­ÀÇ] ½Ç¹«¿ª·® °­È­¸¦ À§ÇÑ ¸ð¹ÙÀÏÀ¥Á¦ÀÛ ½ÇÀüÆí
  • 15.1½Ã°£ 17ºÐ ½Ç¹«´É·Â Çâ»óÀ» À§ÇÑ Æ¯º°°­ÀÇ ! ¸ð¹ÙÀÏ¿¡ µû¸¥ viewportÁ¤ÀÇ, css3 @media

    ¸ð¹ÙÀÏ¿¡ µû¸¥ viewport¼±¾ðÀ» º¸¿©µå¸®¸ç, html5, css3 ¼Ó¼ºÀ» ÀÌ¿ëÇÑ »ó´Ü µðÀÚÀÎÀ» Á¤ÀÇÇÕ´Ï´Ù. ´õ ³ª¾Æ°¡ css3ÀÇ @media¼Ó¼ºÀ» ÀÌ¿ëÇØ °¡º¯ÀûÀÎ ½ºÅ©¸° Å©±â¿¡ ´ëÀÀÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:02] ½ÇÀüÀ¥ÆäÀÌÁö Á¦ÀÛ/[07:58] #wrap/[22:19] ¿ìÃø·Î°íÀ§Ä¡/[33:34] keyword_box input /[43:19] »ó´Ü¸ÞÀθ޴º/[51:54] â³Êºñ Ãà¼Ò/[58:43] ¸ð¹ÙÀÏÆ¯°¡ section/[01:03:47] Ãâ·Â°ªÈ®ÀÎ/[01:10:21] »óǰÀ̹ÌÁöÁ¤ÀÇ/[01:16:47] »óǰ°¡°ÝÁ¤ÀÇ
  • 16.1½Ã°£ 24ºÐ ½Ç¹«´É·Â Çâ»óÀ» À§ÇÑ Æ¯º°°­ÀÇ ! ½Ç¹«ÀûÀ¸·Î Á¢±ÙÇÏ´Â ·¹À̾ƿô ±¸¼º & Á¦ÀÌÄõ¸®ÀÇ »ç¿ë

    html5, css3¸¦ ÀÌ¿ëÇØ ½ÇÁ¦ »ç¿ëµÇ´Â ȨÆäÀÌÁöÀÇ ·¹À̾ƿôÀ» ±¸¼ºÇÏ¸ç ½Ç¹«ÀûÀ¸·Î Á¢±ÙÇϰí ÀÖ½À´Ï´Ù. ¶ÇÇÑ ¸ð¹ÙÀÏ¿¡¼­ ÇʼöÀûÀÎ Á¦ÀÌÄõ¸® »ç¿ë¿¡ ´ëÇØ °£·«È÷ ¼³¸íÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:13] @media /[09:22] display:table-cell/[18:54] °í°´¼¾ÅÍ º£³Ê/[27:37] Ãâ·Â°ªÈ®ÀÎ/[36:53] .bestPrice_banner img/[42:56] »óǰÀ̹ÌÁöÃà¼Ò/[56:48] Ãâ·Â°ªÈ®ÀÎ/[01:02:54] Á¿ì¹öư»èÁ¦/[01:11:56] overflow:hidden »èÁ¦/[01:17:58] .carouselSet2 ul li:after /[01:23:28] Ãâ·Â°ªÈ®ÀÎ
  • 17.1½Ã°£ 21ºÐ ½Ç¹«´É·Â Çâ»óÀ» À§ÇÑ Æ¯º°°­ÀÇ ! Ç¥ÁØÈ­ ÀÛ¾÷À» À§ÇÑ µð¹ö±ë ÀÛ¾÷

    html5·Î ±¸¼ºµÈ ¼½¼ÇµéÀ» Á¤ÀÇÇÏ°í ½Ç½ÀÇϸ鼭, ½ÇÁ¦ ½Ç¹«¿¡¼­ ¹ß»ýÇÏ´Â ¿©·¯ ¹ö±×µéÀ» ÇØ°áÇÏ´Â ´É·ÂÀ» Ű¿ï ¼ö ÀÖµµ·Ï °­ÀǸ¦ ÁøÇàÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:31] ¸ð¹ÙÀÏ Æ¯º°ÇýÅÃ/[10:52] .carouselSet a/[22:38] ±ÝÁÖÀÇ ÇÏÀ̶óÀÌÆ®/[33:46] .slide ul li a/[45:44] ½ºÆä¼È ¼îÇÎ CSS/[51:45] ³ôÀÌ ¹ö±×ó¸®/[01:00:41] À̹ÌÁö¿øº»È®ÀÎ/[01:09:01] @media/[01:16:12] ¹öưÂüÁ¶Çؼ­ »ý¼º/[01:20:13] li:nth-of-type(4)
  • 18.1½Ã°£ 13ºÐ ½Ç¹«´É·Â Çâ»óÀ» À§ÇÑ Æ¯º°°­ÀÇ ! ½Ç¹«¿¡ Àû¿ëÇÏ´Â HTML5, CSS3 ¿Ïº®ÆÄ¾Ç

    css3¼Ó¼ºÀ» »ç¿ëÇÏ¿© ½Ç¹«¿¡¼­ »ç¿ëµÇ´Â ¹öưÀ» Á¦ÀÛ&ȨÆäÀÌÁö¿¡ »ðÀÔÇϰí, ¸ð¹ÙÀÏ¿¡¼­ Ãâ·ÂµÇ´Â À§Ä¡º° ±¸¼ºÀ» »óȲ¿¡ ¸Âµµ·Ï ¹èÄ¡ÇϱâÀ§ÇÑ Ç¥ÁØÈ­ÀÛ¾÷À» °­ÀÇÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[01:09] footer Á¤ÀÇ/[06:55] Ãâ·Â°ªÈ®ÀÎ/[17:06] li:nth-of-type(7) a/[24:41] footer .address/[33:44] Ä«ÇǶóÀÌÆ®/[42:00] common »õÆÄÀÏ »ý¼º/[46:46] section class="subTitle"/[58:43] »ó´Ü »óǰÀ̹ÌÁö¿Í ¹öư/[01:07:09] div class="list_btn"/[01:12:06] -webkit-gradient
  • 19.1½Ã°£ 7ºÐ ½Ç¹«´É·Â Çâ»óÀ» À§ÇÑ Æ¯º°°­ÀÇ ! À¥Ç¥ÁØ ±â¹ÝÀÇ ¸ð¹ÙÀÏ ·¹À̾ƿô ¸¸µé±â

    ¸ð¹ÙÀÏ À¥»çÀÌÆ® Á¦ÀÛ¿¡ À¥Ç¥Áذú HTML5¸¦ Ȱ¿ëÇÏ·Á´Â À¥ ÆÛºí¸®¼ÅµéÀ» À§ÇÑ ½Ç¹«°­ÀÇÀÔ´Ï´Ù. HTML5¹× CSS3¸¦ Àû¿ë½ÃŲ ¸ð¹ÙÀÏÀ¥ Á¦ÀÛ ±â¹ý¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë·Áµå¸³´Ï´Ù.

    Ã¥°¥ÇÇ[00:27] productSaleTitle/[01:54] »óǰ¸í&¼¼Àϸ¶Å©/[12:58] ¼¼Àϰ¡ ¼½¼ÇÁ¤ÀÇ/[20:06] ¹Ì¸®°è»ê±â µðÀÚÀÎ/[26:58] ÅØ½ºÆ® Ä÷¯º¯°æ/[34:28] select/[43:20] ³×ºñ°ÔÀÌ¼Ç ÅDZ¸Çö/[52:29] nav a.on/[01:02:43] µ¿ÀÏÇÑ ¹è°æÀ̹ÌÁö//[01:06:46] Ãâ·Â°ªÈ®ÀÎ
  • 20.26ºÐ ½Ç¹«´É·Â Çâ»óÀ» À§ÇÑ Æ¯º°°­ÀÇ ! À¥Ç¥ÁØ ±â¹ÝÀÇ ¸ð¹ÙÀÏ ·¹À̾ƿô ¸¸µé±â

    ¸ð¹ÙÀÏ À¥»çÀÌÆ® Á¦ÀÛ¿¡ À¥Ç¥Áذú HTML5¸¦ Ȱ¿ëÇÏ·Á´Â À¥ ÆÛºí¸®¼ÅµéÀ» À§ÇÑ ½Ç¹«°­ÀÇÀÔ´Ï´Ù. HTML5¹× CSS3¸¦ Àû¿ë½ÃŲ ¸ð¹ÙÀÏÀ¥ Á¦ÀÛ ±â¹ý¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë·Áµå¸³´Ï´Ù.[2014³â 2¿ù ³ìÈ­]

    Ã¥°¥ÇÇ[00:05] ¾ËÁö¿À ¸ð¹ÙÀÏ ³»¿ë/[01:26] ¸ñ·Ï ű×/[05:12] ab_list Á¤ÀÇ/[11:35] link¿Í link a ·Î Á¤ÀÇ/[15:11] Áß°£¸Þ´º º¸±â/[16:25] °¢ ¼±ÅÃÀÚÀÇ css¿Í end css/[19:52] CSS·Î Á¦ÀÛÇÑ ¼¼°³/[22:59] Ç×»ó ¶°ÀÖ´Â ¹è³Ê/[24:30] ¹è³Ê À̹ÌÁö µû·Î
  • µÎ¹øÂ° À̾߱â
  • 21.25ºÐ ¸ð¹ÙÀÏ È¨ÆäÀÌÁö ±âº»ºÎÅÍ ½±°ÔÇսôÙ~!!

    ÀÌ·ÐÀÌ ¾Æ´Ñ ½ÇÁ¦ Á¦ÀÛÇϸ鼭 ½º¸¶Æ®ÆùÀ¸·Î ½Ç½Ã°£ È®ÀÎÇÏ´Â °­ÀÇ ÀÔ´Ï´Ù. »ç¿ëµÈ ½º¸¶Æ®Æù ¿î¿µÃ¼Á¦´Â ¾ÆÀÌÆù°ú ¾Èµå·ÎÀÌµå ¿¡¼­ ½Ç½Ã°£ È®ÀÎÇϸç ù½Ã°£À̶ó ±âº»ÀûÀÎ ³»¿ëÀ̸ç ÃÖÁ¾ÀûÀÎ ¿Ï¼ºÀÛÀ» º¸¿©µå¸³´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] ÀÌ·±ºÐµéÀÌ ÀÌ¿ëÇϼ¼¿ä/[04:02] ½º¸¶Æ®Æù ¹× pc¿ë ÀÚµ¿À̵¿/[07:33] ±âº» À¥¹®¼­ ¼±¾ð/[10:49] ¹Ù·Î°¡±â ¾ÆÀÌÄÜ/[14:53] CSSÆÄÀÏ ±âº»¼³Á¤/[18:26] ¿Ï¼ºÀÛ º¸±â/[23:14] ¸ð¹ÙÀÏȨÆäÀÌÁö Á¦ÀÛÇÑ ÀÌÀ¯
  • 22.25ºÐ Àüü ·¹À̾ƿô, »ó´ÜBG ·Î°í ¸¶¹«¸®

    ½º¸¶Æ®Æù À̵¿¹× º¸¾È¼Ò½º µîÀ» ¼³¸íÇÏ°í ±âº» CSS¼±¾ð À» ÇÕ´Ï´Ù. »ç¿ëÇÏÁö ¾Ê¾Ò´ø fieldset, legend ³»¿ëÀ» ÁøÇàÇÏ°í ½º¸¶Æ®Æù °¡·Î ¼¼·Î ¿¡ ¾Ë¸Â°Ô ¹ÝÀÀÇÒ BG¿Í °íÁ¤µÉ ·Î°í±îÁö ÀÛ¾÷ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] ¸ð¹ÙÀÏ¿ë À̵¿¼Ò½º, Åø¼û±è/[04:39] vertical-align:top/[05:15] ul, dl, ol/[05:47] fieldset, legend/[10:17] container/[13:18] min-width:320px;max-width:100%/[15:30] header, logobg/[21:24] logobg img
  • 23.25ºÐ °Ë»ö¹Ù ³Ö±â

    ÆÄºñÄÜÀÌ ¾ÊµÇ´Â ¿î¿µÃ¼Á¦¿Í, webkit¿£Áø CSSÀÛ¾÷½Ã ¹®Á¦Á¡ È®ÀÎ ÀÔ´Ï´Ù, »çÆÄ¸®°¡ 5·Î ¾÷±×·¹ÀÌµå µÇ¸é¼­ ¹ß»ýµÇ´Â¹®Á¦±îÁö ¾Ë·Áµå¸®°í ´ëÀÀÇÒ ¹æ½Ä±îÁö ÀüºÎ ¼±¾ðÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] ¾ÆÀÌÆù ÆÄºñÄÜ ¾Èµå·ÎÀ̵å NO/[03:43] body ¿¡ ¸¹ÀºÀû¿ë/[04:34] -webkit-text-size-adjust:none/[08:14] Àû¿ëµÈ °Ë»ö¹Ù µðÀÚÀαâ´É/[11:37] Search, /[12:16] Search_h overflow:hidden;/[16:35] Search_w /[17:12] position:relative ÇÊ¿äÇÑ ÀÌÀ¯/[18:40] Search .in_w/[21:43] Search .in/[24:15] -webkit-appearance:none
  • 24.18ºÐ ¾ÆÀÌÆù ¾÷µ¥ÀÌÆ® ÈÄ º¯°æ»çÇ×, »ó´Ü¸Þ´º ³Ö±â

    ¾ÆÀÌÆù4G¿Í 3G ½ÃÀýÀÇ ºê¶ó¿ìÀú Â÷ÀÌ ´ë·«³­°¨Çß´ø °æÇè´ã, »ó´Ü ¸Þ´º¸¦ ³ÖÀ¸¸é¼­ BG°¡·Î ¹× ¼¼·Î¶óÀÎ °ú ±¸ºÐ À̹ÌÁö ¸¦ 25%·Î ¼³Á¤Çؼ­ º¸¿©ÁÖ´Â °Í ±îÁö ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] »çÆÄ¸®¹öÀü¾÷ÀÌÈÄ º¯°æ»çÇ×/[00:49] .Search in_ic/[02:27] vertical-align:middle/[06:44] top_m/[08:03] top_m ul li/[12:18] top_m li.noo/[12:55] top_m li a/[14:54] wrap/[17:18] -webkit-border-radius: 15px
  • 25.18ºÐ ¸ÞÀÎ ¾ÆÀÌÄÜ µÎ°¡Áö À¯Çü

    ±âº»¾ÆÀÌÄÜÀÇ °¡·Î¼¼·Î º¯°æ½Ã µ¿ÀÏÇÑ ¿©¹é°ú ³»¿ëÀ¸·Î Ãâ·ÂµÇ°í ¾Æ·¡¿¡ µÎ°¡ Áö ¾ÆÀÌÄܵµ °°Àº¹æ½ÄÀÌÁö¸¸ ´Ù¸£°Ô Ãâ·ÂµÇ´Â °É È®ÀÎÇÒ¼ö ÀÖ½À´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] °¡·Î¼¼·Î ºñÀ²/[01:07] ¸Þ´º¾È³»/[02:08] Mine position:relative/[03:25] Mine ul /[05:02] Mine li display:inline-block/[06:55] ¿©¹éÁÖ°í °¡¿îµ¥Á¤·Ä Áß¿ä/[09:48] ¸Þ´ºº° Ŭ·¡½º µðÀÚÀÎ/[11:11] ¸µÅ©°¡ ÀÖ´Ù¸é display:block/[14:20] Mine2 ¾Æ·¡¾ÆÀÌÄÜ ¹èÄ¡/[15:30] Mine2 ¿¡ a°¡ ÀÖ´Ù¸é
  • 26.18ºÐ ÇÏ´ÜÃâ·Â

    ÇÏ´Ü¿¡ Ãâ·ÂµÇ´Â ¸Þ´ºµé°ú Ä«ÇǶóÀÌÆ® °¡¿îµ¥ Á¤·ÄµîÀÇ ¹èÄ¡¸¦ ÀÇ¿ÜÀÇ °£´ÜÇÑ ÀÛ¾÷À¸·Î Ãâ·ÂµÇ´Â °É È®ÀÎÇÒ¼ö ÀÖ½À´Ï´Ù.

    Ã¥°¥ÇÇ[01:02] footer/[03:18] footer .menu/[05:50] position:relative/[10:42] footer span b/[13:55] footer menu2/[15:35] footer ³»¿ë ÀÎÄí¸£µå
  • 27.19ºÐ ÆùÆ® ¹Ýµå½Ãemó¸®, ¼­ºêÆäÀÌÁö ±âº»Æ²

    »ó´Ü¿¡ ÃÖ¼ÒÇÑÀÇ ÀÚ¸®¸¸ Àâ´ÂÀÌÀ¯¸¦¾Ë·Áµå¸®°í ¾ÛÀÌÁ¤¸» ÇÊ¿äÇÑ ÀÌÀ¯¸¦ ¾Ë·Áµå¸®°í Á÷Á¢ »ó´ÜÀÛ¾÷À» ¸¶¹«¸® ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] emÀ¸·Î ÇØ¾ßÇÏ´Â ÀÌÀ¯/[09:03] logobg_sub/[10:25] logobg_sub img/[13:06] header h2/[14:43] header h1/[15:45] header h3
  • 28.17ºÐ Å×ÀÌºí ¾øÀ̵µ dl·Î ÃæºÐÇÕ´Ï´Ù.

    ȸ»ç¼Ò°³ÀÇ dl󸮷ΠÀÎÇÑ ³»¿ëÀ» ¼ÂÆÃÇÏ´Â ºÎºÐÀ» °­ÀÇÇϸç ceo»çÁø°ú µ¿½Ã¿¡ ¹Ú½º¾È¿¡ ³»¿ëÀ» ½±°Ô ³Ö´Â ºÎºÐ±îÁö ¿Ïº®È÷ °­ÀÇÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] wrap_sub/[01:50] sub_page_a/[03:49] sub_page_a dl/[04:06] sub_page_a dl dt/[05:25] sub_page_a dl dd/[06:00] sub_page_a dl.aw/[08:06] aw dt dd p/[13:23] sub_page_a p span h1
  • 29.19ºÐ ·Î±×ÀÎ ÄÚµù

    ¹è°æbg·Î Çϴ°ÍÀÌ ¾Æ´Ñ div·Î ÀÌÁßÅ׵θ®·Î ÇÏ¸ç ½º¸¶Æ®ÆùÀ̳ª Ÿºí¸´ ÄÄ ¸ðµÎ¿¡¼­ µµ µ¿ÀÏÇÑ %·Î ³ª¿Àµµ·Ï ÀÛ¾÷ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] login_bak1 ~ 2/[07:39] login/[10:25] id pw/[14:50] inn
  • 30.17ºÐ ·Î±×ÀÎ ¹Ýµå½Ã ÀÔ·ÂÇÒ ³»¿ë, ÇнÀÁ¤º¸ ÄÚµù

    ·Î±×ÀÎâ¿¡¼­ º¸¾È·Î±×ÀÎ ¹× ¹Ýµå½Ã ¾Ë°í °è½Ç³»¿ë°ú µ¿½Ã¿¡ ³» ÇнÀÁ¤º¸ÀÇ ³»¿ëÀ» classÄÚµù¹× ±âÁ¸³»¿ë¿¡¼­ ¸î°¡Áö¸¦ Ãß°¡ÇÏ°Ô µË´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] login span ~ b/[03:00] sub_page_noa p span/[10:17] sub_page_b~h1~h2~span
  • 31.17ºÐ ¸Þ´º¸®½ºÆ®ÀÇ Á¤ÀÇ

    °Ô½ÃÆÇºÎÅÍ ¾îÁö°£ÇÑ À¥¸Þ´ºÀÇ ½º¸¶Æ®ÆùÃâ·Â ¿ëÀ¸·Î »ç¿ëÇϽǼö ÀÖµµ·Ï ±âº»ÀûÀÎ ³»¿ëºÎÅÍ ½Ç¹«¸ðµÎ¸¦ ´Ù·ç°í ÀÖ½À´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] menu_listA/[02:06] menu_listA ul li/[04:30] menu_listA ul li a/[07:21] menu_listA ul li .ic1
  • 32.20ºÐ Å×ÀÌºí ¼ÂÆÃ ¹× li ¸ñ·Ï¸Þ´º

    À¥Ç¥ÁØ¿¡¼­ °­ÀÇÇÑ°Í Ã³·³ justify ÀÇ Çʿ伺À» ¾Ë·Áµå¸®°í, °­ÀǸʰú Çаú¼Ò°³ ¸®½ºÆ®¿¡³»¿ëÀ» Á¡ÃþÀûÀ¸·Î ¼±¾ðÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] text-align justify/[03:28] map_title_a/[04:44] table_ex ~ pakTitle/[08:59] table ¼±¾ð/[13:15] header h4 ~ a/[17:43] menu_listB
  • 33.21ºÐ ±âÁ¸ Å×ÀÌºí °Ô½ÃÆÇ LI ·Î Æ©´×Çϱâ

    Å×À̺í·Î ÀÛ¼ºµÈ °Ô½ÃÆÇ ¿¡ db¸¦ °Çµå¸®Áö ¾Ê°í ul¸¸¼öÁ¤Çϱâ À§ÇÑ ¾î·Á¿ò, ÇÏÁö¸¸ ½ÇÁ¦ liÅ×±×·Î ¿¬µ¿Çؼ­ ³»¿ëÀ» º¯°æÇÏ´Â °Í ±îÁö ¸ðµÎ º¸¿©µå¸³´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] ±âÁ¸°Ô½ÃÆÇ ¿¡·Î»çÇ×/[03:41] sub_page_c/[09:44] menu_listC ~ li ~ a/[12:56] title/[17:35] sub_page_c as bs
  • 34.21ºÐ ±âÁ¸ Å×ÀÌºí °Ô½ÃÆÇ LI ·Î Æ©´×Çϱâ 2

    °Ô½ÃÆÇ ¸®½ºÆ® °¡ Á¾·áµÇ°í ±Ûº¸±â ³»¿ë ¹× ¸ñ·Ï¸®½ºÆ® 1~5 ¹Ú½ºÇüÅ ¿Í ³ª¸ÓÁö ¾ÆÀÌÄÜ À» ¹èÄ¡ÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] sub_page_c memo/[02:17] sub_page_c ~ cs ~ img/[11:28] bord_foota ~ b/[15:09] bord_footb p img
  • 35.17ºÐ ±Û¾²´Â°÷, ÀüÈ­, ȨÆäÀÌÁö¿¡ ±¸±ÛAPI ¸ÊÇ¥½Ã

    °Ô½ÃÆÇ ±â´É ÃÖÁ¾¸¶¹«¸® ¿Í ÇÔ²² ¾Èµå·ÎÀÌµå ¿¡¼­´Â µû·Î ¸µÅ©¸¦ ÇØÁà¾ß ÀüÈ­¿¬°áµÇ´Â °Í ¿Ï¼ºÇÏ°í °¡ÀåÇÙ½ÉÀº ±¸±ÛAPI¸Ê ÀÔ´Ï´Ù. ½º¸¶Æ®ÆùÀº À̵¿¼º À̱⶧¹®¿¡ ȸ»çȨÆäÀÌÁö Áöµµ¸¦ ½Ç½Ã°£À¸·Î º¸¿©ÁÙ¼ö ÀÖÀ¸¸ç ½±°Ô»ç¿ëÇϵµ·Ï ±¸±Û¸Ê »çÀÌÆ® »ðÀÔ°­ÀǸ¦ ÇØµå¸³´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] ±Û ÀԷ¶õ ¼öÁ¤Çϱâ/[05:27] ½º¸¶Æ®Æù ÀüÈ­¸µÅ©/[07:40] ±¸±ÛAPI ¸Ê
  • 36.24ºÐ ÀϹÝ, °¶·¯¸®, À¥Áø °Ô½ÃÆÇ, »óǰ¸ñ·Ï±îÁö li~ ¿Ïº®¸¶½ºÅÍ

    »óǰ¸ñ·Ï µµ li·Î ÅëÀÏÇϰí, ÀÏ¹Ý À̳ª °¶·¯¸®, À¥ÁøÇü °Ô½ÃÆÇ µµ ½±°Ô »ç¿ëÇϼ¼¿ä~ °­ÀǸ¦ ÀÌ¿ëÇϽŠºÐµéÀº ¹Ù·Î »ç¿ëÇϵµ·Ï ÇØ´ç¼Ò½º¸¦ À¯Çüº°·Î °­ÀÇÇÕ´Ï´Ù. À¯Çüº° À¥Ç¥ÁØ¿¡¼­ Á¤ÀǸ¦ ¿Ïº®È÷ ¹è¿ï¼ö ÀÖ´Â ³»¿ëÀÔ´Ï´Ù.

    Ã¥°¥ÇÇ[02:11] li_proj/[06:08] li_proj h1/[09:44] li_proj .asnew/[12:48] li_proj .asnew li/[16:52] li_proj .asnew li .spa/[19:05] li_proj .asnew li .spa img/[20:19] li_proj .asnew li .ac/[22:01] li_proj .asnew li .spa .ac img
  • 37.24ºÐ ÀϹÝ, °¶·¯¸®, À¥Áø °Ô½ÃÆÇ, »óǰ¸ñ·Ï±îÁö li~ ¿Ïº®¸¶½ºÅÍ 2 »óȲº° º¯¼ö

    »óǰ¸ñ·Ï µµ li·Î ÅëÀÏÇϰí, ÀÏ¹Ý À̳ª °¶·¯¸®, À¥ÁøÇü °Ô½ÃÆÇ µµ ½±°Ô »ç¿ëÇϼ¼¿ä~ °­ÀǸ¦ ÀÌ¿ëÇϽŠºÐµéÀº ¹Ù·Î »ç¿ëÇϵµ·Ï ÇØ´ç¼Ò½º¸¦ À¯Çüº°·Î °­ÀÇÇÕ´Ï´Ù. À¯Çüº° À¥Ç¥ÁØ¿¡¼­ Á¤ÀǸ¦ ¿Ïº®È÷ ¹è¿ï¼ö ÀÖ´Â ³»¿ëÀÔ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] li_proja .asnew li .lopl/[03:30] li_proja .asnew li .ada/[06:07] li_proja .asnew li .pd/[07:07] li_proja .asnew li .price/[08:20] li_proja .asnew li .ic1/[10:20] li_proja li a
  • 38.30ºÐ SNS¸¶ÄÉÆÃ ½Ç¹«

    Ä£±¸¿¡°Ô ¾Ë¸®±â. Æ®À§ÅͺÎÅÍ ÆäÀ̽ººÏ±îÁö ¸ðµÎ ±ÛÀ» ³²±æ ¼ö ÀÖ°Ô Çϼ¼¿ä. ¹Ýµå½Ã ۰ª Àû¿ëÀ¸·Î ´ÜÃàURL·Î ÀÛ¼ºµÇ°Ô ÇØ¾ß ¸ðµç ºê¶ó¿ìÀú¿¡¼­ ¹®Á¦°¡ ¾ø½À´Ï´Ù. QRÄÚµå ¶ÇÇÑ »óǰº°·Î ÀÚµ¿È­Çؼ­ ¸ð¹ÙÀϰú PC¿ëÀÌ µ¿ÀÏÇÏ°Ô ³ª¿À°Ô Çϼ¼¿ä.

  • 39.3ºÐ QR ÄÚµå ¹× ¾ÛÀÇ Á߿伺 Ä·ÄÚ´õ ½Ã¿¬

    QR ÄÚµå ¹× ¾ÛÀÇ Á߿伺¿¡ ´ëÇØ Ä·ÄÚ´õ ½Ã¿¬À» ÇÕ´Ï´Ù.

  • 40.33ºÐ ¾Èµå·ÎÀÌµå ¹× ¾ÆÀÌÆÐµå °ü·Ã ¿¡¹Ä·¹ÀÌÅÍ ¼³Ä¡ ¹× ÀÌÈĹæÇâ

    ¾Èµå·ÎÀ̵å´Â ÀÌŬ¸³½º¸¦ ¼³Ä¡Çϰí Àü¹®ÀûÀ¸·Î ¼³Ä¡ÀÛ¾÷À» ÇØ¾ß ÇÕ´Ï´Ù. ÇØ´ç³»¿ëÀº ±èö¼ö(¾Û°­ÀÇ) °­»ç´ÔÀÌ Á÷Á¢ ¼³Ä¡°úÁ¤ ¹× ½ÇÇà°­ÀǸ¦ ÇØµå¸®°í ÀÖ½À´Ï´Ù. ¸ñÀûÀº ÆÐµå¸¦ °¡Áö°íÀÖÁö ¾Ê´õ¶óµµ ¿øÇÒÇÑ µðÀÚÀÎÀÛ¾÷À» Çϱâ À§ÇÔÀ̸ç, ¸ð¹ÙÀÏȨÆäÀÌÁö¿Í ¾î¶² ºÐ¸®ÀÛ¾÷ÀÌ ÇÊ¿äÇÑÁö ÀÌÈĹæÇâÀ» Á¦½ÃÇØµå¸³´Ï´Ù.

  • 41.10ºÐ pc¿ë À̵¿ Çʿ伺 ¹× ¼Ò½º

    ¾ÆÀÌÆù, ¾Èµå·ÎÀÌµå µÎ´ë¸¦ Ä«¸Þ¶ó·Î ³ìÈ­ÇØ¼­ ±¸Çö½Ç½ÀÇÕ´Ï´Ù. iMAC¿Í ÅÂºí¸´ÀÇ Á¢¼Ó½Ã ¹ß»ýµÇ´Â ÇѰ踦 PC¿ëÀ¸·Î Á¢¼ÓµÇ°Ô ÀüÈ¯ÇØ¾ßÇÏ´Â ÀÌÀ¯¿Í ¹æ¹ý¸ðµÎ ¾Ë·Áµå¸®°í, Á÷Á¢»ç¿ëÇϽǼö ÀÖµµ·Ï PC¿ë ¼Ò½º¸¦ Á¦°øÇص帳´Ï´Ù. »ç¿ëµÈ ±â¼úÀº jQuery UI / PHP



¾ËÁö¿À ÆÐŰÁö