|
|
|
Do it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®
|
|
|
Do it! ½Ã¸®Áî1
¤Ó °í°æÈñ
¤Ó
ÀÌÁö½ºÆÛºí¸®½Ì
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
7³â ¿¬¼Ó À¥ ºÐ¾ß 1À§!
½Ã°£ÀÌ Èê·¯µµ Èçµé¸®Áö ¾Ê´Â À¥ ±âº»±â¸¦ ½×°í ½Í´Ù¸é ¿ª½Ã Á¤¼®À¸·Î ¹è¿ö¾ß ÇÑ´Ù!
7³â ¿¬¼Ó À¥ ºÐ¾ß 1À§¸¦ ±»°ÇÈ÷ ÁöÅ°°í ÀÖ´Â ¡¶Do it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡·ÀÌ Àü¸é °³Á¤ 2ÆÇÀ¸·Î ´õ¿í »õ·Î¿öÁ³´Ù! ÃֽŠHTML5, CSS3 Ç¥ÁØ¾È ¹Ý¿µÀº ¹°·Ð ÄÚµùÀÌ Ã³À½ÀÎ µ¶ÀÚµµ ½±°í ºü¸£°Ô ¿¹Á¦¸¦ µû¶óÇØ º¼ ¼ö ÀÖ´Â ½Ç½À ȯ°æÀ» Á¦°øÇÏ¿© À¥ °³¹ß ȯ°æ¿¡ ºü¸£°Ô ÀûÀÀÇÒ ¼ö ÀÖµµ·Ï Çß´Ù. ¶ÇÇÑ µ¶ÀÚµéÀÌ Á÷Á¢ ¸¸µé¸é¼ ½Ç½ÀÇÏ°í, ¹è¿î ³»¿ëÀ» º¹½ÀÇÏ°í, ¿¬½À¹®Á¦±îÁö Ç®¾îº¸´Â ÇнÀ ¼³°è·Î ±¸¼ºµÇ¾î ÀÖ¾î Çѹø ¹è¿î ³»¿ëÀ» Àý´ë·Î ±î¸ÔÁö ¾Ê´Â´Ù. À¥À» Á¦´ë·Î ¹è¿ì°í ½Í´Ù¸é ±âº»±â´Â Á¤¼®À¸·Î źźÇÏ°Ô ½×ÀÚ!
-
-
[°³Á¤ 2ÆÇÀÇ ÁÖ¿ä º¯È]
¡Ü 5¸¸ µ¶ÀÚÀÇ Çǵå¹é ¹Ý¿µ -¡µ ´©±¸³ª ½±°Ô ÀÐÀ» ¼ö ÀÖ¾î¿ä!
¡Ü ÃֽŠHTML5, CSS3 Ç¥ÁؾÈ, ¸ð´ø À¥ ºê¶ó¿ìÀú ¹Ý¿µ -¡µ ½Ã´ë¿¡ µÚóÁöÁö ¾Ê°Ô ¹è¿ï ¼ö ÀÖ¾î¿ä!
¡Ü ½Ç½À ȯ°æ °³¼± -¡µ¡¡À¥ÀÌ Ã³À½À̾ ¿¹Á¦¸¦ ½±°Ô µû¶ó ÇÒ ¼ö ÀÖ¾î¿ä!
¡Ü ¿¹Á¦¸¶´Ù Á¦¸ñ Ãß°¡ -¡µ ¿øÇÏ´Â ±â´ÉÀ» ´õ ºü¸£°Ô ãÀ» ¼ö ÀÖ¾î¿ä!
¡Ü ÀÚÁÖ ¾²´Â ±â´É À§ÁÖ·Î Á¤¸® -¡µ ´õ À¯¿ëÇÑ ³»¿ëÀ¸·Î ä¿ì°í °¡°Ý ºÎ´ãÀº ÁÙ¿´¾î¿ä!
À¥ ºÐ¾ß 1À§! ±×¸¸ÇÑ ÀÌÀ¯°¡ ÀÖ´Ù!
²À ¾Ë¾Æ¾ß ÇÏ´Â ³»¿ë¸¸ ´©±¸³ª ÀÌÇØÇϱ⠽±°Ô ´ã¾Ò´Ù!
ÀÌ Ã¥ÀÇ ÁýÇÊ ¸ñÇ¥´Â ¡®´©±¸³ª ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖ´Â HTML5 Ã¥¡¯À̾ú´Ù. 2013³â 9¿ù¿¡ ù Ãâ°£µÈ ÀÌÈÄ, 2014³â¿¡ ±¹¸³Áß¾Óµµ¼°üÀÇ ÄÄÇ»ÅÍ ºÐ¾ß ´ëÃâ 1À§ µµ¼·Î ¼±Á¤µÇ´Â µî ¿À·§µ¿¾È À¥ ºÐ¾ß¿¡¼ 1À§¸¦ ³õÄ¡Áö ¾Ê¾Ò´Ù. ÇÏ·ç°¡ ºü¸£°Ô º¯ÇÏ´Â À¥ ºÐ¾ßÀÌÁö¸¸ ÀÌ ÀÚ¸®¸¦ ²ÙÁØÈ÷ Áöų ¼ö ÀÖ¾ú´ø ÀÌÀ¯´Â HTML°ú CSS¸¦ °¡Àå ±âº»´ä°Ô ´Ù·ç±â ¶§¹®ÀÌ´Ù. À¥À» °øºÎÇÑ´Ù¸é ²À ¾Ë¾Æ¾ß ÇÏ´Â ³»¿ë¸¸ ¸ð¾Æ ´©±¸¶óµµ ÀÌ Ã¥À» ÀÐ°í ½Ç½À¸¸ µû¶óÇϸé ÀÌÇØÇÒ ¼ö ÀÖ°Ô »ó¼¼ÇÏ°Ô Ç®¾î¾´ º»¹®°ú ½Ç¹«¿¡¼µµ ¾²ÀÓ»õ ÀÖ´Â ¿¹Á¦µéÀÌ µÞ¹ÞħÇØÁØ´Ù.
¾Æ¹«°Íµµ ¸ô¶óµµ ÇÒ ¼ö ÀÖ´Ù!
ű×ÀÇ Àǹ̺ÎÅÍ ¹ÝÀÀÇü À¥±îÁö Çѹø¿¡!
¼ö¸¹Àº µ¶ÀÚ°¡ ÀÔÀ» ¸ð¾Æ ÀÌ Ã¥À» ¡®À¥ ºÐ¾ßÀÇ ±³°ú¼¡¯¶ó°í ºÎ¸¥´Ù. °øºÎ¸¦ ÇÏ·Á¸é ±³°ú¼·Î ±âÃʸ¦ ½×¾Æ¾ß ¹®Á¦¸¦ Ç® ¼ö ÀÖµíÀÌ À¥ ºÐ¾ß¸¦ ¹è¿ì°í ½ÍÀº µ¶ÀÚ¶ó¸é ÀÚ¿¬½º·´°Ô ÀÌ Ã¥À» ¼±ÅÃÇÏ°Ô µÈ´Ù. űװ¡ ¹«¾ùÀÎÁöºÎÅÍ ½ÃÀÛÇØ ´Ù¾çÇÑ °³³äÀ» °£´Ü¸í·áÇÑ ¿¹Á¦µé·Î ÃæºÐÈ÷ ÀÍÈú ¼ö ÀÖ´Ù. ±×¸®°í Á÷Á¢ ¸¸µé¾î º¸´Â ½Ç½ÀÀº ¼ÕÀ¸·Î ÀÔ·ÂÇØ ´«À¸·Î °á°ú¸¦ È®ÀÎÇÑ´Ù. ¶ÇÇÑ ÀÌÁ¦´Â À¥ °³¹ßÀÇ ±âº»ÀÌ µÈ ¹ÝÀÀÇü À¥±îÁö ³õÄ¡Áö ¾Ê°í ¹è¿ï ¼ö ÀÖµµ·Ï ¸ðµÎ ÇÑ ±Ç¿¡ ½Ç¾ú´Ù.
ű׸¦ ÀÌÇØÇÏ±ä ½±´Ù. ¹®Á¦´Â ±â¾ï·Â!
ÅؽºÆ®º¸´Ù´Â ¿¹Á¦·Î! ±î¸ÔÀ» Æ´À» ¾È Áִ öÀúÇÑ º¹½À ¼³°è!
HTML°ú CSS¸¦ Á¶±ÝÀÌ¶óµµ °øºÎÇØ º» »ç¶÷À̶ó¸é ¡®HTML°ú CSS´Â ¾Ï±â °ú¸ñ¡¯À̶ó´Â ¸»¿¡ °ø°¨ÇÒ °ÍÀÌ´Ù. ±âº»À» ÀÍÈù ´ÙÀ½¿¡´Â ¹è¿î ³»¿ëÀ» ±â¾ïÇØ È°¿ëÇÏ´Â °ÍÀÌ Áß¿äÇϱ⠶§¹®ÀÌ´Ù. ±×·¡¼ ÀÌ Ã¥¿¡¼´Â °³³äÀ» ÀÍÈú ¶§ ±ä ÅؽºÆ®º¸´Ù´Â ¿¹Á¦¸¦ ¸¹ÀÌ »ç¿ëÇß´Ù. ±×¸®°í ¹Ýº¹ ÇнÀÇÒ ¼ö ÀÖµµ·Ï ¼³°èÇß´Ù.
[Á÷Á¢ Çغ¸¼¼¿ä!]¸¦ ÅëÇØ ±× Àå¿¡¼ ¹è¿î ³»¿ëÀ» Á÷Á¢ ¸¸µé°í °á°ú¸¦ ´«À¸·Î È®ÀÎÇÑ´Ù. ¶ÇÇÑ ¿¹Á¦ Áß°£¸¶´Ù µé¾î ÀÖ´Â [1ºÐ º¹½À]À» ÅëÇØ ±×µ¿¾È ¹è¿ü´ø ³»¿ëÀ» °£´ÜÇÏ°Ô º¹½ÀÇÏ°í, [±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]±îÁö Ç®¸é ÀÚ½ÅÀÌ ¹è¿ü´ø ³»¿ëÀ» Àؾî¹ö¸± Æ´ÀÌ ¾øÀ» °ÍÀÌ´Ù.
´ëÇÐ, Çпø °ÀÇ¿¡ ÃÖÀûÈµÈ ±³Àç!
¸ðµç ¿¹Á¦ ¼Ò½º ÆÄÀÏ°ú µ¿¿µ»ó °Àǵµ Á¦°ø!
ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ¸ðµç ¿¹Á¦ ÆÄÀϵéÀº ÀÌÁö½ºÆÛºí¸®½Ì ȨÆäÀÌÁö [ÀÚ·á½Ç]¿¡¼ ¹«·á·Î ´Ù¿î·Îµå¹ÞÀ» ¼ö ÀÖ´Ù. ¿¹Á¦¸¦ ÇϳªÇϳª Á÷Á¢ ÀÔ·ÂÇØ º¸´Â °Íµµ ÁÁ°í ¼Ò½º ÆÄÀÏÀ» ´Ù¿î·Îµå¹ÞÀº ÈÄ ¿¹Á¦¸¦ ½ÇÇàÇØ °á°ú ȸéÀ» º¸¸é¼ ÀÍÈ÷´Â °Íµµ ÁÁ´Ù. °³³äÀ» Àß ÀÌÇØÇß´Ù¸é °¢ Àå ³¡¿¡ ÀÖ´Â [±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]´Â ²À Ç®¾îº¸ÀÚ! ¹®Á¦¸¦ Ç®¾úÀ» ¶§ÀÇ ¼ºÃë°¨Àº ¹°·Ð º»¹®¿¡¼ ¹è¿î ³»¿ëÀ» È®½ÇÇÏ°Ô ÀÚ½ÅÀÇ °ÍÀ¸·Î ¸¸µé ¼ö ÀÖ´Ù. ½Ç½À¿¡ ÇÊ¿äÇÑ Áغñ ÆÄÀÏ°ú ÇÔ²² ¿Ï¼º ÆÄÀϵµ ÇÔ²² Á¦°øµÇ´Ï ÇпøÀ̳ª ´ëÇÐ ±³Àç·Îµµ ÀûÇÕÇÏ´Ù. ¶ÇÇÑ ¹«·á·Î Á¦°øµÇ´Â ÀúÀÚ Á÷° µ¿¿µ»ó °Àǵµ ³õÄ¡Áö ¸»°í È°¿ëÇÏÀÚ!
- ¿¹Á¦ ÆÄÀÏ ´Ù¿î·Îµå : www.easyspub.co.kr ¢º [ÀÚ·á½Ç] °Ô½ÃÆÇ
- µ¿¿µ»ó °ÀÇ : www.easyspub.co.kr ¢º [µ¿¿µ»ó °ÀÇ] °Ô½ÃÆÇ
ÀÚ½ÅÀÇ °øºÎ ¼Óµµ¿¡ ¸Â´Â ÇнÀ °èȹǥ·Î µ¶Çеµ ¹®Á¦¾ø´Ù!
30ÀÏ Á¤¼® ÄÚ½º, 15ÀÏ ÁýÁß ÄÚ½º ÁøµµÇ¥ Á¦°ø!
¹«¾ùÀÌµç ¸ñÇ¥°¡ ÀÖÀ¸¸é ´õ ÈûÂ÷°Ô ´Þ¸± ¼ö ÀÖ´Ù. ...ÀÌ Ã¥¿¡¼´Â À¥ Ç¥ÁØÀ» °øºÎÇÏ·Á´Â µ¶ÀÚ¸¦ À§ÇÑ ¡®ÇнÀ °èȹǥ¡¯¸¦ Á¦°øÇÑ´Ù. ÄÚµù ¿ÕÃʺ¸¶ó¸é [30ÀÏ Á¤¼® ÄÚ½º]·Î ±âÃʺÎÅÍ È°¿ë±îÁö Çϳª¾¿ Â÷±ÙÂ÷±Ù µû¶óÇÏ°í, Á» ´õ ºü¸£°Ô °øºÎÇÏ°í ½ÍÀº µ¶ÀÚ¶ó¸é [15ÀÏ ÁýÁß ÄÚ½º]¿¡ µµÀüÇØ º¸ÀÚ. ÀÚ½ÅÀÌ ¼±ÅÃÇÑ ÁøµµÇ¥¿¡ Á÷Á¢ ³¯Â¥¸¦ Àû°í ¸ñÇ¥¸¦ ¼¼¿ö¼ ÇÑ ´Þ ¾È¿¡ HTML, CSS Ç¥ÁØ °øºÎ¸¦ ³¡³»º¸ÀÚ!
ÀÌ Ã¥À¸·Î °øºÎÇÏ´Â ÁöÀûÀÎ µ¶ÀÚµé°ú À̾߱⸦ ³ª´²º¸ÀÚ!
Áö½Ä ³ª´®Àº ¹°·Ð ÇÔ²² °øºÎÇÒ ¸â¹ö±îÁö ãÀ» ¼ö ÀÖ´Ù! - Do it! ½ºÅ͵ð·ë
È¥ÀÚ °øºÎÇÏ´Ù°¡ ±Ã±ÝÇÑ ³»¿ëÀÌ »ý±â°Å³ª °øºÎ¸¦ Æ÷±âÇÏ°í ½ÍÀ» ¶§´Â ¡®Do it! ½ºÅ͵ð·ëÀ» È°¿ëÇØ º¸ÀÚ. Ä£±¸µé°ú ¸¸³ª ÀÚ½ÅÀÌ ¾Ë°í ÀÖ´Â ³»¿ëÀ» ¼·Î ³ª´©¸ç °øºÎÇÒ ¼ö ÀÖ¾î »ÑµíÇÔÀ» ´À³¥ ¼ö ÀÖÀ» »Ó ¾Æ´Ï¶ó ÀÌ Ã¥À» ³¡±îÁö Æ÷±âÇÏÁö ¾Ê°í ¸¶Ä¥ ¼ö ÀÖ´Ù. ±×¸®°í ÀÌ Ã¥¿¡ ´ëÇÑ Áú¹®À̳ª ÀÇ°ßÀº ÀúÀÚ°¡ ¿î¿µÇÏ´Â Ä«Æä¿¡ ¿Ã¸®¸é Á÷Á¢ ´äº¯À» ¾òÀ» ¼ö ÀÖ´Ù.
- ÀúÀÚ¿¡°Ô Áú¹®ÇÏ°í ½ÍÀ» ¶§ : cafe.naver.com/doithtml5 ¢º À¥ Ç¥ÁØÀÇ Á¤¼® ¢º [Á¤¼®] Q&A°Ô½ÃÆÇ
- ÇÔ²² °øºÎÇÒ ½ºÅ͵ð ¸â¹ö¸¦ ã°í ½ÍÀ» ¶§ : cafe.naver.com/doitstudyroom
-
-
-------------------------------------------------------------
ù°¸¶´ç óÀ½ ½ÃÀÛÇÏ´Â HTML5
-------------------------------------------------------------
01 HTML ±âº» ´ÙÁö±â
01-1 HTML°úÀÇ Ã¹ ¸¸³²
01-2 À¥ ºê¶ó¿ìÀú¿Í À¥ ÆíÁý±â
01-3 HTML ±âº» ¹®¼ ±¸Á¶
01-4 À¥ ¹®¼ ¸¸µé°í ¾÷·ÎµåÇϱâ
[¿À´Ã ¹Ù·Î ½á¸Ô´Â HTML5+CSS3]
ºí·Î±×¿Í °Ô½ÃÆÇ¿¡¼ »ç¿ëÇÏ´Â HTML ű×
02 ÅؽºÆ® °ü·Ã ű׵é
02-1 ÅؽºÆ®¸¦ µ¢¾î¸®·Î ¹¾î Áִ ű×
02-2 ÅؽºÆ®¸¦ ÇÑ ÁٷΠǥ½ÃÇϴ ű×
02-3 ¸ñ·ÏÀ» ¸¸µå´Â ű×
02-4 Ç¥¸¦ ¸¸µå´Â ű×
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
03 À̹ÌÁö¿Í ÇÏÀÌÆÛ¸µÅ©
03-1 À̹ÌÁö
03-2 ¸µÅ© ¸¸µé±â
03-3 SVG À̹ÌÁö
[¿À´Ã ¹Ù·Î ½á¸Ô´Â HTML5+CSS3]
À̹ÌÁö ¸ÊÀ¸·Î À̺¥Æ® ÆäÀÌÁö ¸¸µé±â
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
04 Æû °ü·Ã ű׵é
04-1 Æû ¸¸µé±â
04-2 »ç¿ëÀÚ ÀÔ·ÂÀ» À§ÇÑ ¡´input¡µ ű×
04-3 ¡´input¡µ ű×ÀÇ ´Ù¾çÇÑ ¼Ó¼º
04-4 ¿©·¯ µ¥ÀÌÅÍ ³ª¿ÇØ º¸¿© ÁÖ±â
04-5 ±âŸ ´Ù¾çÇÑ Æû ¿ä¼Òµé
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
-------------------------------------------------------------
µÑ°¸¶´ç CSS3·Î ¿Ï...¼ºÇÏ´Â À¥ Ç¥ÁØ
-------------------------------------------------------------
05 CSS ±âÃÊ
05-1 ½ºÅ¸ÀÏ°ú ½ºÅ¸ÀÏ ½ÃÆ®
05-2 ÁÖ¿ä ¼±ÅÃÀÚ
05-3 ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ ½ÃÆ®(CSS)
05-4 CSS3¿Í CSS ¸ðµâ
06 ÅؽºÆ® °ü·Ã ½ºÅ¸ÀÏ
06-1 ±Û²Ã °ü·Ã ½ºÅ¸ÀÏ
06-2 ÅؽºÆ® ½ºÅ¸ÀÏ
06-3 ¹®´Ü ½ºÅ¸ÀÏ
06-4 ¸ñ·Ï ½ºÅ¸ÀÏ
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
07 »ö»ó°ú ¹è°æÀ» À§ÇÑ ½ºÅ¸ÀÏ
07-1 À¥¿¡¼ »ö»ó Ç¥ÇöÇϱâ
07-2 ¹è°æ »ö°ú ¹è°æ À̹ÌÁö
07-3 ±×·¯µ¥ÀÌ¼Ç È¿°ú·Î ¹è°æ ²Ù¹Ì±â
[¿À´Ã ¹Ù·Î ½á¸Ô´Â HTML5+CSS3]
HTML·Î ¸¶ÄÉÆÃ¿ë ¸ÞÀÏ ÀÛ¼ºÇϱâ
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
08 CSS ¹Ú½º ¸ðµ¨
08-1 CSS¿Í ¹Ú½º ¸ðµ¨
08-2 Å׵θ® °ü·Ã ¼Ó¼ºµé
08-3 ¿©¹éÀ» Á¶ÀýÇÏ´Â ¼Ó¼ºµé
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
09 CSS ·¹À̾ƿô
09-1 CSS Æ÷Áö¼Å´×°ú ÁÖ¿ä ¼Ó¼ºµé
09-2 ´Ù´ÜÀ¸·Î ÆíÁýÇϱâ
09-3 Ç¥ ½ºÅ¸ÀÏ
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
-------------------------------------------------------------
¼Â°¸¶´ç HTML, CSS ÇÑ °ÉÀ½ ´õ ³ª°¡±â
-------------------------------------------------------------
10 HTML5¿Í ½Ã¸Çƽ ű×
10-1 HTML5 ¹®¼
10-2 ¹®¼ ±¸Á¶¸¦ À§ÇÑ HTML5 ½Ã¸Çƽ ű×
10-3 IE8 ÀÌÇÏ ¹öÀü¿¡¼´Â ¾î¶»°Ô Çϳª¿ä?
11 HTML5¿Í ¸ÖƼ¹Ìµð¾î
11-1 À¥°ú ¸ÖƼ¹Ìµð¾î
11-2 ¿Àµð¿À & ºñµð¿À Àç»ýÇϱâ
[¿À´Ã ¹Ù·Î ½á¸Ô´Â HTML5+CSS3]
µ¿¿µ»óÀ¸·Î ȨÆäÀÌÁö ´ë¹® ¸¸µé±â
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
12 ´ÙÀç´Ù´ÉÇÑ CSS3 ¼±ÅÃÀÚ
12-1 ¿¬°á ¼±ÅÃÀÚ
12-2 ¼Ó¼º ¼±ÅÃÀÚ
12-3 °¡»ó Ŭ·¡½º¿Í °¡»ó ¿ä¼Ò
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
13 CSS3¿Í ¾Ö´Ï¸ÞÀ̼Ç
13-1 º¯Çü
13-2 º¯Çü°ú °ü·ÃµÈ ¼Ó¼ºµé
13-3 Æ®·£Áö¼Ç
13-4 ¾Ö´Ï¸ÞÀ̼Ç
[¿À´Ã ¹Ù·Î ½á¸Ô´Â HTML5+CSS3]
»óÇ° ÆäÀÌÁö¿¡ °¡°Ý ¶°¿À¸£°Ô ¸¸µé±â
[±â¾ïÀ» µÇ»ì¸®´Â ¿¬½À¹®Á¦]
-------------------------------------------------------------
³Ý°¸¶´ç ¹ÝÀÀÇü À¥ »çÀÌÆ® ¸¸µé±â
-------------------------------------------------------------
14 ¹ÝÀÀÇü À¥À̶õ?
14-1 ¸ð¹ÙÀÏ ±â±â¿Í À¥ µðÀÚÀÎ
14-2 °¡º¯ ±×¸®µå ·¹À̾ƿô
14-3 °¡º¯ ·¹À̾ƿô°ú °¡º¯ ¿ä¼Ò
15 ¹Ìµð¾î Äõ¸®
15-1 ¹Ìµð¾î Äõ¸® ÀÌÇØÇϱâ
15-2 ¹Ìµð¾î Äõ¸® Àû¿ëÇϱâ
15-3 ¹Ìµð¾î Äõ¸®¸¦ »ç¿ëÇØ À¥ ¹®¼ ¸¸µé±â
16 Ç÷º½º ¹Ú½º ·¹À̾ƿô
16-1 Ç÷º½º ¹Ú½º ·¹À̾ƿô°ú ±âº» ¼Ó¼ºµé
16-2 Ç÷º½º ¹Ú½º Ç׸ñ ¹èÄ¡¸¦ À§ÇÑ ¼Ó¼ºµé
ºÎ·Ï
ã¾Æº¸±â
-
-
-
|
°í°æÈñ [Àú]
|
|
-
2010³â ¡¶Doit! HTML5 + CSS3¡·Ãâ°£ ÀÌÈÄ HTML5¿Í À¥ °ü·Ã °ÀǸ¦ ²ÙÁØÈ÷ ÇØ¿Ô´Ù. À¥ ÃÊâ±âºÎÅÍ ASP¿Í JAVA µî Àü¹®µµ¼¸¦ ¹ø¿ªÇÏ¸é¼ À¥ ±â¼ú¿¡ °ü½ÉÀ» °¡Áö±â ½ÃÀÛÇß°í, ÀÌÈÄ HTML°ú DHTML(Dynamic HTML), CSS, JavaScript µî À¥ °ü·Ã ±â¼úÀ» ´õ ½±°Ô ÀÍÈú ¼ö ÀÖ´Â µµ¼ 60¿© Á¾À» ÁýÇÊÇϸç ÀÚŸ°øÀÎ HTML ±ÇÀ§ÀÚ·Î ÀÚ¸®¸Å±èÇß´Ù. È«ÀÍ´ëÇб³ ÄÄÇ»ÅÍ°øÇаú¸¦ Á¹¾÷ÇÏ°í µ¿´ëÇпø¿¡¼ ÀΰøÁö´ÉÀ» °øºÎÇÑ µÚ, ÇöÀçDevelopment Technologies ºÐ¾ß¿¡¼ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® °øÀÎÃÖ°í±â¼úÀÚ(Microsoft MostValuableProfessional)·Î È°µ¿ÇÏ°í ÀÖ´Ù. À©µµ¿ì ºÐ¾ß 1À§ µµ¼ ¡¶À©µµ¿ì ¹«ÀÛÁ¤ µû¶óÇϱ⡷¿Í HTML °ü·Ã µµ¼ÀÇ º£½ºÆ®¼¿·¯ ÀúÀÚ´Ù. Àú¼·Î´Â ¡¶Doit! HTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®¡·, ¡¶Doit! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®-Àü¸é°³Á¤ÆÇ¡·, ¡¶Doit! Áö¿Á¿¡¼ ¿Â ¹®¼ °ü¸®ÀÚ±ê&±êÇãºê ÀÔ¹®¡·, ¡¶Doit! ÇÁ·±Æ®¿£µå À¥µðÀÚÀÎ ÀÔ¹®-Àü¸é°³Á¤ÆÇ¡·µî ÃÑ 60¿©Á¾ÀÌ ÀÖ´Ù.
-
-
Àüü 3°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|