HOME>ITÀü¹®°¡>µå¸²À§¹ö>µå¸²À§¹ö cc 2017 [±âÃÊ+½Ç¹«]
¾ËÁö¿À ÆÐŰÁö

µå¸²À§¹ö cc 2017 [±âÃÊ+½Ç¹«]

µå¸²À§¹ö cc 2017 [±âÃÊ+½Ç¹«]
19ȸÂ÷ ¼Ó¼º°úÁ¤
Àüü : 10½Ã°£ 19ºÐ|ȸÂ÷´ç Æò±Õ : 32ºÐ34ÃÊ

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

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

270,000¿ø165,000¿ø
µå¸²À§¹ö cc 2017 [±âÃÊ+½Ç¹«] Àΰ­ Æò»ý±³À°¿ø ±³À° ¾È³»
À¥°³¹ßÀ» ½±°Ô Çϱâ À§ÇÑ ÀÀ¿ëÇÁ·Î±×·¥À¸·Î À¥Ç¥ÁØ¿¡ ´ëÇØ¼­ ÄÚµå ÀÌÇØ°¡ ºÎÁ·ÇÏ´õ¶óµµ ½±°Ô ÇнÀÀÌ °¡´ÉÇÕ´Ï´Ù. ÇÏÁö¸¸ À¥µðÀÚÀÎÀÌ ¾Æ´Ñ °³¹ßÀ» ¿øÇϽŴٸé À¥Ç¥ÁغÎÅÍ ÇнÀÇÏ´Â °ÍÀ» ÃßõÇÕ´Ï´Ù. À¥µðÀÚÀÎ ÇнÀ°úÁ¤ Áß¿¡¼­´Â Çʼö·Î ÇнÀÇØ¾ß ÇÏ´Â °úÁ¤ÀÌ¸ç °£ÆíÇÑ À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â °ÍºÎÅÍ css3 ½ºÅ¸ÀÏÀ» ÀÌ¿ëÇØ ÇÁ·ÎÁ§Æ®¸¦ ±¸¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù. °£´ÜÇÑ ¸Þ´º ÀÌ¿ëÀ¸·Î À¥°³¹ßÀ» ¿øÇÑ´Ù¸é ±ÇÀåÇÕ´Ï´Ù.
  • 01.30ºÐ ·ÎÄðú ¸®¸ðÆ® ½Ç½Ã°£ ÀÛ¾÷

    À¥¹®¼­ °³³ä, È£½ºÆ® µµ¸ÞÀÎ, ³» pc¿¡¼­ ÀÛ¾÷ÇÑ ³»¿ëÀ» ¹Ù·Î µµ¸ÞÀο¡¼­ È®ÀÎ

    Ã¥°¥ÇÇ[00:04] µå¸²À§¹ö ȯ°æ ¼³Á¤/[01:09] »çÀÌÆ® Á¤ÀÇ/[03:18] »õ ¹®¼­ »ý¼º/[06:53] ÆíÁý±â·Î º¸±â/[09:13] È£½ºÆ® µµ¸ÞÀÎ ¼³Á¤/[13:54] PC¿Í À¥ È£½ºÆÃ µ¿±âÈ­/[16:27] ·çÆ® Æú´õ º¯°æ/[19:27] À¥ È£½ºÆÃ¿¡ ¾÷·Îµå/[24:00] ÀÎÄÚµù/[27:18] ÀÎÄÚµù ¿É¼Ç ¼³Á¤
  • 02.35ºÐ À¥»çÀÌÆ® Á¦ÀÛ

    CSS Designer Ȱ¿ë ¹× ÇϵåÄÚµù µ¿½Ã¿¡ »ç¿ëÇØ¼­ ±âÁ¸³»¿ëÀÇ ¼öÁ¤¹æ¹ý

    Ã¥°¥ÇÇ[00:16] ÅÛÇø´ ÀÌ¿ëÇÏ¿© »õ¹®¼­ ¸¸µé±â/[03:40] ¼Ó¼ºÃ¢/[07:33] viewport/[11:38] margin-left:auto/[17:25] css ¼Ó¼º/[22:24] CSS Designer/[25:04] ÆùÆ® º¯°æ/[29:57] µðÀÚÀÎ ¸ðµå¿¡¼­ css º¯°æ
  • 03.35ºÐ À¥»çÀÌÆ® Á¦ÀÛ 2 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    Àμ­Æ® ¸¦ »ç¿ëÇÑ ¿¤¸®¸ÕÆ® Ãß°¡ÈÄ CSSÀÇ Å¬·¡½º Ãâ·Â ¿øÇÏ´Â À§Ä¡¿¡ DIV ³Ö±â

    Ã¥°¥ÇÇ[00:23] ¿¤¸®¸ÕÆ® Ãß°¡/[03:42] id, class/[07:24] css Ãß°¡/[10:03] css »ó¼Ó°ü°è/[14:49] position:relative/[18:03] F10 ¼Ò½ºº¸±â/[23:16] id/[28:09] Media Query Ãß°¡/[31:56] ¹ÝÀÀÇü À¥
  • 04.30ºÐ À¥»çÀÌÆ® Á¦ÀÛ 3 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ¹ÝÀÀÇü À¥ Àü¹ÝÀûÀÎ ³»¿ë @media »çÀÌÁî º° °¢°¢ ¼öÁ¤¹æ¹ý

    Ã¥°¥ÇÇ[00:00] ¹ÝÀÀÇü À¥ ¹Ý¿µ¿µ¿ª/[05:16] ¸Þ´º ±âº» °³³ä/[10:26] ¸Þ´º Media Query/[16:07] ¸ð¹ÙÀÏ ¶§ Media Query/[19:53] PCÀÏ ¶§ css/[24:08] width:16%
  • 05.34ºÐ À¥»çÀÌÆ® Á¦ÀÛ 4 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ¿¡´Ï¸ÞÀ̼Ç, À̹ÌÁö¸Ê, @media »çÀÌÁî º° °¢°¢ ¼öÁ¤¹æ¹ý

    Ã¥°¥ÇÇ[00:00] ¸ð¹ÙÀÏÀÏ ¶§ ½ºÅ¸ÀÏ ¼öÁ¤/[03:20] ÅÂºí¸´ÀÏ ¶§ ½ºÅ¸ÀÏ ¼öÁ¤/[07:29] ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú/[11:57] li ű׿¡ id ¹× ½ºÅ¸ÀÏ ¼³Á¤/[16:03] color ¼³Á¤/[22:06] À̹ÌÁö »ðÀÔ/[27:40] À̹ÌÁö¸Ê/[32:33] À̹ÌÁö¸Ê °á°ú È®ÀÎ
  • 06.28ºÐ À¥»çÀÌÆ® Á¦ÀÛ 5 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ½ÇÁ¦ »ç¿ëµÇ´Â ³»¿ëÀ» À§ÁÖÀÇ Á¾·ùº° ½Ç½ÀÁøÇà

    Ã¥°¥ÇÇ[00:21] À̹ÌÁö ¸µÅ© target ¹× title Á¤ÀÇ/[04:40] À̹ÌÁö À§Ä¡ ¼öÁ¤/[07:56] °ø¹é »ðÀÔ/[10:15] Ŭ·¡½º »ðÀÔÇÏ´Â ¹æ¹ý1/[16:12] Ŭ·¡½º »ðÀÔÇÏ´Â ¹æ¹ý2/[19:04] ¼öÁ÷, ¼öÆò Á¤·Ä/[20:56] Wrap tag/[23:49] section
  • 07.32ºÐ À¥»çÀÌÆ® Á¦ÀÛ 6 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ½ÇÁ¦ »ç¿ëµÇ´Â ³»¿ëÀ» À§ÁÖÀÇ Á¾·ùº° ½Ç½ÀÁøÇà

    Ã¥°¥ÇÇ[00:00] article/[03:28] text-transform:uppercase/[06:03] line-height/[09:19] .left_article/[12:31] Go to Code/[16:53] .right_article/[19:55] ¹ÝÀÀÇü À¥/[23:07] @media »çÀÌÁî º° ½ºÅ¸ÀÏ/[26:03] ¸ð¹ÙÀÏ È¯°æÀÏ ¶§ ½ºÅ¸ÀÏ Á¤ÀÇ/[30:34] margin-bottom
  • 08.32ºÐ À¥»çÀÌÆ® Á¦ÀÛ 7 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ½ÇÁ¦ »ç¿ëµÇ´Â ³»¿ëÀ» À§ÁÖÀÇ Á¾·ùº° ½Ç½ÀÁøÇà

    Ã¥°¥ÇÇ[01:15] display:inline-block/[05:37] pÅÂ±× ½ºÅ¸ÀÏ/[06:59] border-radius/[10:48] À̹ÌÁö °¡¿îµ¥ Á¤·Ä/[13:50] pÅÂ±× ½ºÅ¸ÀÏ »ó¼Ó°ü°è/[18:02] text-align/[21:43] @media »çÀÌÁî º° ½ºÅ¸ÀÏ ¼öÁ¤/[25:45] ÆäÀÌÁö ÇÏ´Ü ¿ä¼Ò È®ÀÎ/[29:33] left column ½ºÅ¸ÀÏ È®ÀÎ
  • 09.28ºÐ À¥»çÀÌÆ® Á¦ÀÛ 8 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ½ÇÁ¦ »ç¿ëµÇ´Â ³»¿ëÀ» À§ÁÖÀÇ Á¾·ùº° ½Ç½ÀÁøÇà

    Ã¥°¥ÇÇ[00:00] right column ½ºÅ¸ÀÏ È®ÀÎ/[04:09] @media »çÀÌÁî º° ½ºÅ¸ÀÏ ¼öÁ¤/[08:18] ¸ð¹ÙÀÏÀÏ ¶§ ¹è°æ»ö ¼öÁ¤/[11:59] clear:both/[15:57] social_icon ½ºÅ¸ÀÏ È®ÀÎ/[18:24] opacity/[21:22] footer/[24:02] overflow:auto
  • 10.35ºÐ À¥»çÀÌÆ® Á¦ÀÛ 9 + ¸ð¹ÙÀÏ ~ PC±îÁö ¹ÝÀÀÇüÀ¥

    ½ÇÁ¦ »ç¿ëµÇ´Â ³»¿ëÀ» À§ÁÖÀÇ Á¾·ùº° ½Ç½ÀÁøÇà

    Ã¥°¥ÇÇ[00:00] copyright css/[03:15] ¸ð¹ÙÀÏÀÏ ¶§ copyright css/[04:39] color, font-size Ãß°¡/[07:13] copy/[09:32] ÁÖ¼®/[11:22] ¸µÅ© Á¦°Å/[14:22] title¿¡ color Àû¿ë/[16:09] padding/[19:43] margin/[22:41] ¾Ö´Ï¸ÞÀÌ¼Ç Àû¿ë/[25:11] hover/[28:09] display:none/[31:06] position:absolute
  • 11.31ºÐ ¹ÝÀÀÇüÀ¥ ¿Ï·á

    ÇϵåÄÚµù »ç¿ëÇÑ ½ÇÁ¦ »ç¿ëµÇ´Â À¥»çÀÌÆ® Á¦ÀÛ

    Ã¥°¥ÇÇ[00:43] Window Sizes ÆÐ³Î/[03:29] device-width/[05:22] Preview In Browser/[07:04] Add Browser/[10:36] »õ·Î°íħ ÆÐ³Î/[12:51] CC Libraries ÆÐ³Î/[15:10] ·ÎÄÿ¡¼­ html ¿­±â/[17:24] À¥ÆäÀÌÁö Á¦ÀÛ/[19:50] ¼­¹ö¿¡ ¾÷·ÎµåÇϱâ/[22:22] Insert Header/[25:17] New CSS Rule/[28:14] font-weight
  • 12.39ºÐ À¥»çÀÌÆ® Á¦ÀÛ

    heard, h1 ·Î°í, body

    Ã¥°¥ÇÇ[00:24] Show Set/[02:28] Layout ¼³Á¤/[05:36] image »ðÀÔ/[08:38] ¾÷·Îµå È®ÀÎ/[11:18] border, background/[14:36] Selectors/[16:53] padding/[18:57] css ¼ø¼­ º¯°æ/[21:37] user stylesheet/[23:05] css ¿ä¼Ò Ãß°¡/[26:04] h1 width, height ¼³Á¤
  • 13.32ºÐ À¥»çÀÌÆ® Á¦ÀÛ 2

    ¸ñ·Ï(UL)Ãß°¡, ÀϹÝÀûÀÎ CSS¼±¾ð, ¿øÇÏ´Â À§Ä¡¿¡ NEWÀ̹ÌÁö

    Ã¥°¥ÇÇ[00:00] ¸Þ´º Ãâ·Â¹æ¹ý/[03:36] ul, li/[06:26] css Ãß°¡/[08:40] position: absolute/[10:28] ¿¤¸®¸ÕÆ®¿¡ css Àû¿ë/[13:09] ol/[15:51] float:left/[17:29] li ¾È¿¡ ¸µÅ© »ðÀÔ/[19:40] ¸µÅ© ¹ØÁÙ Á¦°Å/[22:24] ¼öÁ÷, ¼öÆò Á¤·Ä/[25:56] ¸µÅ© »ö»ó Àû¿ë/[28:46] ¸Þ´º¿¡ À̹ÌÁö Ãß°¡/[31:14] position Á¸¼Ó
  • 14.34ºÐ À¥»çÀÌÆ® Á¦ÀÛ 3

    Å×À̺í, SECTION, ARTICLE

    Ã¥°¥ÇÇ[00:50] table »ý¼º/[03:34] div »ý¼º/[06:31] border-spacing/[09:42] ·Î°í ¿·¿¡ table À§Ä¡½Ã۱â/[12:51] margin ÀÌ¿ëÇÏ¿© À§Ä¡ º¯°æ/[15:14] section »ðÀÔ/[18:52] sectionÀ» 2´ÜÀ¸·Î ºÐ¸®/[21:30] article »çÀÌÁî Á¤ÀÇ/[24:28] ¹è°æ»ö ÁöÁ¤/[27:41] Aside »ðÀÔ/[30:44] aside css Á¤ÀÇ/[33:10] insert div
  • 15.31ºÐ À¥»çÀÌÆ® Á¦ÀÛ 4

    ¸ÞÀÎ3´Ü°è, Á¾·ùº° DIV¹Ú½º ½Ç½À, video

    Ã¥°¥ÇÇ[00:00] 3´Ü section ¸¸µé±â/[03:22] .righta/[06:00] .righta css ¼öÁ¤/[09:38] background, width, height ¼³Á¤/[12:06] margin/[15:51] text color º¯°æ/[18:26] ¿©·¯ ÁÙÀÏ ¶§ ¼öÁ÷ Á¤·Ä/[20:09] footer »ý¼º/[23:47] clear:both/[26:59] Meta/[28:44] HTML5 Video »ðÀÔ
  • 16.30ºÐ À¥»çÀÌÆ® Á¦ÀÛ 5

    ¸ÞÀο¡ À¯Æ©ºê¿µ»ó »ðÀÔ, SWFÃß°¡, ·Ñ¿À¹öÀ̹ÌÁö, Àϱ׷¯ÁöÁö ¾Ê´Â ·¹À̾ƿô

    Ã¥°¥ÇÇ[00:11] À¯Åõºê ¿µ»ó »ðÀÔ/[02:01] Flash SWF »ðÀÔ/[05:55] Flash SWF/[07:33] Rollover Image/[09:52] Rollover Image ¼Ó¼º/[11:59] iframe/[14:07] position:relative/[17:42] Rollover Image css ¼³Á¤/[20:28] ¸¶¿ì½º ¿À¹ö ½Ã À̹ÌÁö º¯°æ/[23:19] onLoad/[24:03] iframeÀ̶õ?/[27:00] Character
  • ºñÇìÀ̺ñ¾î ÁýÁßÇнÀ
  • 17.34ºÐ ÆË¾÷ ¹× ¿¡´Ï¸ÞÀÌ¼Ç ±â´É

    ÀÚ¹Ù½ºÅ©¸³Æ®¿Í Á¦ÀÌÄõ¸®ÀÇ ¼±¾ðºÎºÐ ¼³¸í

    Ã¥°¥ÇÇ[00:12] Behaviors/[01:11] ⠴ݱ⠽ºÅ©¸³Æ® »ý¼º/[04:38] onMouseOver/[07:14] imageMap/[09:54] Attach Existing CSS File/[12:10] ÆË¾÷ÀÇ ºÎ¸ð â »ý¼º/[13:19] Open Browser Window/[16:00] ÆË¾÷ À̸§/[18:01] Change Property/[21:55] div¿¡¼­ Change Property/[22:59] ¿¤¸®¸ÕÆ® ´ë¼Ò¹®ÀÚ ±¸ºÐ/[25:02] Change PropertyÀÇ ¼Ó¼º º¯°æ/[27:31] ÆË¾÷ À§Ä¡ ¼³Á¤/[29:26] Effects/[31:44] jqueryÀÇ Çʿ伺
  • 18.31ºÐ ¿¡´Ï¸ÞÀÌ¼Ç ±â´É 2

    ÀÚ¹Ù½ºÅ©¸³Æ®¿Í Á¦ÀÌÄõ¸®ÀÇ ¼±¾ðºÎºÐ ¼³¸í

    Ã¥°¥ÇÇ[00:54] ´Ù¸¥ ¿ä¼Ò hide ½Ã۱â/[02:47] text, image hide ½Ã۱â/[04:14] show, toggle/[06:54] Blind Direction Á¾·ù/[09:49] class¿Í idÀÇ Â÷ÀÌ/[11:33] toggle/[12:43] Bounce/[14:35] Distance, Time/[16:10] Clip, Drop, Fade/[19:08] ÆÐ³Î Àç¼³Á¤/[20:04] Fold/[22:54] Highlight/[24:34] Puff, Pulsate/[26:34] Scale/[28:41] Shake, Slide
  • 19.38ºÐ ºñÇìÀ̺ñ¾î, ·¹À̾ƿô º¸³Ê½º

    ºñÇìÀ̺ñ¾î ¸¶¹«¸®, ·¹À̾ƿô ¹®Á¦µÉ¼ö ÀÖ´Â ¿ä¼Ò ¸¦ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:13] Go To URL/[01:50] Jump Menu, Jump Menu Go, Popup Message/[03:35] Preload Images/[05:11] Set Text/[06:59] Show-Hide Elements/[09:10] Swap Image/[11:46] jquery ¼±¾ðºÎ Á¦°Å½Ã ¹®Á¦/[14:08] css »ý¼º/[16:50] ¹®¼­ ¼Ó¼º ¼öÁ¤/[18:16] ·¹À̾ƿô Á¤ÀÇ/[21:33] css Á¤ÀÇ/[24:03] header, main, footer css Á¤ÀÇ/[27:16] ·¹À̾ƿôÀÌ ±úÁú ¼ö ÀÖ´Â ¿ä¼Ò/[30:06] main left-a css Á¤ÀÇ/[33:23] footerÀÇ ·¹À̾ƿô ¹®Á¦ ¹ß»ý ¿ä¼Ò/[36:03] clear:both


¾ËÁö¿À ÆÐŰÁö