|
|
|
|
|
|
|
¸ñÂ÷ |
|
Part 1 HTML·Î À¥ ±¸Á¶ ¼³°èÇϱâ
1Àå Hello, HTML + CSS + ÀÚ¹Ù½ºÅ©¸³Æ®
_1.1 °³¹ß ȯ°æ ¼³Á¤Çϱâ
_1.2 ù ¹ø° HTML ¹®¼ ¸¸µé±â
2Àå HTML ¹®¼ ÀÛ¼ºÀ» À§ÇÑ ±âº» ³»¿ë »ìÆ캸±â
_2.1 HTMLÀÇ ±âº» ±¸¼º ¿ä¼Ò
_2.2 HTMLÀÇ ±âº» ±¸Á¶
_2.3 HTMLÀÇ Æ¯Â¡ ÆľÇÇϱâ
3Àå ½Ç¹«¿¡¼ ÀÚÁÖ »ç¿ëÇÏ´Â HTML Çʼö ÅÂ±× ´Ù·ç±â
_3.1 ÅؽºÆ® ÀÛ¼ºÇϱâ
_3.2 ±×·ì Áþ±â
_3.3 ¸ñ·Ï ¸¸µé±â
_3.4 ¸µÅ©¿Í À̹ÌÁö ³Ö±â
_3.5 ÅؽºÆ® °Á¶Çϱâ
_3.6 Æû ±¸¼ºÇϱâ
_3.7 Ç¥ ¸¸µé±â
_3.8 ¸ÖƼ¹Ìµð¾î ¼³Á¤Çϱâ
_3.9 À¥ ÆäÀÌÁö ±¸Á¶¸¦ ¼³°èÇÏ´Â ½Ã¸Çƽ ű×
_3.10 ÅÂ±× Á¾·ù¿¡ »ó°ü¾øÀÌ »ç¿ëÇÏ´Â ±Û·Î¹ú ¼Ó¼º
Part 2 CSS·Î À¥ ÆäÀÌÁö ²Ù¹Ì±â
4Àå À¥ ½ºÅ¸ÀϸµÀ» À§ÇÑ CSS ±âÃÊ ¹è¿ì±â
_4.1 CSS ¹®¹ý »ìÆ캸±â
_4.2 CSS Àû¿ëÇϱâ
5Àå CSS ¼±ÅÃÀÚ ´Ù·ç±â
_5.1 ±âº» ¼±ÅÃÀÚ »ç¿ëÇϱâ
_5.2 Á¶ÇÕ ¼±ÅÃÀÚ »ç¿ëÇϱâ
_5.3 °¡»ó ¿ä¼Ò ¼±ÅÃÀÚ »ç¿ëÇϱâ
_5.4 °¡»ó Ŭ·¡½º ¼±ÅÃÀÚ »ç¿ëÇϱâ
_5.5 ´Ù¾çÇÑ ¼±ÅÃÀÚ Á¶ÇÕÇϱâ
6Àå CSS Çʼö ¼Ó¼º ´Ù·ç±â
_6.1 CSSÀÇ Æ¯Â¡ »ìÆ캸±â
_6.2 ÅؽºÆ® ¼Ó¼ºÀ¸·Î ÅؽºÆ® ²Ù¹Ì±â
_6.3 ¹Ú½º ¸ðµ¨À» ±¸¼ºÇÏ´Â ¼Ó¼º ´Ù·ç±â
_6.4 ¹è°æ ¼Ó¼ºÀ¸·Î ¿ä¼ÒÀÇ ¹è°æ ¼³Á¤Çϱâ
_6.5 À§Ä¡ ¼Ó¼ºÀ¸·Î HTML ¿ä¼Ò ¹èÄ¡Çϱâ
_6.6 Àüȯ È¿°ú ¼Ó¼º Àû¿ëÇϱâ
_6.7 ¾Ö´Ï¸ÞÀÌ¼Ç ¼Ó¼ºÀ¸·Î Àüȯ È¿°ú Á¦¾îÇϱâ
_6.8 º¯Çü È¿°ú Àû¿ëÇϱâ
_6.9 À¥ ÆùÆ®¿Í ¾ÆÀÌÄÜ ÆùÆ® »ç¿ëÇϱâ
7Àå È¿°úÀûÀÎ ·¹À̾ƿôÀ» À§ÇÑ CSS ¼Ó¼º ´Ù·ç±â
_7.1 Ç÷º½º ¹Ú½º ·¹À̾ƿôÀ¸·Î 1Â÷¿ø ·¹À̾ƿô ¼³°èÇϱâ
_7.2 ±×¸®µå ·¹À̾ƿôÀ¸·Î 2Â÷¿ø ·¹À̾ƿô ¼³°èÇϱâ
_7.3 ¹ÝÀÀÇü À¥À» À§ÇÑ ¹Ìµð¾î Äõ¸® »ç¿ëÇϱâ
Part 3 ÀÚ¹Ù½ºÅ©¸³Æ®·Î À¥ µ¿ÀÛ ±¸ÇöÇϱâ
8Àå ÀÚ¹Ù½ºÅ©¸³Æ® ½ÃÀÛÇϱâ
_8.1 ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ÀÛ¼º ¹æ¹ý
_8.2 ÇÁ·Î±×·¡¹Ö ½ÃÀÛ Àü ¾Ë¾Æ µÎ±â
9Àå ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ¹®¹ý »ìÆ캸±â
_9.1 º¯¼ö¿Í »ó¼ö
_9.2 ÀÚ·áÇü
_9.3 ¿¬»êÀÚ
_9.4 Á¶°Ç¹® ´Ù·ç±â
_9.5 ¹Ýº¹¹® ´Ù·ç±â
10Àå ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö ´Ù·ç±â
_10.1 ÇÔ¼ö¶õ
_10.2 ÇÔ¼ö¸¦ Á¤ÀÇÇÏ´Â ¹æ¹ý
_10.3 ÇÔ¼ö ±â´É È®ÀåÇϱâ
_10.4 ÇÔ¼öÀÇ Æ¯Â¡ ÀÌÇØÇϱâ
_10.5 Áï½Ã ½ÇÇà ÇÔ¼ö »ç¿ëÇϱâ
11Àå ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ´Ù·ç±â
_11.1 °´Ã¼¶õ
_11.2 °´Ã¼ ¼Ó¼º ´Ù·ç±â
_11.3 Ç¥ÁØ ³»Àå °´Ã¼ »ç¿ëÇϱâ
_11.4 ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨ »ç¿ëÇϱâ
12Àå ¹®¼ °´Ã¼ ¸ðµ¨°ú À̺¥Æ® ´Ù·ç±â
_12.1 ¹®¼ °´Ã¼ ¸ðµ¨ ÀÌÇØÇϱâ
_12.2 ³ëµå ¼±ÅÃÇϱâ
_12.3 ³ëµå Á¶ÀÛÇϱâ
_12.4 ³ëµå Ãß°¡/»èÁ¦Çϱâ
_12.5 Æû Á¶ÀÛÇϱâ
_12.6 À̺¥Æ® ´Ù·ç±â
_12.7 À̺¥Æ® °´Ã¼¿Í this
Part 4 ÇÁ·ÎÁ§Æ®·Î À¥ °³¹ß ±âÃÊ ¿Ï¼ºÇϱâ
13Àå HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¿Ï¼ºÇÏ´Â ÃÖÁ¾ ÇÁ·ÎÁ§Æ®
_13.1 ÃÖÁ¾ ÇÁ·ÎÁ§Æ® °³¿ä
_13.2 Çì´õ ¿µ¿ª ¸¸µé±â
_13.3 ¸ÞÀÎ ¿µ¿ª ¸¸µé±â
_13.4 ¼½¼Ç ¿µ¿ª ¸¸µé±â - About Me
_13.5 ¼½¼Ç ¿µ¿ª ¸¸µé±â - What I Do
_13.6 ¹è°æ ¿µ¿ª
_13.7 ¼½¼Ç ¿µ¿ª ¸¸µé±â - PortFolio
_13.8 ¼½¼Ç ¿µ¿ª ¸¸µé±â - Contact With Me
_13.9 ¹ÝÀÀÇü ÄÚµå Àû¿ëÇϱâ
_13.10 ÀÚ¹Ù½ºÅ©¸³Æ® Àû¿ëÇϱâ
_13.11 À¯È¿¼º °ËÁõÇϱâ |
|
|
|
ÀúÀÚ
|
|
±è±â¼ö
ºñÀü°øÀÚ Ãâ½ÅÀ¸·Î ¾Èµå·ÎÀ̵å/iOS °³¹ß·Î Ä¿¸®¾î¸¦ ½ÃÀÛÇØ 10³âÀÌ ³Ñ´Â ½Ã°£ µ¿¾È ÇÁ·±Æ®¿£µå, ¹é¿£µå ºÐ¾ßÀÇ ´Ù¾çÇÑ ¾ð¾î¸¦ Á¢ÇÏ°í È°¿ëÇÏ¸ç °³¹ßÀÚÀÇ ±æÀ» °È°í ÀÖ´Ù. ÇöÀç´Â ¿Â¶óÀÎ ÄÚµù ±³À° »çÀÌÆ®ÀÎ ¼öÄÚµù°ú À¯Æ©ºê ä³ÎÀ» ¿î¿µÇÏ¸é¼ ¸¹Àº »ç¶÷¿¡°Ô ÄÚµùÀ» ½±°Ô °¡¸£Ä¥ ¼ö ÀÖ´Â ¹æ¹ýÀ» ¸ÅÀÏ ²÷ÀÓ¾øÀÌ ¿¬±¸ÇÏ°í ÀÖ´Ù.
À¯Æ©ºê ä³Î https://www.youtube.com/c/ ¼öÄÚµù ¿Â¶óÀÎ ±³À° »çÀÌÆ® http://www.sucoding.kr
|
¾Æ´Â ¸¸Å º¸ÀÌ´Â ÇÁ·±Æ®¿£µå °³¹ß | ±è±â¼ö | ±æ¹þ
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|