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



Äڵ带 ¼öÁ¤ÇÏ°í ¸ðµç±â±â(ÅÂºí¸´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
-
¸ð¹ÙÀÏ È¨ÆäÀÌÁö Á¦ÀÛ¸ð¹ÙÀÏ È¨ÆäÀÌÁö Á¦ÀÛ Àΰ Æò»ý±³À°¿ø ±³À° ¾È³» ¸ð¹ÙÀÏ À¥ÆäÀÌÁöÁ¦ÀÛÀ» ¼ö°ÇÑ ÀÌ¿ëÀÚµéÀÇ È°¿ëÀ» µ½±âÀ§ÇØ ½ÇÁ¦ »çÀÌÆ®¿¡¼ Á¦À۵Ǵ css3ÄÚµùÀ» ºÐ¼®ÇÏ¿© ½ÇÁ¦·Î ¿î¿µµÇ´Â ¸ð¹ÙÀÏ »çÀÌÆ®¸¦ ¸ðµ¨·Î »çÀÌÆ®¸¦ Á¦ÀÛÇÕ´Ï´Ù. ½ÇÁúÀûÀ¸·Î css3 ÄÚµùÀÌ »çÀÌÆ®»ó¿¡¼ ±¸¼ºµÇ´Â°ÍÀ» º¼¼ö ÀÖ½À´Ï´Ù. À¥Á¦ÀÛÀÇ ÀÌÇØ¿Í ¸ð¹ÙÀÏ »çÀÌÆ®Á¦ÀÛÀ» ¿ø¸®¸¦ ÀÌÇØÇÒ¼ö ÀÖÀ¸¸ç ´õ Ȱ¿ëÀûÀÎ ½Ç½À°ú ½ÇÁ¦ÀûÀÎ ¸ð¹ÙÀÏ À¥ÆäÀÌÁö±¸ÇöÀ» Çϰí½ÍÀº ºÐµéÀÌ ÀÌ¿ëÇϸé ÁÁ½À´Ï´Ù.ÇнÀ±â°£ : 2°³¿ù/°ÀǼö : 20°/ÁøÇà½Ã°£ : 18½Ã°£ 1ºÐ/¼ö°·á :
420,000¿ø255,000¿ø -
À¥Ç¥ÁØ [ÀÔ¹® + °í±Þ]À¥Ç¥ÁØ Àΰ Æò»ý±³À°¿ø ±³À° ¾È³» À¥°³¹ßÀ» ½ÃÀÛÇÏ´Â ºÐµéÀÌ ¹Ýµå½Ã ÀÌ¿ëÇØ¾ß Çϸç Àü¹®°¡Àû ÇüÅ·Π°ÀDZ¸¼ºÀÌ ÁøÇàµÇ°í ÀÖ¾î ´Ü°è¿¡ µû¶ó ü°èÀûÀ¸·Î ÇнÀÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÔ¹®ÀÚ»Ó¸¸ ¾Æ´Ï¶ó Àü¹®°¡¿¡°Ôµµ µµ¿òÀÌ µÇ´Â ³»¿ëÀÔ´Ï´Ù.ÇнÀ±â°£ : 2°³¿ù/°ÀǼö : 22°/ÁøÇà½Ã°£ : 13½Ã°£ 19ºÐ/¼ö°·á :
270,000¿ø165,000¿ø