|
|
|
Do it! HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®
|
|
|
Do it! ½Ã¸®Áî1
¤Ó °í°æÈñ
¤Ó
ÀÌÁö½ºÆÛºí¸®½Ì
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
À¥ ºÐ¾ß 1À§! ±×¸¸ÇÑ ÀÌÀ¯°¡ ÀÖ´Ù!
Å°º¸µå¸¦ Àâ°í ½Ç½ÀÇÏ´Ù º¸¸é
À¥ °³¹ßÀÇ 3´ë ±â¼úÀÌ ³¡³´Ù!
À¥ÀÇ ±âº»À» ÇÑ ±ÇÀ¸·Î ³¡³¾ ¼ö Àִ åÀÌ Åº»ýÇß´Ù! 8³â ¿¬¼Ó À¥ ºÐ¾ß µµ¼ 1À§ÀÎ ¡¶Do it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡·ÀÇ °í°æÈñ ÀúÀÚ´Â ¡®HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÇÑ ±ÇÀ¸·Î¡¯ ¹è¿ì°í ½Í´Ù´Â ¸¹Àº µ¶ÀÚÀÇ ¿ä±¸¸¦ ¸ð¾Æ ÃֽŠ°æÇâÀ» ¹Ý¿µÇÑ ÀÌ Ã¥À» ÁýÇÊÇß´Ù. À¥ °³¹ßÀ» ½ÃÀÛÇÏ´Â ÀÔ¹®ÀÚµµ ½±°Ô ½Ç½ÀÇÒ ¼ö ÀÖ°í, Áß¿äÇÑ ¹®¹ý¸¸ ´Ù½Ã °øºÎÇÏ°í ½ÍÀº Áߤý°í±ÞÀÚ¿¡°Ôµµ µµ¿òÀÌ µÈ´Ù.
Ä£ÀýÇÑ ¼³¸íÀº ±âº»! Çٽɸ¸ ½ï½ï »Ì¾Æ¼ ½Ç¹«¿¡ ¹Ù·Î »ç¿ëÇÒ ¼ö ÀÖ´Â ¿¹Á¦µµ dz¼ºÇÏ°Ô ´ã°Ü ÀÖ´Ù. ¶ÇÇÑ ÃֽŠÀ¥ Ç¥ÁØ ±â¼úÀÎ HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®(ES6)¸¦ ±âÁØÀ¸·Î ¼³¸íÇϸç Ã¥ÀÇ ¸ðµç ³»¿ëÀ» ¾ÐÃàÇÑ ÃÖÁ¾ ÇÁ·ÎÁ§Æ® ¡´À¥ »çÀÌÆ® ¸¸µé±â¡µ PDF ÀüÀÚÃ¥À» ¹«·á·Î Ãß°¡ Á¦°øÇÑ´Ù. ¼ö¸¹Àº µ¶ÀÚ°¡ ÀÔÀ» ¸ð¾Æ ¡®À¥ ºÐ¾ßÀÇ ±³°ú¼¡¯¶ó°í ºÎ¸£´Â ÀÌÀ¯¸¦ Áö±Ý È®ÀÎÇØ º¸ÀÚ!
-
-
ÃֽŠÀ¥ Ç¥ÁØ ±â¼úÀÎ
HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®(ES6)·Î
À¥ ±âº»±â¸¦ ´Ü´ÜÇÏ°Ô ½×ÀÚ!
--------------------------
À¥ °³¹ß ºÐ¾ß´Â ÇÏ·ç°¡ ´Ù¸£°Ô º¯ÇÏÁö¸¸ À¥ Ç¥ÁØ ±â¼úÀÎ HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»Àº º¯ÇÏÁö ¾Ê´Â´Ù. ÀÌ Ã¥À» º¸°í ³ª¸é ¾î¶² ÃֽŠÀ¥ ±â¼úÀ» ¹è¿ì´õ¶óµµ µÎ·ÆÁö ¾Ê´Ù. À¥ °³¹ßÀ» Çϵç, À¥ µðÀÚÀÎÀ» Çϵç ÀÌ Ã¥¿¡¼ ¼Ò°³ÇÏ´Â ±â¼úµéÀÌ ±âº»ÀÌ µÇ±â ¶§¹®ÀÌ´Ù.
ÀÌ Ã¥Àº À¥¿¡ ÀÔ¹®ÇÑ µ¶ÀÚ¸¦ À§ÇØ HTMLÀÇ Å±װ¡ ¹«¾ùÀÎÁöºÎÅÍ ½ÃÀÛÇØ CSS, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °í±Þ ±â¼ú±îÁö ´Ù¾çÇÑ °³³äÀ» °£´Ü¸í·áÇÑ ¿¹Á¦¿Í ÇÔ²² ÃæºÐÈ÷ ¼³¸íÇÑ´Ù. ÃÑ 500¿© °³°¡ ³Ñ´Â ¡´Do it! ¿¹Á¦¿Í ½Ç½À¡µÀ» ÇÏ°í ¡´ÇÑ´«¿¡ Á¤¸®Çϱ⡵, ¡´¸¶¹«¸® ¹®Á¦¡µ±îÁö Ç®°í ³ª¸é ¾î´À»õ À¥ ±âº»±â°¡ ´Ü´ÜÇÏ°Ô ½×¿© ÀÖÀ» °ÍÀÌ´Ù.
--------------------------
±âÃÊ ¹®¹ýÀº ¼ÕÄÚµùÇÏ°í, È°¿ëÀº Do it ½Ç½ÀÀ¸·Î ÇÑ´Ù!
±î¸ÔÀ» Æ´À» ¾È Áִ öÀúÇÑ º¹½À ¼³°è!
--------------------------
¡®HTML, CSS´Â ¾Ï±â °ú¸ñ¡¯À̶ó´Â ¸»ÀÌ ÀÖ´Ù. Áï, À¥ °³¹ßÀº ¾Æ´Â ¸¸Å ´Ù¾çÇÏ°Ô È°¿ëÇÒ ¼ö ÀÖ´Â ºÐ¾ß´Ù. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»±â¸¦ ÃæºÐÈ÷ ÀÍÇû´Ù¸é ¹è¿î ³»¿ëÀ» ±â¾ïÇØ Á÷Á¢ ÄÚµùÇÏ´Â °ÍÀÌ Áß¿äÇÏ´Ù. ±×·¡¼ ÀÌ Ã¥Àº °³³äÀ» ÀÍÈú ¶§ ±ä ÅؽºÆ®º¸´Ù´Â ¿¹Á¦¸¦ ¸¹ÀÌ »ç¿ëÇß´Ù. ±×¸®°í ¹Ýº¹ ÇнÀÇÒ ¼ö ÀÖµµ·Ï ¼³°èÇß´Ù. °¢ Àå¿¡¼ ¹è¿î ³»¿ëÀ» ¡´Do it! ½Ç½À¡µÀ¸·Î Á÷Á¢ ¸¸µé¾î °á°ú¸¦ ´«À¸·Î ¹Ù·Î È®ÀÎÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ¿¹Á¦ Áß°£¿¡ µé¾î ÀÖ´Â ¼ÕÄÚµù Äڳʿ¡¼ ±×µ¿¾È ¹è¿ü´ø ³»¿ëÀ» °£´ÜÇÏ°Ô º¹½ÀÇÏ°í °¢ ÀåÀÌ ³¡³¯ ¶§¸¶´Ù ¡´¸¶¹«¸® ¹®Á¦¡µ±îÁö Ç® ¼ö ÀÖµµ·Ï ¹èÄ¡Çؼ Àؾî¹ö¸± Æ´À» ÁÖÁö ¾Ê´Â´Ù.
--------------------------
Ã¥ÀÌ ³¡ÀÌ ¾Æ´Ï´Ù!
ÃÖÁ¾ ÇÁ·ÎÁ§Æ® ¡´À¥ »çÀÌÆ® ¸¸µé±â¡µ
PDF ÀüÀÚÃ¥ ¹«·á ¹èÆ÷!
--------------------------
ÀÌ Ã¥À» °øºÎÇÑ »ç¶÷À̶ó¸é ´©±¸³ª ½±°Ô ¸¸µé ¼ö ÀÖ´Â ÃÖÁ¾ ÇÁ·ÎÁ§Æ® ¡´À¥ »çÀÌÆ® ¸¸µé±â¡µ PDF ÀüÀÚÃ¥À» ¹«·á·Î Á¦°øÇÑ´Ù. ¡°¹é¹®ÀÌ ºÒ¿©ÀÏ°ß¡±À̶ó´Â ¸»ÀÌ ÀÖµíÀÌ Ã¥À¸·Î¸¸ ÀÐ°í ³¡³»´Â °ÍÀÌ ¾Æ´Ï¶ó Á÷Á¢ µû¶ó ¸¸µé¾î¾ß È®½ÇÇÏ°Ô ³» °ÍÀ¸·Î ¸¸µé ¼ö ÀÖ´Ù. ÀÌ Ã¥ÀÇ ¸ðµç ³»¿ëÀ» ¾ÐÃàÇØ ³õÀº ÃÖÁ¾ ÇÁ·ÎÁ§Æ®¸¦ ¿Ï¼ºÇؼ ¼ºÃë°¨À» ¸Àº¸°í ½Ç¹«¿¡¼ ¹Ù·Î ½á¸Ô´Â ÄÚµù ´É·Âµµ Å°¿ö º¸ÀÚ!
--------------------------
´ëÇÐ, Çпø °ÀÇ¿¡ ÃÖÀûÈµÈ ±³Àç!
¸ðµç ¿¹Á¦ ¼Ò½º ÆÄÀÏ ¹«·á Á¦°ø!
--------------------------
ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ¸ðµç ¿¹Á¦ ÆÄÀÏÀº [ÀÌÁö½ºÆÛºí¸®½Ì ȨÆäÀÌÁö ¡æ ÀÚ·á½Ç]¿¡¼ ¹«·á·Î ³»·Á¹ÞÀ» ¼ö ÀÖ´Ù. ¿¹Á¦¸¦ ÇϳªÇϳª Á÷Á¢ ÀÔ·ÂÇØ º¸´Â °Íµµ ÁÁ°í, ¼Ò½º ÆÄÀÏÀ» ³»·Á¹ÞÀº ÈÄ ¿¹Á¦¸¦ ½ÇÇàÇØ °á°ú ȸéÀ» º¸¸é¼ ÀÍÈ÷´Â °Íµµ ÁÁ´Ù. ½Ç½À¿¡ ÇÊ¿äÇÑ Áغñ ÆÄÀÏ°ú ÇÔ²² ¿Ï¼º ÆÄÀϵµ ÇÔ²² Á¦°øµÇ´Ï ÇпøÀ̳ª ´ëÇÐ ±³Àç·Îµµ ÀûÇÕÇÏ´Ù.
[¿¹Á¦ ÆÄÀÏ ´Ù¿î·Îµå : www.easyspub.co.kr ¡æ ÀÚ·á½Ç] µµ¼ °Ë»ö ÈÄ ³»·Á¹Þ±â
--------------------------
1:1 °ú¿Ü¸¦ ¹Þ´Â µíÇÑ
ÀúÀÚ Á÷° µ¿¿µ»ó ¹«·á Á¦°ø!
--------------------------
ÇÁ·Î±×·¡¹Ö °ü·Ã µµ¼¸¦ 60Á¾ ÀÌ»ó ÁýÇÊÇÑ À¥ ºÐ¾ß º£½ºÆ®¼¿·¯ ÀúÀÚÀÇ Á÷° µ¿¿µ»óÀ» ¹«·á·Î Á¦°øÇÑ´Ù. ¿µ»ó°ú Ã¥À» °°ÀÌ º»´Ù¸é Áß°£¿¡ Æ÷±âÇÏÁö ¾Ê°í ³¡±îÁö ½±°Ô °øºÎÇÒ ¼ö ÀÖ´Ù. À¥ °³¹ßÀ» µ¶ÇÐÇÏ·Á´Â »ç¶÷µµ, Çб³¿¡¼ °øºÎÇÑ ³»¿ëÀ» º¹½ÀÇÏ°í ½ÍÀº »ç¶÷µµ ²À ÇÊ¿äÇÑ µ¿¿µ»ó °ÀǸ¦ ³õÄ¡Áö ¸»°í È°¿ëÇÏÀÚ!
--------------------------
ÀÚ½ÅÀÇ °øºÎ ¼Óµµ¿¡ ¸Â´Â ÇнÀ °èȹǥ·Î µ¶Çеµ ¹®Á¦¾ø´Ù!
30ÀÏ Á¤¼® ÄÚ½º, 15ÀÏ ÁýÁß ÄÚ½º ¾È³»!
--------------------------
¹«¾ùÀÌµç ¸ñÇ¥°¡ ÀÖÀ¸¸é ´õ ÈûÂ÷°Ô ´Þ¸± ¼ö ÀÖ´Ù! ÀÌ Ã¥¿¡¼´Â À¥À» °øºÎÇÏ·Á´Â µ¶ÀÚ¸¦ À§ÇÑ ¡®ÇнÀ... °èȹǥ¡¯¸¦ Á¦°øÇÑ´Ù. ÄÚµù ¿ÕÃʺ¸¶ó¸é [30ÀÏ Á¤¼® ÄÚ½º]·Î ±âÃʺÎÅÍ È°¿ë±îÁö Çϳª¾¿ Â÷±ÙÂ÷±Ù ¹è¿ì°í, Á» ´õ ºü¸£°Ô °øºÎÇÏ°í ½ÍÀº µ¶ÀÚ¶ó¸é [15ÀÏ ÁýÁß ÄÚ½º]¿¡ µµÀüÇØ º¸ÀÚ. ÀÚ½ÅÀÌ ¼¼¿î ¸ñÇ¥´ë·Î ÇнÀ °èȹǥ¿¡ Á÷Á¢ ³¯Â¥¸¦ Àû°í ÇÑ ´Þ ¾È¿¡ HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ® °øºÎ¸¦ ³¡³» º¸ÀÚ!
--------------------------
ÇÔ²² ¹è¿ì°í, ³ª´©°í, ¼ºÀåÇÏ´Â
¡®Do it! ½ºÅ͵ð·ë¡¯¿¡¼ ¸¸³ª¿ä!
--------------------------
È¥ÀÚ °øºÎÇÏ´Ù°¡ ±Ã±ÝÇÑ ³»¿ëÀÌ »ý±â°Å³ª °øºÎ¸¦ Æ÷±âÇÏ°í ½ÍÀ» ¶§´Â ¡®Do it! ½ºÅ͵ð·ë¡¯À» È°¿ëÇØ º¸ÀÚ. ÀÌ Ã¥À» °øºÎÇÏ´Â ´Ù¸¥ µ¶ÀÚ¸¦ ¸¸³ª ¼·Î µµ¿òÀ» ÁÖ°í¹ÞÀ¸¸ç ³ª´©´Ù º¸¸é ÈǸ¢ÇÑ °³¹ßÀÚ·Î ¼ºÀåÇÒ ¼ö ÀÖ´Ù. ½ºÅ͵𸦠ÅëÇØ ¼ºÀåÇÏ´Â »ÑµíÇÔÀ» ´À³¥ »Ó ¾Æ´Ï¶ó ÀÌ Ã¥À» ³¡±îÁö Æ÷±âÇÏÁö ¾Ê°í ¸¶Ä¥ ¼ö ÀÖ¾î¼ ´õ¿í ÁÁ´Ù.
[Do it! ½ºÅ͵ð·ë : cafe.naver.com/doitstudyroom]
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
- ÇÁ·±Æ®¿£µå À¥ °³¹ßÀ» ÁغñÇÏ´Â ´ëÇлý
- ÃֽŠÀ¥ Ç¥ÁØ ±â¼úÀ» ¾Ë°í ½ÍÀº À¥ ÆÛºí¸®¼Å
- À¥ °³¹ß ºÐ¾ßµµ Á¤º¹ÇÏ°í ½ÍÀº À¥ µðÀÚÀ̳Ê
- °£´ÜÇÑ À¥ ÆäÀÌÁö¸¦ Á÷Á¢ ¸¸µé°í ½ÍÀº ¿Â¶óÀÎ ¸¶ÄÉÅÍ
- À¥ »çÀÌÆ® â¾÷À» ÁغñÇÏ´Â CEO
-
-
ù°¸¶´ç
À¥ °³¹ß ±âº» ´ÙÁö±â
-----------------
01 À¥ °³¹ß ½ÃÀÛÇϱâ
__01-1 À¥ °³¹ß ¾Ë¾Æº¸±â
__01-2 À¥ °³¹ß, ¾îµð¼ºÎÅÍ ½ÃÀÛÇÒ±î
02 À¥ °³¹ß ȯ°æ ¸¸µé±â
__02-1 À¥ ºê¶ó¿ìÀú¿Í À¥ ÆíÁý±â
__02-2 À¥ °³¹ß ȯ°æ ¼³Á¤Çϱâ
-----------------
µÑ°¸¶´ç
HTML ½ÃÀÛÇϱâ
-----------------
03 HTML ±âº» ¹®¼ ¸¸µé±â
__03-1 HTML°ú ù ¸¸³²
__03-2 HTML ±¸Á¶ ÆľÇÇϱâ
__03-3 HTML ÆÄÀÏ ¸¸µé±â
__03-4 À¥ ¹®¼ ±¸Á¶¸¦ ¸¸µå´Â ½Ã¸Çƽ ű×
04 À¥ ¹®¼¿¡ ´Ù¾çÇÑ ³»¿ë ÀÔ·ÂÇϱâ
__04-1 ÅؽºÆ® ÀÔ·ÂÇϱâ
__04-2 ¸ñ·Ï ¸¸µé±â
__04-3 Ç¥ ¸¸µé±â
__04-4 À̹ÌÁö »ðÀÔÇϱâ
__04-5 ¿Àµð¿À¿Í ºñµð¿À »ðÀÔÇϱâ
__04-6 ÇÏÀÌÆÛ¸µÅ© »ðÀÔÇϱâ
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
05 ÀÔ·Â ¾ç½Ä ÀÛ¼ºÇϱâ
__05-1 Æû »ðÀÔÇϱâ
__05-2 »ç¿ëÀÚ ÀÔ·ÂÀ» À§ÇÑ input ű×
__05-3 input ű×ÀÇ ÁÖ¿ä ¼Ó¼º
__05-4 Æû¿¡¼ »ç¿ëÇÏ´Â ¿©·¯ °¡Áö ű×
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
-----------------
¼Â°¸¶´ç
CSS ´Ù·ç±â
-----------------
06 CSSÀÇ ±âº»
__06-1 À¥ ¹®¼¿¡ µðÀÚÀÎ ÀÔÈ÷±â
__06-2 ½ºÅ¸ÀÏ°ú ½ºÅ¸ÀÏ ½ÃÆ®
__06-3 CSS ±âº» ¼±ÅÃÀÚ ¾Ë¾Æ...º¸±â
__06-4 ij½ºÄÉÀ̵ù ½ºÅ¸ÀÏ ½ÃÆ® ¾Ë¾Æº¸±â
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
07 ÅؽºÆ®¸¦ Ç¥ÇöÇÏ´Â ´Ù¾çÇÑ ½ºÅ¸ÀÏ
__07-1 ±Û²Ã °ü·Ã ½ºÅ¸ÀÏ
__07-2 À¥ ÆùÆ® »ç¿ëÇϱâ
__07-3 ÅؽºÆ® °ü·Ã ½ºÅ¸ÀÏ
__07-4 ¸ñ·Ï ½ºÅ¸ÀÏ
__07-5 Ç¥ ½ºÅ¸ÀÏ
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
08 ·¹À̾ƿôÀ» ±¸¼ºÇÏ´Â CSS ¹Ú½º ¸ðµ¨
__08-1 CSS¿Í ¹Ú½º ¸ðµ¨
__08-2 Å׵θ® ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
__08-3 ¿©¹éÀ» Á¶ÀýÇÏ´Â ¼Ó¼º
__08-4 À¥ ¹®¼ÀÇ ·¹À̾ƿô ¸¸µé±â
__08-5 À¥ ¿ä¼ÒÀÇ À§Ä¡ ÁöÁ¤Çϱâ
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
09 À̹ÌÁö¿Í ±×·¯µ¥ÀÌ¼Ç È¿°ú·Î ¹è°æ ²Ù¹Ì±â
__09-1 ¹è°æ»ö°ú ¹è°æ ¹üÀ§ ÁöÁ¤Çϱâ
__09-2 ¹è°æ À̹ÌÁö ÁöÁ¤Çϱâ
__09-3 ±×·¯µ¥ÀÌ¼Ç È¿°ú·Î ¹è°æ ²Ù¹Ì±â
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
10 CSS °í±Þ ¼±ÅÃÀÚ
__10-1 ¿¬°á ¼±ÅÃÀÚ
__10-2 ¼Ó¼º ¼±ÅÃÀÚ
__10-3 °¡»ó Ŭ·¡½º¿Í °¡»ó ¿ä¼Ò
__ÇÑ´«¿¡ Á¤¸®Çϱâ
__¸¶¹«¸® ¹®Á¦
11 Æ®·£Áö¼Ç°ú ¾Ö´Ï¸ÞÀ̼Ç
__11-1 º¯Çü ¾Ë¾Æº¸±â
__11-2 Æ®·£Áö¼Ç ¾Ë¾Æº¸±â
__11-3 ¾Ö´Ï¸ÞÀÌ¼Ç ¾Ë¾Æº¸±â
ÇÑ´«¿¡ Á¤¸®Çϱâ
¸¶¹«¸® ¹®Á¦
12 ¹ÝÀÀÇü À¥°ú ¹Ìµð¾î Äõ¸®
__12-1 ¹ÝÀÀÇü À¥ ¾Ë¾Æº¸±â
__12-2 ¹Ìµð¾î Äõ¸® ¾Ë¾Æº¸±â
__12-3 ±×¸®µå ·¹À̾ƿô ¾Ë¾Æº¸±â
__12-4 Ç÷º½º ¹Ú½º ·¹À̾ƿô ¾Ë¾Æº¸±â
__12-5 CSS ±×¸®µå ·¹À̾ƿô »ç¿ëÇϱâ
ÇÑ´«¿¡ Á¤¸®Çϱâ
-----------------
³Ý°¸¶´ç
ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ
-----------------
13 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ù ¸¸³²
__13-1 ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¹«¾ùÀ» ÇÒ±î
__13-2 À¥ ºê¶ó¿ìÀú°¡ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸¸³µÀ» ¶§
__13-3 ÀÚ¹Ù½ºÅ©¸³Æ® ¿ë¾î¿Í ±âº» ÀÔÃâ·Â ¹æ¹ý
__13-4 ÀÚ¹Ù½ºÅ©¸³Æ® ½ºÅ¸ÀÏ °¡À̵å
14 ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» ¹®¹ý
__14-1 º¯¼ö ¾Ë¾Æº¸±â
__14-2 ÀÚ·áÇü ÀÌÇØÇϱâ
__14-3 ¿¬»êÀÚ ¾Ë¾Æº¸±â
__14-4 Á¶°Ç¹® ¾Ë¾Æº¸±â
__14-5 ¹Ýº¹¹® ¾Ë¾Æº¸±â
ÇÑ´«¿¡ Á¤¸®Çϱâ
¸¶¹«¸® ¹®Á¦
15 ÇÔ¼ö¿Í À̺¥Æ®
__15-1 ÇÔ¼ö ¾Ë¾Æº¸±â
__15-2 var¸¦ »ç¿ëÇÑ º¯¼öÀÇ Æ¯Â¡
__15-3 let¿Í constÀÇ µîÀå
__15-4 Àç»ç¿ëÇÒ ¼ö ÀÖ´Â ÇÔ¼ö ¸¸µé±â
__15-5 ÇÔ¼ö Ç¥Çö½Ä
__15-6 À̺¥Æ®¿Í À̺¥Æ® 󸮱â
__15-7 DOMÀ» ÀÌ¿ëÇÑ À̺¥Æ® 󸮱â
ÇÑ´«¿¡ Á¤¸®Çϱâ
¸¶¹«¸® ¹®Á¦
16 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °´Ã¼
__16-1 °´Ã¼ ¾Ë¾Æº¸±â
__16-2 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ³»Àå °´Ã¼
__16-3 ºê¶ó¿ìÀú¿Í °ü·ÃµÈ °´Ã¼
ÇÑ´«¿¡ Á¤¸®Çϱâ
¸¶¹«¸® ¹®Á¦
17 ¹®¼ °´Ã¼ ¸ðµ¨(DOM)
__17-1 ¹®¼ °´Ã¼ ¸ðµ¨ ¾Ë¾Æº¸±â
__17-2 DOM ¿ä¼Ò¿¡ Á¢±ÙÇÏ°í ¼Ó¼º °¡Á®¿À±â
__17-3 DOM¿¡¼ À̺¥Æ® ó¸®Çϱâ
__17-4 DOM¿¡¼ ³ëµå Ãß°¡¤ý»èÁ¦Çϱâ
ÇÑ´«¿¡ Á¤¸®Çϱâ
¸¶¹«¸® ¹®Á¦
[PDF Ã¥] ÃÖÁ¾ ÇÁ·ÎÁ§Æ® - À¥ »çÀÌÆ® ¸¸µé±â
ã¾Æº¸±â
-
-
-
|
°í°æÈñ [Àú]
|
|
-
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¿©Á¾ÀÌ ÀÖ´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|