- °ÀDZ¸¼º
- (20°) Àüü : 18½Ã°£ 1ºÐ|Æò±Õ : 54ºÐ2ÃÊ
- ÀÌ¿ë±â°£/°»ç
- 2°³¿ù / ¾ËÁö¿À R&D [IT]
- ¼ö°·á
- 510,000¿ø
- 255,000¿ø
¸ð¹ÙÀÏ È¨ÆäÀÌÁö Á¦ÀÛ Àΰ Æò»ý±³À°¿ø ±³À° ¾È³»
¸ð¹ÙÀÏ À¥ÆäÀÌÁöÁ¦ÀÛÀ» ¼ö°ÇÑ ÀÌ¿ëÀÚµéÀÇ È°¿ëÀ» µ½±âÀ§ÇØ ½ÇÁ¦ »çÀÌÆ®¿¡¼ Á¦À۵Ǵ css3ÄÚµùÀ» ºÐ¼®ÇÏ¿© ½ÇÁ¦·Î ¿î¿µµÇ´Â ¸ð¹ÙÀÏ »çÀÌÆ®¸¦ ¸ðµ¨·Î »çÀÌÆ®¸¦ Á¦ÀÛÇÕ´Ï´Ù. ½ÇÁúÀûÀ¸·Î css3 ÄÚµùÀÌ »çÀÌÆ®»ó¿¡¼ ±¸¼ºµÇ´Â°ÍÀ» º¼¼ö ÀÖ½À´Ï´Ù. À¥Á¦ÀÛÀÇ ÀÌÇØ¿Í ¸ð¹ÙÀÏ »çÀÌÆ®Á¦ÀÛÀ» ¿ø¸®¸¦ ÀÌÇØÇÒ¼ö ÀÖÀ¸¸ç ´õ È°¿ëÀûÀÎ ½Ç½À°ú ½ÇÁ¦ÀûÀÎ ¸ð¹ÙÀÏ À¥ÆäÀÌÁö±¸ÇöÀ» ÇÏ°í½ÍÀº ºÐµéÀÌ ÀÌ¿ëÇϸé ÁÁ½À´Ï´Ù.
´Ü±â ½Àµæ!
2³â ¿¬¼Ó IT±³À° ÀΰºÎºÐ 1À§ ¾ËÁö¿À
(±Ù°ÅÀÚ·á)
2003³âºÎÅÍ ¿î¿µÇØ¿Â ¼ö¸¹Àº µ¥ÀÌÅͺ£À̽º¸¦ ±â¹ÝÀ¸·Î
´Ü±â ½ÀµæÇÒ °ÀÇ
·Î Á¦°øÇÕ´Ï´Ù!
´ÊÁö ¾Ê¾Ò½À´Ï´Ù. ¾ËÁö¿À¿¡¼ Áö±ÝºÎÅÍ ½ÃÀÛÇϼ¼¿ä!
-
01.49ºÐ
¸ÞÀÎ ÆäÀÌÁöÀÇ ÅÇ ¸Þ´º
±âº» ¸ÞÀÎ ÆäÀÌÁö¿¡ ´ëÇÑ ÅǼӼº°ú °Ë»ö¹Ù ¼Ó¼º¿¡ ´ëÇؼ ÇнÀÇÏ°í, ÅǸ޴º¸¦ È°¼ºÈÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ ½Ç½ÀÇغ¾´Ï´Ù.
¿Ï¼º »çÀÌÆ® »ìÆ캸±â/html ¹®¼ »ìÆ캸±â/margin, padding/font-family, font-size/background:url/position:relative/width, height, background-color/display:inline-block/position:absolute/text-decoration:none/font-size, font-weight:bold/position: absolute/display:block/font-size, font-weight:bold/position: absolute/gnSearchBoxColumn/padding/width, background-color/width, height/padding, margin, border/input/font-size, height/float, position/clear, clear:both/text-align:right/vertical-align:middle/margin/position:absolute
-
02.56ºÐ
¸ÞÀÎ ÆäÀÌÁöÀÇ nav ¸Þ´º
gradient ¼Ó¼ºÀ» ÀÌ¿ëÇÑ ¹è°æÀ̹ÌÁö°¡ ¾î¶»°Ô Àû¿ëµÇ´ÂÁö ÇнÀÇغ¸°í nav¸Þ´º°¡ dispaly:none ¼Ó¼º°ú overflow:hidden¼Ó¼º Àû¿ë¿¡ µû¶ó Â÷ÀÌÀÇ ¸ð½ÀÀ» ÇнÀÇÕ´Ï´Ù.
width, height/overflow:hidden/letter-spacing/display:inline-block/border-right/text-align:center/box-shadow:inset/content:/font-family, font-weight, font-size/letter-spacing. position/border-right/text-align:center/box-shadow:inset/background-image/font-family, font-weight, font-size/letter-spacing, position/text-align, height/box-shadow:inset, background-image/font-family, font-weight/letter-spacing/position:relative/background-size/text-align:center/padding, display:block/text-transform:lowercase/background:url/text-align, line-height/signIN
-
03.54ºÐ
·Î±×ÀÎ ÆäÀÌÁö¿¡¼ÀÇ nav ¸Þ´º
·Î±×ÀÎ ÆäÀÌÁöÀÇ ±âº»Æû¿¡¼ nav ¸Þ´º´Â ¾î¶»°Ô Àû¿ëµÇ´ÂÁö ÇнÀÇÏ°í SearchBox¿¡ ´ëÇÑ ¼Ó¼º ÁöÁ¤¹æ¹ý¿¡ ´ëÇؼ ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù.
·Î±×ÀÎÆäÀÌÁö »ìÆ캸±â/margin, padding/font-family, font-size/position:relative/background:url/text-decoration:none/max-width, height:auto/outline, border/background-color/position:absolute/padding, width/clear:both, display:block/webkit-appearance, webkit-border-radius/vertical-align:middle/margin-bottom/overflow:hidden, letter-spacing/box-shadow:inset/background-image/text-decoration:underline/input type
-
04.51ºÐ
¼Ò°³ÆäÀÌÁöÀÇ tableÁ¤·Ä
¼Ò°³ÆäÀÌÁöÀÇ À̹ÌÁöÁ¤·ÄÇÒ¶§ÀÇ CSS¼Ó¼º¿¡´ëÇؼ ÇнÀÇغ¸°í ¸ð¹ÙÀÏ¿¡¼ Àû¿ëµÇ´Â footer¸Þ´º ¼Ó¼º¿¡ ´ëÇؼ ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù.
»óÇ° ¼Ò°³ ÆäÀÌÁö Àû¿ëÇϱâ/ÆäÀÌÁö ¿Ï¼º È¸é »ìÆ캸±â/width, height/margin, padding/font-weight, text-decoration/clear, background/width, overflow/mobille css/margin, font-size/min-height/text-size-adjust/a, a:visited, a:hover/input/:before/pointer-events
-
05.56ºÐ
table·Î ÁöÁ¤µÈ ÆäÀÌÁö ÇÏ´Ü list¸Þ´º¿Í footer¸Þ´º
ÇÏ´Ü¿¡ »ý¼ºµÇ´Â footer¸Þ´º¿¡ ´ëÇÑ À̹ÌÁö ÁöÁ¤°ú list¸Þ´º¿¡ ´ëÇÑ Á¤·Ä ¼Ó¼ºÀ» Àû¿ë½ÃÄѺ¸°í ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù.
a:hover/input type=email/footer_content/white-space/list_item/background/display/text-decoration/font-style, font-size, font-family/word-wrap/text-align/border-color/¿Ï¼ºÈ¸é ºñ±³Çϱâ/sign-up-email/sign-up-button
-
06.56ºÐ
search box ¿µ¿ªÀ¸·Î ¸Þ´º ¸¸µé±â
table cell·Î Á¤ÀÇµÈ ÆäÀÌÁö¿¡ search box ¿µ¿ªÀ» ¸¸µé°í input typeÀ» È°¿ëÇÑ ¸Þ´º ¸¸µé±â
webkit-text-size-adjust:none/font-family/margin, padding, position/overflow:hidden/box-shadow/border, display:table/section/display:table-cell/vertical-align:middle/white-space:nowrap/a:active, a:visited, a:link/text-decoration:none/webkit-tap-highlight-color:rgba/background-image, background-position/srchCl, .myBCl/text-align:center/cursor:pointer/background-position/display:table/vertical-align:middle/margin-right/background-color:transparent/line-height/font-size
-
07.52ºÐ
table cell ÀÌ¿ëÇÑ search icon ¿µ¿ª¸¸µé±â
tablecellÀ» ÁöÁ¤Çؼ icon¿µ¿ª ÁöÁ¤ÇÏ°í content¿µ¿ªÀÇ ¼Ó¼ºÀ» Àû¿ë½ÃÄѺ¾´Ï´Ù.
padding/background-color, background gradient/border/vertical-align:middle/display:inline-block/text-align:center/z-index/box-shadow/hidden/background:transparent/background-size, background-position/padding/line-height/overflow:hidden, white-space:nowrap/list-style:none/word-wrap:break-word/font-weight/background-image
-
08.54ºÐ
footer ¸Þ´º ¿µ¿ª¼³Á¤°ú image¹èÄ¡ÀÛ¾÷
footer sectionÀ»³ª´©°í section¸¶´Ù ¿µ¿ªÀ» ÁöÁ¤ÇÑ ¼Ó¼ºÀ» °¢°¢ ³Ö¾îº¸´Â ÀÛ¾÷À» ÁøÇàÇÕ´Ï´Ù.
footer¸Þ´º¿Í Çϴܸ޴º ¼³¸í/display:inline-block/arrowSprite/background-position/morewrap/text-align:center/font-family/position:absolute/display:block/border-bottom:none/background-size/visibility:hidden/·Î±×ÀÎ ÆäÀÌÁö »ìÆ캸±â/Àû¿ëµÇ´Â ¼Ó¼º ¹¾î¼ ÁöÁ¤Çϱâ
-
09.58ºÐ
sign in ÆäÀÌÁöÀÛ¾÷Çϱâ
pageÀÛ¾÷¿¡ ÇÊ¿äÇÑ ¼Ó¼º¿Ü¿¡µµ ÀüüÀûÀÎ ¼Ó¼ºÀ» ÁöÁ¤ÇØÁÖ´Â css¼Ó¼º Àû¿ë¹æ¹ý¿¡ ´ëÇؼµµ Àû¿ëÇÏ¿© È®ÀÎÇغ¾´Ï´Ù.
·Î±×ÀÎÆäÀÌÁö »ìÆ캸±â/vertical-align:middle/white-space:nowrap/font-weight:bold/word-wrap:break-word/footlist/display:block/line-height/line-height, visit_count/font-size/text-decoration:underline/text-overflow:ellipsis/input type/appearance/primary/text-shadow/box-shadow
-
10.50ºÐ
±âº» ±¸¼ºµÈ pageÀÇ cssÀû¿ë
±âº»pageÀÇ ±¸¼ºÀ» »ìÆ캸°í css¼Ó¼º Àû¿ëÀÇ ¹æ¹ý¿¡ ´ëÇؼ ½Ç½ÀÇÕ´Ï´Ù.
Çϴܸ޴º Àû¿ëÇϱâ/display:block/border-radius/text-align:center, vertical-align:middle/background-color/À̹ÌÁö·Î ±¸¼ºµÈ ¸Þ´º »ìÆ캸±â/text-size-adjust:none/background-attachment/border:none,outline:none/bannerContainer/menu/text-align:center, position:relative/footer/text-transform:uppercase/cursor:pointer/font-size/section/errormessage
-
11.59ºÐ
list·Î ±¸¼ºµÈ pageÀÛ¾÷
list·Î±¸¼ºµÈ ¸Þ´ºÇ׸ñÀ» table cell·Î ³ª´©¾î °¢ ¼Ó¼ºÀ» ÁöÁ¤ÇÏ´Â ÀÛ¾÷À» ÁøÇàÇÕ´Ï´Ù.
¸®½ºÆ®·Î ±¸¼ºµÈ ¸Þ´ºÀÛ¾÷ »ìÆ캸±â/¿Ï¼ºÈ¸é ºñ±³Çϱâ/text-size-adjust/list-style-image/color: inherit/text-decoration/ul, li/repeat-x scroll/display: block/text-shadow/clear: left/overflow: hidden/background-color/repeat-x scroll/clear: none/border-radius
-
12.1½Ã°£ 4ºÐ
list·Î ÀÛ¼ºµÈ table Á¤·Ä
section¿µ¿ªÀ» ³ª´©¾î¼ ÀÛ¼ºµÈ page¿µ¿ªÀ» Á¤·ÄÇؼ ¼Ó¼ºÀ» ÁöÁ¤Çغ¸´Â ÀÛ¾÷À» Çغ¾´Ï´Ù.
¸®½ºÆ®¸Þ´º ±¸¼º »ìÆ캸±â/font-weight/clear: left/font-weight/title-wrapper/vertical-align: middle/text-shadow/next-link/current-page/background: transparent/search-field/clear: right/display: block/small, medium, large/font-weight/display: block/¿Ï¼ºµÈ ÆäÀÌÁö ÀÛ¾÷ È®ÀÎ
-
13.49ºÐ
list ¸Þ´ºÀÇ Á¤·Ä°ú ¹è°æÁöÁ¤
list·Î ÀÛ¼ºµÈ ¸Þ´ºµéÀ» Á¤·ÄÇÏ°í ¹è°æÀû¿ë¿¡´ëÇÑ ¼Ó¼ºÁöÁ¤¿¡ ´ëÇؼ ÀÛ¾÷°ú °á°ú¸¦ È®ÀÎÇغ¾´Ï´Ù.
±âº» ¸ÞÀÎÆäÀÌÁö »ìÆ캸±â/linear-gradient/text-decoration: none/padding/text-indent/list-style: none/display: block/overflow: hidden/clearfix:after/text-transform: uppercase/text-rendering: optimizeLegibility/display: inline-block/float: none/subheading/nav-section a
-
14.50ºÐ
¸ÞÀÎ ÆäÀÌÁö¿¡ Àû¿ëÇÏ´Â list ¸ñ·Ï ¸¸µé±â
list·ÎÀÛ¼ºµÈ ¸Þ´º¸¦ °¡Áö°í ¸ÞÀÎ ÆäÀÌÁö¿¡¼ Àû¿ëÇÏ´Â ¼Ó¼º ÁöÁ¤¿¡ ´ëÇؼ ¾Ë¾Æº¸°í ±× °á°ú¸¦ È®ÀÎÇغ¾´Ï´Ù.
display: none/background:none/text-shadow:none/clear: both/float: none/white-space: normal/margin-bottom/background-size/position: static/mobile-view ¼Ó¼º Àû¿ëÇϱâ/arrow/background/notched-left:before/box-sizing:border-box
-
15.56ºÐ
main & canvas Ŭ·¡½º¸¦ ÀÌ¿ëÇÑ ÆäÀÌÁö ±¸¼º
main & canvasÀ» °¡Áö°í ¸ÞÀÎ ÆäÀÌÁö±¸¼º¿¡ ´ëÇؼ ¾Ë¾Æº¸°í Heder »óÀ§¸Þ´º¸¸µé±â
ÆäÀÌÁö±¸¼º »ìÆì º¸±â/-webkit-text-size-adjust/overflow-x: hidden/clear: both/background/filter/overflow: hidden/float: right/box-sizing: border-box/white-space: nowrap/cursor: pointer/box-sizing: border-box/padding-top/background-position/clear: both/background: url/padding/line-height/cursor: pointer
-
16.53ºÐ
listSection°ú listItemÀ» °¡Áö°í ÆäÀÌÁö¸¸µé±â
listItemÀ» °¡Áö°í ¸ÞÀÎ ÆäÀÌÁö±¸¼º¿¡ ´ëÇؼ ¾Ë¾Æº¸°í thumbList¿¡ ´ëÇÑ Á¤·ÄÀ» ÀÌ¿ëÇØ mainContainer ±¸¼ºÇϱâ
¸®½ºÆ®·Î ±¸¼ºµÈ ¸Þ´ºÀÛ¾÷ »ìÆ캸±â/box-sizing: border-box/float: left/copyright/ÆäÀÌÁö±¸¼º »ìÆì º¸±â/a:hover/header/background/overflow: hidden/text-indent/position: absolute/nav/list-style-type/background/overflow: hidden
-
17.55ºÐ
Section content¿¡ ´ëÇÑ ¸Þ´º ¸®½ºÆ® ±¸¼ºÇϱâ
Section content¿¡´ëÇÑ ¿µ¿ªÀ» °¡Áö°í ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â ÀÛ¾÷À» ÁøÇàÇÕ´Ï´Ù.
¸Þ´ºÀÛ¾÷ »ìÆ캸±â/section/box-sizing: border-box/line-height/float: left/font-size/margin, padding/width: auto/font-weight: bold/text-transform: uppercase/border-radius/ÅǸ޴º ºñ±³Çϱâ/footer/text-transform: uppercase/width
-
18.54ºÐ
content¿µ¿ª¿¡ ·Î±×ÀÎ ÆäÀÌÁö ±¸¼ºÇϱâ
loginForm,textfield ¸¦ ÀÌ¿ëÇØ ·Î±×ÀÎÆäÀÌÁö¸¦ ±¸¼ºÇÏ°í footer¸Þ´ºÀÇ ¾ÆÀÌÄÜ À̹ÌÁö ±¸¼º¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.
¿Ï¼º »çÀÌÆ® »ìÆ캸±â/text-decoration: underline/position: relative/background: transparent/border/text-align: center/section/box-sizing: border-box/font-weight: bold/text-transform: uppercase/footer/display: block/text-transform:none/clear:left/clear:both/padding/¸Þ¼¼Áö ¹Ú½º/vertical-align:middle
-
19.53ºÐ
searchFormÀ» ÀÌ¿ëÇÑ ÆäÀÌÁöÀÇ search¿µ¿ª±¸¼º
inputSearchBoxÀÌ¿ëÇØ ¸®½ºÆ®¸¦ ±¸¼ºÇÏ°í Search¿µ¿ªÀ» ¸¸µé¾îº¾´Ï´Ù.
background/video/box-sizing: border-box/font-weight: bold/z-index/float: left/background gradient/margin/list-style-type: none/font-size/margin: 0 auto/text-decoration: none/overflow:hidden/display:block
-
20.52ºÐ
Å©±â¸¦ Á¶ÀýÇÑ list ¸ñ·ÏÀÇ ÆäÀÌÁö±¸¼º
¸Þ´º¸®½ºÆ®¸¦ ±¸¼ºÇÏ°í ¸®½ºÆ®ÀÇ ±¸¼º ¹× ¹èÄ¡¹æ¹ý°ú °¢°¢ÀÇ Item ¹èÄ¡¿¡ ´ëÇؼ ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù.
¿Ï¼º ÆäÀÌÁö »ìÆ캸±â/opacity/¸Þ´º ¹è°æ¼³Á¤/·Î°í ¹è°æ¼³Á¤/list-style: none/box-sizing: border-box/text-shadow/overflow: hidden/text-shadow/vertical-align:middle/overflow: hidden/font-weight: bold/white-space: nowrap/clear:both/display:inline-block/position:absolute