 |
|
 |
·¯´×½ºÄð! ÇÑ ±ÇÀ¸·Î ³¡³»´Â HTML+CSS À¥ µðÀÚÀÎ ÀÔ¹® : HTML, CSS ±âÃʺÎÅÍ ¹ÝÀÀÇü À¥ µðÀÚÀÎ, ½ÇÀü À¥ »çÀÌÆ® Á¦ÀÛ±îÁö
|
|
|
À§Å°ºÏ½º ·¯´×½ºÄð1
¤Ó ¸¶³ª, À±Àμº
¤Ó
À§Å°ºÏ½º
¤Ó
1óüªÇª¹ªÙªÆãóªËªÄª¯HTML & CSSªÈWEB«Ç«¶«¤«óìýڦ˻ñ¨
|
|
|
|

- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
ÃֽŠÀ¥ »çÀÌÆ® Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ¸ðµç Áö½ÄÀ» ÀÌ Ã¥ ÇÑ ±ÇÀ¸·Î ¹è¿öº¸ÀÚ!
ÀÌ Ã¥Àº HTML, CSS, À¥ µðÀÚÀÎ ±âÃʸ¦ ´Ù·ç°í, ¿¹Á¦¸¦ ¸¸µé¸é¼ ¹è¿öº¸´Â Ã¥ÀÔ´Ï´Ù. À¥ µðÀÚÀο¡ ´ëÇØ ¾Æ¹«°Íµµ ¸ô¶óµµ óÀ½ºÎÅÍ Â÷±ÙÂ÷±Ù ¹è¿ï ¼ö ÀÖµµ·Ï HTML°ú CSS ±âÃʸ¦ ¾Ë·ÁÁÖ¸ç ¹ÝÀÀÇü À¥, Flexbox, ±×¸®µå µî Ãֽбâ¼ú±îÁö ÀÍÈú ¼ö ÀÖµµ·Ï µµ¿ÍÁÝ´Ï´Ù. ³ª¾Æ°¡ µÞºÎºÐ¿¡¼´Â ¾Õ¿¡¼ ¹è¿î ³»¿ëÀ» ¹ÙÅÁÀ¸·Î Á÷Á¢ ÇϳªÀÇ À¥ »çÀÌÆ®¸¦ Á¦ÀÛÇØ º¾´Ï´Ù. Äڵ带 º¸°í, Á÷Á¢ ¼ÕÀ¸·Î ÀÔ·ÂÇϰí, ¸¸µé¸é¼ ¹è¿ì¹Ç·Î ½ÇÁ¦ À¥ »çÀÌÆ®¸¦ ¸¸µå´Â Á¦ÀÛ È帧À» üÇèÇØ º¼ ¼ö ÀÖ½À´Ï´Ù.
´õºÒ¾î ÀÌ Ã¥¿¡¼´Â HTML°ú CSS °°Àº ±âº»ÀûÀÎ ±â¼ú ¿Ü¿¡µµ ¹è»ö, ·¹À̾ƿô, ŸÀÌÆ÷±×·¡ÇÇ °°Àº ¡®µðÀÚÀÎ ±âÃÊ¡¯µµ ÇÔ²² ¼³¸íÇÕ´Ï´Ù. ¶Ç, À¥ ÆäÀÌÁö µðÀÚÀÎÀ» À§ÇÑ ÆíÁý Åø°ú µðÀÚÀÎ °ü·ÃÇØ¼ Âü°íÇÒ ¸¸ÇÑ ´Ù¾çÇÑ Á¤º¸µµ ¼Ò°³ÇÕ´Ï´Ù. ¾î¶»°Ô ÇÏ¸é ¿¹»Û À¥ ÆäÀÌÁö¸¦ ¸¸µéÁö °í¹ÎÇÏ´Â µ¶ÀÚ¿¡°Ôµµ À¯¿ëÇÑ Ã¥ÀÌ µÉ °ÍÀÔ´Ï´Ù.
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
¡Ý ÀÌÁ¦ óÀ½ À¥ »çÀÌÆ® Á¦ÀÛÀ» ½ÃÀÛÇØ º¸·Á´Â Ãʺ¸ÀÚ
¡Ý HTML°ú CSS¸¦ ±âº»ºÎÅÍ ¹è¿ì°í ½ÍÀº »ç¶÷
¡Ý ¾Æ¸§´Ù¿î µðÀÚÀÎÀÇ À¥ »çÀÌÆ®¸¦ ¸¸µé°í ½ÍÀº »ç¶÷
¡Ý ÃֽŠÀ¥ ±â¼úÀ» ¾Ë°í ½ÍÀº »ç¶÷
-
-
¢Ã CHAPTER 1: ±â¾ïÇØ µÎ¾î¾ß ÇÏ´Â À¥ »çÀÌÆ® ±âº»
1-1 ÁÁÀº À¥ µðÀÚÀÎÀ̶õ?
__µðÀÚÀÎÀÇ ¸ñÀûÀº »ó´ë¹æ¿¡°Ô ¹«¾ð°¡¸¦ Àü´ÞÇÏ´Â °Í
__½¬¿î »ç¿ë
__º¸´Ù ÁÁÀº »ýȰÀ» Á¦°øÇÏ´Â °Í
1-2 ´Ù¾çÇÑ Á¾·ùÀÇ »çÀÌÆ®
__±â¾÷ »çÀÌÆ®
__ÇÁ·Î¸ð¼Ç »çÀÌÆ®
__Æ÷Æ®Æú¸®¿À »çÀÌÆ®
__¼îÇÎ »çÀÌÆ®
__¹Ìµð¾î »çÀÌÆ®
__SNS
__ ¡°»ç¿ëÇϱ⠽¬¿ò¡±À» »ý°¢Çϱâ
__º¸±â ½±°Ô µðÀÚÀÎÇϱâ
1-3 »ç¿ë¼ºÀ̶õ?
__Àб⠽¬¿î ±Û ¸¸µé±â
__»ç¿ëÇϱ⠽¬¿î Á¶ÀÛ¼º
1-4 À¥ »çÀÌÆ®ÀÇ ±¸Á¶
__ÀÎÅͳÝÀ̶õ?
__À¥À̶õ?
__À¥ ÆäÀÌÁöÀÇ ±¸Á¶
__URLÀ̶õ?
1-5 ÀåÄ¡ÀÇ Á¾·ù
__´Ü¸»±â
__ÁÖº¯±â±â
1-6 À¥ ºê¶ó¿ìÀúÀÇ Á¾·ù
__À¥ ÆäÀÌÁö´Â À¥ ºê¶ó¿ìÀú¿¡¼
1-7 Á¦ÀÛ È帧
__Á¦ÀÛ È帧
__±âȹ
__»çÀÌÆ®¸Ê Á¦ÀÛ
__¿ÍÀ̾îÇÁ·¹ÀÓ ¸¸µé±â
__¿ÍÀ̾îÇÁ·¹ÀÓ ÀÛ¼º ¿¹
__µðÀÚÀÎ
__ÄÚµù
__À¥¿¡ °ø°³
1-8 Á¦ÀÛÀ» ½ÃÀÛÇϱâ Àü¿¡
__ÅØ½ºÆ® ¿¡µðÅÍ ¼³Ä¡
__ºê¶ó¿ìÀú ¼³Ä¡
__±¸±Û Å©·Ò ¼³Ä¡ ¹æ¹ý
__±×·¡ÇÈ µµ±¸ È®ÀÎ
¢Ã CHAPTER 2: À¥ ±âº» ±¸Á¶ ¸¸µé±â - HTML ±âº»
2-1 HTMLÀ̶õ?
__ÄÄÇ»ÅÍ¿¡ Áö½Ã¸¦ ³»¸®´Â HTML
2-2 HTML ÆÄÀÏ ¸¸µé±â
__ÅØ½ºÆ® ¿¡µðÅÍ ½ÇÇàÇϱâ
__ÄÚµå ÀÛ¼ºÇϱâ
__ÆÄÀÏ ÀúÀåÇϱâ
__À¥... ºê¶ó¿ìÀú¿¡¼ ¿¾î º¸±â
__HTML ÆÄÀÏ À̸§ ±ÔÄ¢
__[!doctype html]
__html~/html
__head~/head
__meta charset=¡°UTF-8¡±
2-3 HTML ÆÄÀÏÀÇ °ñ°Ý
__title~/title
__meta name="description" content="~"
__body~/body
2-4 HTMLÀÇ ±âº» ÀÛ¼º ¹æ¹ý
__HTML ±âº» ¹®¹ý°ú ű×
__ű׸¦ ÀÛ¼ºÇÏ´Â ±ÔÄ¢
__ÅÂ±× ³»ºÎ¿¡ Àִ ű×
__ű׿¡ Á¤º¸ Ãß°¡Çϱâ
2-5 Á¦¸ñ ºÙÀ̱â
__Á¦¸ñ ÅÂ±× h1~h6 ű×
__Á¦¸ñ ű׸¦ »ç¿ëÇÏ´Â ¼ø¼
2-6 ¹®Àå Ãâ·ÂÇϱâ
__´Ü¶ôÀ» Ãâ·ÂÇÏ´Â p ű×
2-7 À̹ÌÁö »ðÀÔÇϱâ
__À̹ÌÁö¸¦ Ãâ·ÂÇÏ´Â img ű×
__ÆÄÀÏ °æ·Î ÁöÁ¤Çϱâ
2-8 ¸µÅ© ¸¸µé±â
__¸µÅ©¸¦ ¸¸µå´Â a ű×
2-9 ¸®½ºÆ® Ãâ·ÂÇϱâ
__±âº»ÀûÀÎ ¸®½ºÆ®¸¦ ¸¸µå´Â ¡°ul ÅÂ±× + li űס±
2-10 Ç¥ ¸¸µé±â
__¼ø¼ ÀÖ´Â ¸®½ºÆ®¸¦ ¸¸µå´Â ¡°ol ÅÂ±× + li űס±
__Ç¥ ±âº»
__¼¿ º´ÇÕÇϱâ
2-11 ÀÔ·Â ¾ç½Ä ¸¸µé±â
__¿©·¯ °³ÀÇ ºÎǰ Á¶ÇÕÇϱâ
__ÀÔ·Â ¾ç½Ä¶õÀ» ¸¸µå´Â form ű×
__ÀÔ·Â ¾ç½Ä¿¡ »ç¿ëÇÏ´Â ºÎǰ
2-12 »ç¿ëÇϱ⠽¬¿î ÀÔ·Â ¾ç½Ä ¸¸µé±â
__ÀÔ·Â ¾ç½ÄÀÇ ·¹À̺íÀ» ¸¸µå´Â label ű×
2-13 ºí·Ï ¿ä¼Ò·Î ±×·ì ³ª´©±â
__±×·ì ±¸ºÐÇϱâ
__ÆäÀÌÁö »óºÎÀÇ Çì´õ¸¦ ¸¸µå´Â header ű×
__³»ºñ°ÔÀÌ¼Ç ¸Þ´º¸¦ ¸¸µå´Â nav ű×
__±â»ç ºÎºÐÀ» ¸¸µå´Â article ű×
__Å׸¶¸¦ °¡Áø ±×·ìÀ» ¸¸µå´Â section ű×
__ÆäÀÌÁöÀÇ ¸ÞÀÎ ÄÜÅÙÃ÷ ºÎºÐÀ» ¸¸µå´Â main ű×
__¸ÞÀÎ ÄÜÅÙÃ÷°¡ ¾Æ´Ñ Ãß°¡ Á¤º¸ aside ű×
__ÆäÀÌÁö ÇϺÎÀÇ ÇªÅÍ ºÎºÐÀ» ¸¸µå´Â footer ű×
__Àǹ̸¦ °¡ÁöÁö ¾Ê´Â ºí·Ï ¿ä¼Ò¸¦ ¸¸µå´Â div ű×
2-14 ÀÚÁÖ »ç¿ëÇÏ´Â HTML ÅÂ±× ¸ñ·Ï
¢Ã CHAPTER 3: À¥ µðÀÚÀÎ ¸¸µé±â : CSS ±âº»
3-1 CSS¶õ?
__HTMLÀ» Àå½ÄÇÏ´Â ¾ð¾îÀÎ CSS
3-2 CSS¸¦ Àû¿ëÇÏ´Â ¹æ¹ý
__CSS ÆÄÀÏÀ» ÀÐ¾î µé¿© Àû¿ëÇϱâ
__HTML ÆÄÀÏÀÇ head ³»ºÎ¿¡ style ű׸¦ ³Ö¾î ÁöÁ¤Çϱâ
__HTML ÅÂ±× ³»ºÎ¿¡ style ¼Ó¼º ÁöÁ¤Çϱâ
3-3 CSS ÆÄÀÏ ¸¸µé±â
__ÅØ½ºÆ® ¿¡µðÅÍ ½ÇÇàÇϱâ
__CSS ÄÚµå ÀÛ¼ºÇϱâ
__CSS ÆÄÀÏ ÀúÀåÇϱâ
__HTML ÆÄÀÏÀÇ head ³»ºÎ¿¡¼ CSS ÆÄÀÏ ÀÐ¾î µéÀ̱â
__À¥ ºê¶ó¿ìÀú¿¡¼ ¿±â
__CSS ÆÄÀÏÀÇ À̸§ ±ÔÄ¢
3-4 CSS ±âº» ÀÛ¼º ¹æ¹ý ÀÍÈ÷±â
__CSS ±âº» ¹®¹ý
__CSS¸¦ ÀÛ¼ºÇÒ ¶§ÀÇ ±ÔÄ¢
3-5 ¹®ÀÚ¿Í ¹®Àå Àå½ÄÇϱâ
__¹®ÀÚÀÇ Å©±â¸¦ º¯°æÇÏ´Â ¡°font-size ¼Ó¼º¡±
__ÆùÆ®ÀÇ Á¾·ù¸¦ ÁöÁ¤ÇÏ´Â ¡°font-family ¼Ó¼º¡±
__¹®ÀÚÀÇ µÎ²²¸¦ ¹Ù²Ù´Â ¡°font-weight ¼Ó¼º¡±
__ÁÙ ³ôÀ̸¦ ¹Ù²Ù´Â ¡°line-height ¼Ó¼º¡±
__¹®Àå ¸ÂÃãÀ» ÁöÁ¤ÇÏ´Â ¡°text-align ¼Ó¼º¡±
3-6 À¥ ÆùÆ® »ç¿ëÇϱâ
__À¥ ÆùÆ®¶õ?
__À¥ ÆùÆ® »ç¿ëÇϱâ
3-7 »ö ³Ö±â
__»ö ÁöÁ¤ ¹æ¹ý
__¹®ÀÚ»öÀ» ÁöÁ¤ÇÏ´Â ¡°color ¼Ó¼º¡±
__¹è°æ¿¡ »öÀ» ÁöÁ¤ÇÏ´Â ¡°background-color¡± ¼Ó¼º
__¹è»ö ÀßÇϱâ
__°¢ »öÀ» ¸ÞÀÎÀ¸·Î »ç¿ëÇÑ Âü°í »çÀÌÆ®
3-8 ¹è°æ ³Ö±â
__¹è°æ¿¡ À̹ÌÁö¸¦ ¼³Ä¡ÇÏ´Â ¡°background-image ¼Ó¼º¡±
__¹è°æ À̹ÌÁöÀÇ ¹Ýº¹ Ãâ·Â ¡°background-repeat ¼Ó¼º¡±
__¹è°æ À̹ÌÁö¸¦ Ãâ·ÂÇÏ´Â À§Ä¡¸¦ ÁöÁ¤ÇÏ´Â ¡°background-position ¼Ó¼º¡±
__¹è°æ °ü·Ã ¼Ó¼ºÀ» ÇѲ¨¹ø¿¡ ÁöÁ¤ÇÏ´Â ¡°background ¼Ó¼º¡±
__»çÁøÀ» ³»·Á¹ÞÀ» ¼ö ÀÖ´Â À¥ »çÀÌÆ®
3-9 ³Êºñ¿Í ³ôÀÌ ÁöÁ¤Çϱâ
__Å©±â¸¦ ÁöÁ¤ÇÏ´Â ¡°width ¼Ó¼º¡±, ¡°height ¼Ó¼º¡±
__À¥ »çÀÌÆ®¿¡¼ »ç¿ëÇÏ´Â ´ÜÀ§
3-10 ¿©¹é Á¶Á¤Çϱâ
__¿©¹éÀÇ °³³ä
__¿ä¼Ò ¹ÛÀÇ ¿©¹é ¡°margin ¼Ó¼º¡±
__¿ä¼Ò ³»ºÎÀÇ ¿©¹é ¡°padding ¼Ó¼º¡±
__¿©¹éÀ» »ç¿ëÇØ ±×·ì ¸¸µé±â
__Å׵θ®¿Í ¹®ÀÚ »çÀÌ¿¡ ¿©¹é ¸¸µé±â
3-11 ¼± ±ß±â
__¼±ÀÇ µÎ²² ¡°border-width ¼Ó¼º¡±
__¼±ÀÇ Á¾·ù ¡°border-style ¼Ó¼º¡±
__¼± »ö ¡°border-color ¼Ó¼º¡±
__¿ä¼Ò ÁÖº¯¿¡ ¼±À» ±ß´Â ¡°border ¼Ó¼º¡±
__¼± µðÀÚÀÎÀ» È¿°úÀûÀ¸·Î »ç¿ëÇϱâ
3-12 ¸®½ºÆ® Àå½ÄÇϱâ
__¸®½ºÆ® ¸¶Ä¿ÀÇ Á¾·ù ¡°list-style-type ¼Ó¼º¡±
__¸®½ºÆ® ¸¶Ä¿ÀÇ Ãâ·Â À§Ä¡ ¡°list-style-position ¼Ó¼º¡±
__¸®½ºÆ® ¸¶Ä¿·Î »ç¿ëÇÒ À̹ÌÁö ¡°list-style-image ¼Ó¼º¡±
__¸®½ºÆ® ¸¶Ä¿¿Í °ü·ÃµÈ Àå½ÄÀ» ÇѲ¨¹ø¿¡ ÁöÁ¤ÇÏ´Â ¡°list-style ¼Ó¼º¡±
__¸®½ºÆ® ¸¶Ä¿¸¦ È¿°úÀûÀ¸·Î »ç¿ëÇϱâ
3-13 Ŭ·¡½º¿Í ID¸¦ »ç¿ëÇÑ ÁöÁ¤ ¹æ¹ý
__Ŭ·¡½º¿Í ID
__Ŭ·¡½º¸¦ »ç¿ëÇÑ ÀÛ¼º ¹æ¹ý
__ID¸¦ »ç¿ëÇÑ ÀÛ¼º ¹æ¹ý
__ÅÂ±× À̸§°ú ÇÔ²² Ŭ·¡½º¿Í ID¸¦ »ç¿ëÇÏ´Â ÀÛ¼º ¹æ¹ý
__Ŭ·¡½º À̸§°ú ID À̸§ ±ÔÄ¢
__ÇÑ Å±׿¡ ¿©·¯ °³ÀÇ ID¿Í Ŭ·¡½º ºÙÀ̱â
__Ŭ·¡½º¿Í IDÀÇ Â÷ÀÌ
3-14 ·¹À̾ƿô ¸¸µé±â
__Flexbox·Î ¼öÆò Á¤·ÄÇϱâ
__CSS ±×¸®µå·Î ŸÀÏ ÇüÅ·ΠÁ¤·ÄÇϱâ
__º¸±â ½¬¿î ·¹À̾ƿôÀ̶õ?
__·¹À̾ƿôº° Âü°í »çÀÌÆ® ¸ñ·Ï
3-15 µðÆúÆ® CSS ¸®¼ÂÇϱâ
__CSS ¸®¼ÂÀ̶õ
__ºê¶ó¿ìÀú¿¡ µû¸¥ ¿Ü°ü Â÷ÀÌ
__¸®¼Â CSS »ç¿ëÇϱâ
3-16 ÀÚÁÖ »ç¿ëÇÏ´Â CSS ¼Ó¼º ¸ñ·Ï
¢Ã CHAPTER 4: Ç® ½ºÅ©¸° À¥ »çÀÌÆ® Á¦ÀÛÇϱâ
4-1 Ç® ½ºÅ©¸°À̶õ
__Ç® ½ºÅ©¸° ·¹À̾ƿôÀÇ ÀåÁ¡°ú ±¸¼º ¿ä¼Ò
4-2 Ç® ½ºÅ©¸° ÆäÀÌÁöÀÇ Á¦ÀÛ È帧
__ÀÛ¼ºÇÒ ÆäÀÌÁö
__Á¦ÀÛ È帧
4-3 ¡°head¡± ÀÛ¼ºÇϱâ
__ÆÄÀÏ ÁغñÇϱâ
__HTML °ñ°Ý ¸¸µé±â
__ ¡°meta¡± Á¤º¸¿Í ¡°title¡± ÀÛ¼ºÇϱâ
__ÇÊ¿äÇÑ CSS ÆÄÀÏ ÀÐ¾î µéÀ̱â
4-4 ¡°header¡± ºÎºÐ ¸¸µé±â
__HTML¿¡ ¡°header¡± ºÎºÐ ÀÛ¼ºÇϱâ
__CSS ÆÄÀÏ ÁغñÇϱâ
__°øÅë ºÎºÐ ÀÛ¼ºÇϱâ
__·Î°í Å©±â¿Í ¿©¹é Á¶Á¤Çϱâ
__³»ºñ°ÔÀÌ¼Ç ¸Þ´º Àå½ÄÇϱâ
__ÄÜÅÙÃ÷ÀÇ ÃÖ´ë Ãâ·Â ³Êºñ ¼³Á¤Çϱâ
4-5 ÄÜÅÙÃ÷ ºÎºÐ ¸¸µé±â
__¹®Àå°ú ¹öư ¼³Ä¡Çϱâ
__ȸéÀ» ²Ë ä¿ì´Â ¹è°æ À̹ÌÁö ¹èÄ¡Çϱâ
4-6 ÆÄºñÄÜ ¼³Á¤Çϱâ
__ÆÄºñÄÜÀ̶õ
__¾î¶² µðÀÚÀÎÀÌ ÁÁÀ»±î?
__ÆÄºñÄÜ Àü¿ë À̹ÌÁö ÁغñÇϱâ
__HTMLÀÇ ¡°head¡± ³»ºÎ¿¡¼ ÆÄºñÄÜ ÀÐ¾î µéÀ̱â
__ÆÄºñÄÜÀ» ¸¸µé¾îÁÖ´Â ¼ºñ½º »ç¿ëÇϱâ
4-7 Ç®½ºÅ©¸° ÆäÀÌÁö º¯°æÇغ¸±â
__ºí·£µå ¸ðµå·Î ¹è°æ À̹ÌÁö¿¡ »ö °ãÄ¡±â
__¹è°æÀ» ±×·¹À̵ð¾ðÆ® »ö»óÀ¸·Î ¼³Á¤Çϱâ
__¹è°æ À̹ÌÁö¿¡ ºí·£µå ¸ðµå¸¦ »ç¿ëÇØ¼ ±×·¹À̵ð¾ðÆ® »ö»ó ¼¯±â
¢Ã CHAPTER 5: 2-Ä®·³ À¥ »çÀÌÆ® Á¦ÀÛÇϱâ
5-1 2-Ä®·³ ·¹À̾ƿôÀ̶õ
__2-Ä®·³ ·¹À̾ƿôÀÇ ÀåÁ¡°ú ±¸¼º ¿ä¼Ò
__2-Ä®·³ÀÇ ³Êºñ ºñÀ²
__¹ÝÀÀÇü À¥¿¡¼ÀÇ ¹èÄ¡
5-2 2-Ä®·³ ÆäÀÌÁöÀÇ Á¦ÀÛ È帧
__Á¦ÀÛ È帧
5-3 ÆäÀÌÁö ÀüüÀÇ Á¦¸ñ ¸¸µé±â
__ÆÄÀÏ ÁغñÇϱâ
__HTML ÆíÁýÇϱâ
__CSS·Î Àå½ÄÇϱâ
5-4 ǪÅÍ ºÎºÐ ¸¸µé±â
__ǪÅÍ ÄÜÅÙÃ÷ ÀÛ¼ºÇϱâ
__CSS·Î Àå½ÄÇϱâ
5-5 ¼öÆò Á¤·Ä ¼³Á¤Çϱâ
__·¹À̾ƿô °ñ°Ý ¸¸µé±â
__·¹À̾ƿô ±¸¼ºÇϱâ
5-6 ¸ÞÀÎ ÄÜÅÙÃ÷ ¿µ¿ª ¸¸µé±â
__±â»ç Á¤º¸ ºÎºÐ ¸¸µé±â
__À̹ÌÁö¿Í º»¹® ÀÛ¼ºÇϱâ
5-7 »çÀ̵å¹Ù ¸¸µé±â
__Á¦¸ñ°ú ¹®Àå Àå½ÄÇϱâ
__Ä«Å×°í¸® ¸®½ºÆ® Àå½ÄÇϱâ
5-8 ¹ÝÀÀÇü À¥ Áö¿øÇϱâ
__¹ÝÀÀÇü À¥ µðÀÚÀÎÀ̶õ?
__¹ÝÀÀÇü À¥À» Áö¿øÇÏ´Â ¹æ¹ý
__¹®ÀÚ Å©±â¿Í ¿©¹é Á¶Á¤Çϱâ
__ÄÜÅÙÃ÷¸¦ ¼öÁ÷ Á¤·ÄÇϱâ
__ºê·¹ÀÌÅ© Æ÷ÀÎÆ® »ý°¢Çغ¸±â
5-9 Ä®·³ ÆäÀÌÁö¸¦ º¯°æÇغ¸±â
__3-Ä®·³ ·¹À̾ƿôÀ¸·Î ¼³Á¤Çϱâ
__Ãâ·ÂÇÒ Ä®·³ÀÇ ¼ø¼ º¯°æÇϱâ
¢Ã CHAPTER 6: ŸÀÏ ÇüÅÂÀÇ À¥ »çÀÌÆ® Á¦ÀÛÇϱâ
6-1 ŸÀÏ ÇüÅÂÀÇ ·¹À̾ƿôÀ̶õ
__ŸÀÏÇü ·¹À̾ƿôÀÇ ÀåÁ¡°ú ±¸¼º ¿ä¼Ò
6-2 ŸÀÏÇü ·¹À̾ƿôÀÇ Á¦ÀÛ È帧
__Á¦ÀÛ È帧
6-3 ÆäÀÌÁö »óºÎÀÇ ¼Ò°³¹® ¸¸µé±â
__ÆÄÀÏ ÁغñÇϱâ
__HTML ÁغñÇϱâ
__CSS·Î Àå½ÄÇϱâ
6-4 ŸÀÏÇü ·¹À̾ƿô ¼³Á¤Çϱâ
__ÄÜÅÙÃ÷ ÁغñÇϱâ
__CSS ±×¸®µå »ç¿ëÇϱâ
6-5 ¹ÝÀÀÇü À¥ Áö¿øÇϱâ
__¿ä¼Ò¸¦ ¹Ýº¹ Á¤·ÄÇÏ´Â ¡°repeat¡±
__¿ä¼Ò ³Êºñ¿¡ ÃÖ¼Ú°ª°ú ÃÖ´ñ°ªÀ» ÁöÁ¤ÇÏ´Â ¡°minmax¡±
__ȸéÀÇ ³Êºñ¿¡ ¸Â°Ô Ãâ·ÂÇÏ´Â ¡°auto-fit¡±
6-6 ŸÀÏÇü ·¹À̾ƿô º¯°æ ¿¹
__Å©±â°¡ ´Ù¸¥ ¿ä¼Ò ¹èÄ¡Çϱâ
__Å« Å©±âÀÇ ±×¸®µå ¾ÆÀÌÅÛ ÁöÁ¤Çϱâ
__À̹ÌÁöÀÇ ³ôÀÌ ¸ÂÃß±â
__À̹ÌÁö ÀÚ¸£±â
__¹ÝÀÀÇü À¥ Áö¿øÇϱâ
¢Ã CHAPTER 7: ¿ÜºÎ ¹Ìµð¾î »ç¿ëÇϱâ
7-1 ¹®ÀÇ ÆäÀÌÁöÀÇ Á¦ÀÛ È帧
__ÀÛ¼ºÇÒ ÆäÀÌÁö
__Á¦ÀÛ È帧
7-2 ÀÔ·Â ¾ç½Ä ¹èÄ¡Çϱâ
__ÆÄÀÏ ÁغñÇϱâ
__HTML ÆíÁýÇϱâ
__CSS·Î Àå½ÄÇϱâ
__ÀÔ·Â ¾ç½Ä ¼ºñ½º »ç¿ëÇϱâ
7-3 Áöµµ Ãâ·ÂÇϱâ
__°¡°Ô Á¤º¸ ÀÛ¼ºÇϱâ
__±¸±Û Áöµµ Ãâ·ÂÇϱâ
__¿Ü°ü Á¶Á¤Çϱâ
7-4 ÆäÀ̽ººÏ Ç÷¯±×ÀÎ »ðÀÔÇϱâ
__SNS ºÎºÐÀÇ ·¹À̾ƿô Àâ±â
__ÆäÀ̽ººÏ Ç÷¯±×ÀÎ ÄÚµå ¹Þ±â
7-5 Æ®À§ÅÍ Ç÷¯±×ÀÎ »ðÀÔÇϱâ
__Æ®À§ÅÍ Ç÷¯±×ÀÎ ÄÚµå ¾ò±â
7-6 À¯Æ©ºê ¿µ»ó »ðÀÔÇϱâ
__À¯Æ©ºê ÆÛ°¡±â ÄÚµå ÃßÃâÇϱâ
7-7 ¹ÝÀÀÇü À¥ Áö¿øÇϱâ
__¹Ìµð¾î Äõ¸®·Î ¼öÁ÷ Á¤·ÄÇϱâ
7-8 OGP ¼³Á¤Çϱâ
__OGP¶õ?
__OGP ¼³Á¤Çϱâ
__ÆäÀ̽ººÏ¿¡¼ È®ÀÎÇØº¸±â
__Æ®À§ÅÍ¿¡¼ È®ÀÎÇØº¸±â
7-9 ¿ÜºÎ ¹Ìµð¾î º¯°æÇغ¸±â
__±¸±Û Áöµµ º¯°æÇϱâ
-
-
 |
¸¶³ª [Àú]
|
 |
-
ÀúÀÚ Mana´Â ÀϺ»¿¡¼ 2³â µ¿¾È ±×·¡ÇÈ µðÀÚÀ̳ʷΠÀÏÇÑ µÚ, ij³ª´Ù ¹êÄí¹ö¿¡ ÀÖ´Â À¥ Á¦ÀÛ Çб³¸¦ Á¹¾÷Çß´Ù. ij³ª´Ù, È£ÁÖ, ¿µ±¹ ±â¾÷¿¡¼ À¥ µðÀÚÀ̳ʷΠÀÏÇßÀ¸¸ç ÇöÀç´Â ÀϺ»¿¡¼ À¥°ú °ü·ÃµÈ ¼¼¹Ì³ª¸¦ ÁøÇàÇϰí, À¥ Á¦ÀÛ ÄÁ¼³ÅÏÆ®·Î ±³À°¿¡ Èû¾²°í ÀÖ´Ù. ºí·Î±× ¡®À¥ Å©¸®¿¡ÀÌÅÍ ¹Ú½º¡¯´Â 2010³â ÀϺ» ¾ËÆÄ ºí·Î°Å ¾î¿öµå¸¦ ¼ö»óÇß´Ù.
-
 |
À±Àμº [Àú]
|
 |
-
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.

 |
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹Ýǰ¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óǰÀ̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝǰÀº ¹«·á·Î ¹Ýǰ µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝǰÀÌ °¡´ÉÇÑ °æ¿ì |
»óǰÀ» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óǰÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óǰ¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óǰÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝǰÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óǰ¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óǰ µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óǰÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆÇ¸Å°¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óǰ °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹Ýǰ ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝǰÀ» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝǰÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝǰÀ» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óǰÀÇ ±³È¯ |
Áß°í»óǰÀº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆÇ¸Å°¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óǰÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óǰ¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹Ýǰ Á¢¼ö½Ã ¹Ýµå½Ã ÆÇ¸ÅÀÚ¿Í ÇùÀÇ ÈÄ ¹Ýǰ Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝǰÁ¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óǰ È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
 |
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óǰ¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇϰí ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óǰ> |
»óǰÀº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óǰÀÔ´Ï´Ù. |
»óǰÀº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óǰÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óǰÀº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óǰÀº À¯ÅëÆ¯¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óǰÀ¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óǰÀ» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óǰ> |
~
»óǰÀº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇϰí, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óǰÀº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² ǰÀýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óǰÀ» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óǰÀ» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óǰÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏīƮ¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öưÀ» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óǰÀ» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
ÇØ¿Ü¹è¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î ÇØ¿Ü¹è¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
ÇØ¿Ü¹è¼ÛÀº µµ¼/CD/DVD »óǰ¿¡ ÇÑÇØ ¼ºñ½ºÇϰí ÀÖÀ¸¸ç, ´Ù¸¥ »óǰÀ» ºÏīƮ¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì ÇØ¿Ü¹è¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó ǰÀý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óǰÀ» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
 |
|
|