|
½±°Ô ¹è¿ì´Â HTML5&CSS3 ±×¸®°í JavaScript
Á¤°¡ : 35,000¿øÆǸŰ¡ 31,500¿ø (10% ÇÒÀÎ)
Ç°¸ñÁ¤º¸
Ã¥¼Ò°³HTML ű×ÀÇ »ç¿ë¹ýºÎÅÍ HTML5ÀÇ ÁÖ¿äÇÑ Å±׸¦ »ó¼¼È÷ ÇнÀÇÏ°í, CSSÀÇ ±âº» ÀÛ¼º¹ýºÎÅÍ ´Ù¾çÇÑ CSS3ÀÇ »ç¿ë ¿¹½Ã ¹× »ç¿ë¹ý ±×¸®°í CSS¶óÀ̺귯¸® ºÎÆ®½ºÆ®·¦À» ´Ù·é´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ±âº»¹®¹ý°ú ÇÔ¼öÇü ÀÚ¹Ù½ºÅ©¸³Æ®, ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸® jQueryÀÇ ±âº»¹®¹ý, Ajax¿äû, ĵ¹ö½ºÁ¦¾î µîµµ ½¬¿î ¿¹Á¦ºÎÅÍ °í±Þ ¿¹Á¦±îÁö Â÷±ÙÂ÷±Ù ÇнÀÇÏ¸é¼ ÀÍÈ÷ÀÚ. ¸ñÂ÷Chapter 1 HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °³¿ä Section 01. HTML5, CSS3, JavaScript¸¦ ¾Ë¾Æº¸ÀÚ ! Section 02. HTML5, CSS3, JavaScript´Â ´Ù¾çÇÑ °÷¿¡ ¾²Àδ٠(1) À¥ »çÀÌÆ® ÀÛ¼º (2) »ç¹° ÀÎÅÍ³Ý ±¸Çö (3) °ÔÀÓ ÀÛ¼º (4) ÀΰøÁö´É ÇÁ·Î±×·¡¹Ö ÇнÀÁ¤¸® Chapter 2 Äڵ带 ÀÛ¼ºÇÏ°í ½ÇÇàÇÏ´Â °³¹ß ȯ°æ ¼³Á¤ Section 01. ÀÚ¹Ù, ÅèĹ, ÀÌŬ¸³½º ±â¹ÝÀÇ À¥ °³¹ß ȯ°æ (1) JDK(Java Development Kit) ´Ù¿î·Îµå, ¼³Ä¡ ¹× ȯ°æ º¯¼ö ¼³Á¤ (2) À¥ ÄÁÅ×ÀÌ³Ê ÅèĹ(Tomcat) ´Ù¿î·Îµå, ¼³Ä¡ ¹× ȯ°æ º¯¼ö ¼³Á¤ (3) ÅëÇÕ°³¹ß ȯ°æ ÀÌŬ¸³½º(Eclipse) ´Ù¿î·Îµå, ¼³Ä¡ ¹× ½ÇÇà (4) ÀÌŬ¸³½º¿¡¼ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ÀÛ¼º Section 02. Ŭ¶ó¿ìµå ±â¹ÝÀÇ ÄÚµå ÇнÀ ¹× Å×½ºÆ® »çÀÌÆ®¸¦ »ç¿ëÇÑ À¥ ÇÁ·Î±×·¡¹Ö (1) w3schools.com (2) jsbin.com ÇнÀÁ¤¸® Chapter 3 ¹®¼¸¦ ±¸Á¶ÈÇÏ´Â HTML Section 01. HTML °³¿ä ¹× ±âº» ÅÂ±× (1) HTML °³¿ä (2) HTML ±âº» ÅÂ±× Section 02. HTML5 ¹®¼ ±¸Á¶ ¹× ÁÖ¿ä ÅÂ±× (1) HTML5 ¹®¼ ±¸Á¶ (2) HTML5 ÁÖ¿ä ÅÂ±×¿Í ¼Ó¼º ÇнÀÁ¤¸® Chapter 4 ű׸¦ Ç¥ÇöÇÏ´Â CSS¿Í Advanced CSS(CSS3) Section 01. CSS °³¿ä ¹× CSS ±âº» »ç¿ë¹ý (1) CSS °³¿ä (2) CSS ±âº» »ç¿ë¹ý Section 02. CSSÀÇ ÁÖ¿ä ¼Ó¼º°ú °ª (1) »ö»ó°ú ¹è°æ(Colors and Backgrounds) ÁöÁ¤ (2) ÆùÆ®(Fonts) ÁöÁ¤ (3) ÅؽºÆ®(Text) ÁöÁ¤ (4) Å×À̺í(Table) ÁöÁ¤ (5) Å׵θ®(Border) ÁöÁ¤ (6) ¹Ú½º ¸ðµ¨(Box mode) ÁöÁ¤ (7) °¡½Ã¼º(Visibility)°ú À§Ä¡(Positioning) ÁöÁ¤ Section 03. ¹Ìµð¾î Äõ¸®(Media Query) (1) ¹Ìµð¾î Äõ¸®ÀÇ °³¿ä (2) ¹Ìµð¾î Äõ¸® »ç¿ë ¹æ¹ý Section 04. Advanced CSS(CSS3)ÀÇ Ãß°¡±â´É (1) Advanced CSS °³¿ä (2) Å׵θ®¿Í ¹è°æ : border-radius, box-shadow, background-image, background-size (3) ÅؽºÆ® È¿°ú : text-shadow (4) ±×·¡µð¾ðÆ® : linear-gradient, radial-gradient (5) Æ®·£½º Æû : transform (6) Æ®·£Áö¼Ç : transition (7) ¾Ö´Ï¸ÞÀÌ¼Ç : @keyframes, animation (8) ÇÊÅÍ : filter (9) À̹ÌÁö ½ºÅ¸ÀÏ : °¢Á¾ ±â´ÉÀ» »ç¿ëÇÑ À̹ÌÁö Ç¥Çö (10) À¥ ÆùÆ® : @font-face (11) ´Ù´Ü : column-count, column-width Section 05. ºÎÆ®½ºÆ®·¦(Bootstrap) (1) »ç¿ë¹ý°ú ±âº» ±â´É (2) ÁÖ¿ä±â´É ÇнÀÁ¤¸® Chapter 5 µ¿ÀÛÀ» ó¸®ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®(JavaScript)¿Í Á¦ÀÌÄõ¸®(jQuery) ¶óÀ̺귯¸® Section 01. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °³¿ä (1) ÀÚ¹Ù½ºÅ©¸³Æ®¶õ? (2) ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ë ¹æ¹ý (3) ÀÚ¹Ù ½ºÅ©¸³Æ®ÀÇ ¹®Àå ±¸Á¶ (4) µ¥ÀÌÅÍŸÀÔ (5) ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö ±Ç°í»çÇ× Section 02. Á¦¾î¹® (1) Á¶°Ç¹® (2) ¹Ýº¹¹® (3) ±âŸ Á¦¾î¹® Section 03. ÇÔ¼ö¿Í °´Ã¼ (1) ÇÔ¼ö°³¿ä¿Í ³»ÀåÇÔ¼ö (2) »ç¿ëÀÚ Á¤ÀÇ ÇÔ¼ö (3) Ŭ·ÎÀú (4) °´Ã¼ Section 04. Á¦ÀÌÄõ¸®¸¦ »ç¿ëÇÑ ÅÂ±× Á¦¾î¿Í Ajax (1) °³¿ä (2) Á¦ÀÌÄõ¸® ±âº» »ç¿ë¹ý (3) HTML ¿¤¸®¸ÕÆ® ³»¿ë¿¡ Á¢±ÙÇϱâ (4) Á¦ÀÌÄõ¸® À̺¥Æ® ó¸® (5) Á¦ÀÌÄõ¸® Ajax ÇнÀÁ¤¸® Chapter 6 ¾Ö´Ï¸ÞÀ̼ÇÀ» ¸¸µå´Â ĵ¹ö½º(Canvas) Section 01. ÀÚ¹Ù½ºÅ©¸³Æ®·Î Canvas Á¦¾î (1) HTML5 ĵ¹ö½ºÀÇ »ç¿ë¹ý (2) ĵ¹ö½º Á¦¾îÇϱâ (3) µµÇü, ¹®ÀÚ¿, À̹ÌÁö ±×¸®±â Section 02. ĵ¹ö½º¸¦ »ç¿ëÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç (1) ĵ¹ö½º¿¡¼ ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÏ´Â ¼ø¼ (2) ¾Ö´Ï¸ÞÀÌ¼Ç Á¦¾î ÇнÀÁ¤¸® Chapter 7 ¹º°¡ ¸¸µé¾î º¸ÁÒ!(¹ÝÀÀÇü À¥ »çÀÌÆ® ¸¸µé±â) Section 01. ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼³°è (1) À¥ ¾ÛÀÇ ±¸Á¶µµ ÀÛ¼º (2) ÇÊ¿ä ÆäÀÌÁö ¸í¼¼¼ Section 02. ÇÁ·ÎÁ§Æ® ÀÛ¼º (1) À¥ ¾Û ÇÁ·ÎÁ§Æ® ÀÛ¼º ¹× ±¸Á¶ »ý¼º (2) HTML5 º¸ÀÏ·¯ Ç÷¹ÀÌÆ®¸¦ »ç¿ëÇÑ ¹ÝÀÀÇü À¥ »çÀÌÆ® ÅÛÇø´ »ç¿ë (3) ÇÊ¿ä ÆäÀÌÁö ÀÛ¼º Section 03. ½ÇÇà ¹× ¹èÆ÷Çϱâ (1) À¥ ¾Û ½ÇÇàÇϱâ (2) À¥ ¾Û ¹èÆ÷ ÇнÀÁ¤¸®
(°³)
1. ¹è¼Û
¹è¼ÛÀº ´çÀÏ ¿ÀÈÄ 4½ÃÀÌÀü(Åä¿äÀÏÀº ¿ÀÈÄ12½Ã)¿¡ ÁÖ¹®¹× °áÀ縦 ÇÏ½Ã¸é ´çÀϹè¼ÛµË´Ï´Ù. ¹è¼ÛÀº ÁÖ¹® ÈÄ °áÀç¿Ï·áÀÏÀ» ±âÁØÀ¸·Î 1~2ÀÏ ¾È¿¡ ¹è¼Û¿Ï·á¸¦ ¿øÄ¢À¸·Î ÇÏ°í ÀÖ½À´Ï´Ù. ´Ù¸¸ ºÎµæÀÌÇÑ °æ¿ì(ÇØ´ç»óÇ°ÀÇ Ç°Àý ¹× ÀýÆÇ) °í°´´Ô²² Àüȸ¦ µå·Á¼ 󸮸¦ ÇÕ´Ï´Ù. 2. ¹è¼Û·á ¹è¼Û·á´Â 25,000¿ø ÀÌ»óÀÌ °æ¿ì À̱×ÀëÇ÷¯½º¿¡¼ ºÎ´ãÇÏ°í, ¹Ì¸¸ÀÏ °æ¿ì °í°´ÀÌ 2,500¿øÀ» ºÎ´ãÇÕ´Ï´Ù. ´Ù¸¸ ±¸¸Å±Ý¾×ÀÌ 25,000¿ø ÀÌ»óÀε¥ Àû¸³±Ý µîÀ» »ç¿ëÇÏ¿© ½ÇÁ¦ °áÀç±Ý¾×ÀÌ 25,000¿ø ¹Ì¸¸ÀÌ µÇ´õ¶óµµ À̱×ÀëÇ÷¯½º¿¡¼ ¹è¼Û·á¸¦ ºÎ´ãÇÏ°í, Á¦ÁÖ¸¦ Á¦¿ÜÇÑ µµ¼Áö¿ªÀÇ °æ¿ì´Â 5,000¿øÀÌ Ãß°¡µË´Ï´Ù. Çؿܹè¼ÛÀº Àü¾× °í°´ºÎ´ãÀÌ µË´Ï´Ù. 5. ¹ÝÇ°/±³È¯
¹ÞÀ¸½Å ³¯ ºÎÅÍ ÀÏÁÖÀÏ À̳» ¹ÝÇ°/±³È¯ÀÌ °¡´ÉÇϽʴϴÙ. ½Ã°£ÀÌ Áö³ª¸é 󸮰¡ ºÒ°¡ÇÔÀ» ¾Ë·Á µå¸³´Ï´Ù. ´Ù¸¸ ÁÖ¹®ÇϽŠ»óÇ°°ú ´Ù¸¥ »óÇ°ÀÌ ¹è¼ÛµÇ°Å³ª Æĺ», ³«ÀåÀÌ ÀÖ´Â µµ¼ÀÇ °æ¿ì ÀÌ¿ë¾à°ü¿¡ ÁØÇÏ¿© À̱×ÀëÇ÷¯½ºÀÇ ºñ¿ëÀ¸·Î ±³È¯, ¹ÝÇ° ¹× ȯºÒ µîÀ» Çص帳´Ï´Ù. 4. ȯºÒ ¹ÞÀ¸½Å ³¯ºÎÅÍ 2ÀÏ À̳»·Î Àüȳª 1:1 °Ô½Ã±Û·Î Àû¾îÁÖ¼Å¾ß °¡´ÉÇϽʴϴÙ. 5. ÁÖÀÇ °í°´´Ô º¯½ÉÀ¸·Î ÀÎÇÑ ±³È¯/¹ÝÇ°/ȯºÒ °í°´´Ô²²¼ Åùèºñ(¿Õº¹Åùèºñ)¸¦ ºÎ´ãÀÌ µÇ´Ï ÀÌÁ¡ À¯ÀÇÇØ ÁֽʽÿÀ. ¶ÇÇÑ °ÀÇÅ×ÀÙ/¾ãÀº¹®Á¦Áý/ºñ´ÒÆ÷ÀåµÈÁ¦Ç°µîÀº Çѹø ±¸¸ÅÇÏ½Ã¸é ±³È¯/¹ÝÇ°/ȯºÒÀÌ ÀüÇô ¾ÈµË´Ï´Ù. ½ÅÁßÈ÷ »ý°¢Çϼż ±¸¸Å ºÎŹµå¸³´Ï´Ù. ´Ù¸¸ ºÒ·®Å×ÀÙÀÇ °æ¿ì ±× ºÒ·®ÀÌ µÈ °³º°Å×ÀÙÀ» À̱×ÀëÇ÷¯½ºÀÇ ºñ¿ëÀ¸·Î A/S¸¦ Çص帳´Ï´Ù. 6. ÁÖ¹®Ãë¼Ò, ±³È¯, ¹ÝÇ° ¹× ȯºÒÀº ´çÀÏ 3½Ã ÀÌÀü¿¡ ÇØÁÖ¼Å¾ß °¡´ÉÇÕ´Ï´Ù. ±× ÀÌÈÄ´Â ¹è¼Û µî¿¡ µû¸¥ Á¦ºñ¿ëÀ» ºÎ´ãÇÏ¼Å¾ß ÇÕ´Ï´Ù.
|
|
||||||||
|
||||||||
|
||||||||
* »óÇ°»çÀÌÁî Ä¡¼ö´Â Àç´Â ¹æ¹ý°ú À§Ä¡¿¡ µû¶ó 1~3cm ¿ÀÂ÷°¡ ÀÖÀ» ¼ö ÀÖ½À´Ï´Ù.