HOME>ITÀü¹®°¡>HTML CSS | ¹ÝÀÀÇüȨÆäÀÌÁö>HTML ±âÃÊ CSS3 + ºÎÆ®½ºÆ®·¦
¾ËÁö¿À ÆÐŰÁö

HTML ±âÃÊ CSS3 + ºÎÆ®½ºÆ®·¦

HTML ±âÃÊ CSS3 + ºÎÆ®½ºÆ®·¦
25ȸÂ÷ ¼Ó¼º°úÁ¤
Àüü : 10½Ã°£ 57ºÐ|ȸÂ÷´ç Æò±Õ : 26ºÐ16ÃÊ

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

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

300,000¿ø185,000¿ø
HTML ±âÃÊ CSS3 + ºÎÆ®½ºÆ®·¦ Àΰ­ Æò»ý±³À°¿ø ±³À° ¾È³»
HTML űױâÃÊ ¿Í CSS3 ºÎÅÍ ½ÃÀÛÇÏ´Â ºÐµéÀÌ ¿Ï·áÈÄ ºÎÆ®½ºÆ®·¦ ±îÁö ÀÌ¿ëÇϽǼö ÀÖ´Â ÇнÀÀÔ´Ï´Ù. HTML ű×, CSS3 ÀÇ ÆíÁý±â ÀÎ µå¸²À§¹ö³ª ±âŸ ´Ù¸¥ ÆíÁý ÇÁ·Î±×·¥¿¡ ÀûÀÀµÇ¾î ÀÖ´Â ºÐµéÀ̶ó¸é ÀÌ ³»¿ëÀ» °£°úÇϱ⠽±½À´Ï´Ù. ÇÏÁö¸¸ HTML ÅÂ±× CSS3 ÄÚµùÀ» Çϱâ À§Çؼ­´Â, ±âº»ÀûÀ¸·Î ÀÌ ³»¿ëÀº ¹Ýµå½Ã HTML ÅÂ±× ºÎÅÍ CSS3 ¿Í ºÎÆ®½ºÆ®·¦ ±îÁö ÇнÀÇÏ½Ç °ÍÀ» ±ÇÀåÇÕ´Ï´Ù.
  • 01.23ºÐ HTML ±âÃÊ ¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù. Part 1

    HTML ¹®¼­ ¿Í P, H1 µî ±âº» ű×ÀÇ Àû¿ë°ú ¼Ò½º º¸´Â¹ýºÎÅÍ

    Ã¥°¥ÇÇ[00:00] HTML ±âÃÊ/[05:41] ºê¶ó¿ìÀú À̽Ä/[10:45] brű×/[14:47] Á¦¸ñ±Û/[19:55] ³»¿ë È®ÀÎ
  • 02.24ºÐ HTML ±âÃÊ ¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù. Part 2

    »ó´ë Àý´ë°æ·Î ¿ÏÀüÀÌÇØ, Á¾·ùº° ¸µÅ© ¿É¼Ç, Ã¥°¥ÇÇ, ÁÖ¼®

    Ã¥°¥ÇÇ[00:00] °æ·Î¼³Á¤/[08:24] ÇÏÀÌÆÛ¸µÅ©/[12:05] Ã¥°¥ÇÇ/[18:46] ¿¹½Ã/[21:06] »ó´ë ¸µÅ©
  • 03.28ºÐ HTML ±âÃÊ ¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù. Part 3

    Å×À̺í°ú ÀÎDzÀÇ ¸ðµç°Í, ¸ñ·Ï ¹× ¼ýÀÚÁ¤·Ä

    Ã¥°¥ÇÇ[00:00] table ű×/[05:55] border ¼³Á¤/[10:22] input ¼³Á¤/[13:46] button°ú submit/[19:41] form Á¤ÀÇ/[23:16] ul ¸ñ·Ï
  • 04.24ºÐ HTML ±âÃÊ ¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù. Part 4

    °Ë»ö ¿£ÁøÀÌ ÆÄ¾ÇÇÏ´Â ¿¤¸®¸ÕÆ®, CSS3 ¿Í µ¿½Ã¿¡ ÇнÀÇÕ´Ï´Ù.

    Ã¥°¥ÇÇ[00:00] 2Â÷ ¸Þ´º/[05:20] abbr ű×/[11:32] pre ű×/[17:45] »ö»ó º¯°æ/[21:55] font size º¯°æ
  • 05.23ºÐ HTML ±âÃÊ ¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù. Part 5

    CSS3ÀÇ °³º° ¿¤¸®¸ÕÆ® ¿ä¼Òµé, CSS ¸¦ Á÷Á¢ÁöÁ¤ÇÏ´Â °Í°ú ÀüüÁöÁ¤

    Ã¥°¥ÇÇ[00:00] Á¤·Ä/[05:35] ÅØ½ºÆ® µÎ²²/[09:59] big ű×/[14:48] bdo ű×/[19:42] ÆùÆ® º¯°æ
  • 06.22ºÐ HTML ±âÃÊ ¿¡ ´ëÇØ¼­ ¾Ë¾Æº¾´Ï´Ù. Part 6

    CSS ÁöÁ¤¾Ë¾Æº¸±â stylesheet Á÷Á¢ ¹× °£Á¢ À¸·Î Á¾·ùº° ÁöÁ¤, id¿Í class°ª

    Ã¥°¥ÇÇ[00:00] Á¦¸ñ±Û/[06:07] CSS ÆÄÀÏ/[12:18] ¿ä¼Ò Àбâ/[15:44] font family/[19:20] id°ª°ú class°ª
  • 07.22ºÐ HTML ±âÃÊ CSS3 ·¹À̾ƿô ±¸Á¶ Part1

    CSS DIV ¿Í P ÀÇÂ÷ÀÌ, ´ÙÁß¿ä¼Ò ¹Ý¿µ

    Ã¥°¥ÇÇ[00:20] div/[06:13] margin/[11:08] Á÷Á¢ ¹Ý¿µ/[15:33] margin-bottom/[20:20] padding
  • 08.24ºÐ HTML ±âÃÊ CSS3 ·¹À̾ƿô ±¸Á¶ Part2

    ·¹À̾ƿô ÀÇ ±âº»ºÎÅÍ ¹è¿öº¾´Ï´Ù.

    Ã¥°¥ÇÇ[00:43] div ·¹À̾ƿô/[05:33] line-height/[09:48] nav ű×/[16:19] Á¤·Ä/[20:15] width°ª
  • 09.23ºÐ HTML ±âÃÊ CSS3 ·¹À̾ƿô ±¸Á¶ Part3

    °Ë»ö¿£ÁøÀÌ ÁÁ¾ÆÇÒ ¸ÞŸÅÂ±× ¸¸µé±â

    Ã¥°¥ÇÇ[00:00] ȨÆäÀÌÁö ³ÐÀÌ/[04:54] ·Î°í À§Ä¡ º¯°æ/[11:22] solid °ª/[15:03] ¿©¹é °ü·Ã/[20:21] meta ű×
  • 10.23ºÐ HTML ±âÃÊ CSS3 ÀÎDz°ú ±âº»¹®ÀÚ

    ºê¶ó¿ìÁ®°¡ ¾Ë¼öÀÖ´Â ¹®ÀÚ, Æû¼Ó¼º ÀÌÇØ¿Í Á¾·ùº° ÀÎDz ½Ç½À

    Ã¥°¥ÇÇ[00:00] &percnt/[03:19] form/[06:53] fieldset/[10:52] textarea ű×/[15:31] input ű×/[19:48] Ä÷¯°ª
  • 11.25ºÐ HTML ±âÃÊ CSS3 HTML5ÀÇ ¶Ç´ÙÀº ¿¤¸®¸ÕÆ®

    ¶Ç ´Ù¸¥ ÀÎDzµé, Å×À̺í CSS ó¸® ¹× ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ »ó¼Ó°ü°è ¸íÈ®È÷ ¾Ë±â

    Ã¥°¥ÇÇ[00:34] readonly/[05:16] input list/[10:49] ¹ØÁÙ Á¦°Å/[15:33] °¡¿îµ¥Á¤·Ä/[20:35] width º¯°æ
  • 12.23ºÐ ½ÇÁ¦ »ç¿ëÇÒ È¨ÆäÀÌÁö ·¹À̾ƿô

    ulÀÇ ¸ðµç°Í ¸ÞÀο¡ ÇÊ¿äÇÑ ±âº» ·¹À̾ƿô ¸¸µé±â

    Ã¥°¥ÇÇ[00:31] ul Á¤ÀÇ/[06:33] ³»ºÎ ¿©¹é/[11:01] »ö»ó º¯°æ/[15:36] Àû¿ëµÈ ³»¿ë È®ÀÎ/[20:02] ¹ØÁÙ Á¦°Å
  • µµ¸ÞÀÎ °ú À¥È£½ºÆÃ ÀÌÇØ
  • 13.18ºÐ µµ¸ÞÀÎ ¼±Åà ¹× ¾÷ü¼±Á¤°ú ¿¬°áÀÌÇØ

    Ã¥°¥ÇÇ[00:00] µµ¸ÞÀΰú À¥È£½ºÆÃ/[02:29] URL/[03:29] ÇÁ·ÎÅäÄÝ/[05:50] DNS/[09:05] µµ¸ÞÀÎÀÇ Á¾·ù/[10:47] µµ¸ÞÀÎ Ãëµæ¹æ¹ý/[11:38] µµ¸ÞÀÎ È®ÀÎ, ½Åû¹æ¹ý/[12:49] ³×ÀÓ¼­¹ö ¼³Á¤/[16:05] ping µµ¸ÞÀÎ -t/[17:09] ´ÜÃà URL
  • 14.20ºÐ À¥È£½ºÆÃ »óǰº° Â÷ÀÌ ¿Ïº®ÀÌÇØ

    Ã¥°¥ÇÇ[00:00] À¥È£½ºÆÃ/[00:25] ¼­ºñ½º »ç¾ç »ìÆìº¸±â/[01:11] À©µµ¿ì, ¸®´ª½º ºñ±³/[05:38] ¼­¹öȯ°æ ¼±ÅÃ/[08:06] ÇÁ·Î±×·¥ ÀÚµ¿¼³Ä¡/[09:22] OSº° Áö¿ø»çÇ× È®ÀÎ/[11:39] html, css/[12:05] Çϵåµð½ºÅ© Raid ±¸¼º/[12:40] SSH ½©/[13:17] FTP, SFTP/[13:46] phpmyadmin/[14:56] ÀúÀå°ø°£°ú Æ®·¡ÇÈ/[16:33] ±ÇÀå»çÇ×/[17:18] À¥, ½ºÆ®¸®¹Ö, cdn/[19:41] cdn È£½ºÆÃÀÌ ÇÊ¿äÇÑ °æ¿ì
  • 15.13ºÐ À¥È£½ºÆÃ ½ÅûÇϸ鼭 ¿¬°áµµ¸ÞÀÎ ¹× ¿©·¯Á¾·ù ½±°Ô ¾Ë±â

    Ã¥°¥ÇÇ[00:00] ¼­¹ö Á¾·ù, »çÀÌÁî/[01:40] ¼­¹ö ½ºÆÑ/[03:36] ¼­ºñ½º ¼±ÅñâÁØ/[05:27] µµ¸ÞÀÎ Ãß°¡¿¬°á, ¼­ºê µµ¸ÞÀÎ/[07:35] ÇÁ·Î±×·¥ ÀÚµ¿¼³Ä¡, UTF-8/[08:33] ¼­¹öȯ°æ ¼±ÅÃ/[09:26] µµ¸ÞÀÎ ¼±ÅÃ/[10:23] µµ¸ÞÀÎ Á÷Á¢ ÀÔ·Â/[10:51] µµ¸ÞÀÎ ÀÔ·ÂÀÇ ÀÌÇØ/[12:39] À¥È£½ºÆÃ Á¢¼Ó
  • 16.15ºÐ Á¢¼ÓÇÏ´Â ¹æ¹ý ¹× utf, euc Àü¹®³ëÇÏ¿ì, URL ´Ù½Ã È®ÀÎ

    Ã¥°¥ÇÇ[00:00] À¥È£½ºÆÃ Á¢¼Ó¹æ¹ý/[01:28] FTP ¼³Á¤¹æ¹ý/[04:03] ¿ø°Ý µð·ºÅ丮/[05:07] ÆÄÀÏ ¾÷·Îµå, ´Ù¿î·Îµå/[05:30] »çÀÌÆ® °ü¸®ÀÚ ¼³Á¤/[07:39] ¿ø°Ý ÆÄÀÏ ¿­±â/[07:48] ÆÄÀϸí ÀÛ¼º½Ã ÁÖÀÇ»çÇ×°ú ÀÌÀ¯/[09:32] ¿À·ù»çÇ× È®Àΰú ÇØ°á¹æ¹ý/[11:16] ¿Ã¹Ù¸¥ ÆÄÀϸí ÀÛ¼º°ú ¾÷·Îµå È®ÀÎ/[13:06] È£½ºÆ® ÆÄÀÏÀÇ ¿ì¼±¼øÀ§
  • ºÎÆ®½ºÆ®·¦4
  • 17.34ºÐ ÃÖÁ¾ ·¹À̾ƿô, bootstrap4 chapter-1

    ·¹À̾ƿôÀÇ ÃÖÁ¾, ºÎÆ®½ºÆ®·¦ ¼³Ä¡¿Í cdn ¹ÝÀÀÇüÀ¥°ú css¿ä¼Ò ½Ç½À

    Ã¥°¥ÇÇ[00:00] À¥È£½ºÆÃ Á¢¼Ó¹æ¹ý/[01:28] FTP ¼³Á¤¹æ¹ý/[04:03] ¿ø°Ý µð·ºÅ丮/[05:07] ÆÄÀÏ ¾÷·Îµå, ´Ù¿î·Îµå/[05:30] »çÀÌÆ® °ü¸®ÀÚ ¼³Á¤/[07:39] ¿ø°Ý ÆÄÀÏ ¿­±â/[07:48] ÆÄÀϸí ÀÛ¼º½Ã ÁÖÀÇ»çÇ×°ú ÀÌÀ¯/[09:32] ¿À·ù»çÇ× È®Àΰú ÇØ°á¹æ¹ý/[11:16] ¿Ã¹Ù¸¥ ÆÄÀϸí ÀÛ¼º°ú ¾÷·Îµå È®ÀÎ/[13:06] È£½ºÆ® ÆÄÀÏÀÇ ¿ì¼±¼øÀ§
  • 18.30ºÐ bootstrap4 chapter-2

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[00:19] media query ÀÌÇØÇϱâ/[04:48] container-fluid¿Í container Â÷ÀÌÁ¡/[05:28] ±×¸®µå ½Ã½ºÅÛ/[09:58] ±×¸®µå ½Ã½ºÅÛÀÇ ¼öÆò°ú ¼öÁ÷/[13:24] flex Á¤ÀÇ/[16:59] ±×¸®µå ½Ã½ºÅÛ ¼³¸í /[25:28] ÅØ½ºÆ® Á¤ÀÇÇϱâ
  • 19.35ºÐ bootstrap4 chapter-3

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[00:02] small tag ÀÌ¿ëÇϱâ/[05:05] Àο빮 ¸¸µé±â/[08:54] ¸ñ·Ï ¸¸µé±â/[16:26] media tag ¸¸µé±â/[19:58] media-body Á¤ÀÇÇϱâ/[25:46] ul, li ¼¼ÆÃÇϱâ/[28:18] ÅØ½ºÆ® Ä÷¯¿Í ¸µÅ©
  • 20.35ºÐ bootstrap chapter-4

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[00:02] Å×À̺í/[05:01] Å×ÀÌºí ¹é±×¶ó¿îµå ¼³Á¤/[12:56] Å×ÀÌºí »ö»ó ¹× È¿°ú ³Ö±â/[22:38] Å×À̺í Å©±â Á¶Á¤/[31:50] À̹ÌÁö Á¶Á¤Çϱâ
  • 21.34ºÐ bootstrap chapter-5

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[00:02] À̹ÌÁö À§Ä¡ Á¶Á¤Çϱâ/[04:12] ¹ÝÀÀÇü À̹ÌÁö/[09:16] jumbotron/[15:36] ¸Þ¼¼Áö ¸¸µé±â/[24:07] ¿øÇÏ´Â À§Ä¡¿¡ ¸Þ¼¼Áö ¸¸µé±â/[29:00] ¹öư ¸¸µé±â
  • 22.35ºÐ bootstrap chapter-6

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[00:10] ¹öư¿¡ ¸µÅ© ¸¸µé±â/[08:40] ¹öư¿¡ È¿°ú ÁÖ±â/[15:43] ¹öư ±×·ì ¸¸µé±â/[21:26] ¹öư¿¡ ±×·ì´Ù¿î ¼³Á¤Çϱâ/[26:13] element.style/[31:41] badge
  • 23.34ºÐ bootstrap chapter-7

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[03:47] À¥ ¸Þ´º/[06:33] ÁøÇà¹Ù/[10:51] style ¹Ý¿µ/[16:28] ³ÐÀÌ Á¶Àý/[18:07] ÆäÀÌÁö/[25:22] active/[29:59] padding
  • 24.37ºÐ bootstrap chapter-8

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[01:37] css º¯È¯/[06:53] list-group/[09:53] column-reverse/[15:43] action/[20:26] secondary/[26:11] text-white/[28:00] card/[33:31] card-body
  • 25.33ºÐ bootstrap chapter-9

    ½Ç¹«ÀûÀÎ ³»¿ëÀ¸·Î ÀÚ¼¼ÇÏ°í ¿Ïº®ÇÏ°Ô ½Ç½ÀÇϱâ

    Ã¥°¥ÇÇ[00:47] card-img-overlay/[03:43] p tag/[08:30] drop down/[12:24] disable/[16:00] dropdown-menu-right/[22:09] ¹öưÀÇ ±×·ìÈ­/[26:08] target È£Ãâ/[31:25] show


¾ËÁö¿À ÆÐŰÁö