[Do it! ½±°Ô ¹è¿ì´Â À¥¾Û&ÇÏÀ̺긮µå¾Û] - ÀÌÁö½º ÆÛºí¸®½Ì
[Do it! ½±°Ô ¹è¿ì´Â À¥¾Û&ÇÏÀ̺긮µå¾Û] ¿¹Á¦ ÆÄÀÏ
ù°¸¶´ç ¸ð¹ÙÀÏÀ» À§ÇÑ HTML5¿Í CSS3 ±âº»±â ÀÍÈ÷±â
¶ÇÇÑ °¢ ÀåÀÇ ÁÖ¿ä ³»¿ëÀ» »Ì¾Æ ÀúÀÚ Á÷° µ¿¿µ»óÀ» ¹«·á·Î Á¦°øÇÑ´Ù´Â ÇýÅõµ ÀÖ´Ù. ÀÌÁ¦ Ãʺ¸ÀÚµµ ÄÄÇ»ÅÍ ÇÑ ´ë¸¸ ÀÖÀ¸¸é ´©±¸³ª ½±°Ô ÇÏÀ̺긮µå¾Û Àü¹®°¡°¡ µÉ ¼ö ÀÖ´Ù. À̹ø °³Á¤ÆÇ¿¡¼´ÂJQuery ¸ð¹ÙÀÏ°ú Æù°¸(ÄÚ¸£µµ¹Ù)ÀÇ ÃÖ½ÅÆÇÀ» ´Ù·ç¾ú´Ù.
ÀúÀÚ´Â ÇöÁ÷ ´ëÇб³¼öÀÌ¸ç ¾È»ê´ëÇб³ ±³¼öÇнÀÁö¿ø ¼¾ÅÍÀåÀ» ¿ªÀÓÇÏ¸é¼ ÀÍÈù ´Ù¾çÇÑ ±³¼ö¹ýÀ» Ã¥¿¡ ½ñ¾Æ ºÎ¾ú´Ù. Ã¥¸¸ ºÁµµ ÃæºÐÇÏ°ÚÁö¸¸ ´õ ÆíÇÏ°Ô °øºÎÇÏ°í ½Í´Ù¸é µ¿¿µ»óÀ» µéÀ¸¸ç Ã¥À» º¸´Â °Íµµ ÁÁÀº ¹æ¹ýÀÌ´Ù. EBS ¹æ¼ÛÀ» ÅëÇØ È°µ¿Çß´ø ÀúÀÚÀÇ ¸Å²ô·¯¿î µ¿¿µ»óÀº ´õ¿í ½±°Ô Ã¥ÀÇ ³»¿ëÀ» ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁØ´Ù.
01 À¥ Ç¥ÁØ, ¸ð¹ÙÀÏ È¯°æÀÇ ÀÌÇØ
01-1 À¥ Ç¥ÁØÀÇ ±âº» Áö½Ä
01-2 À¥¾Û, ³×ÀÌƼºê¾Û, ÇÏÀ̺긮µå¾Û
02 ÀÛ¾÷ ȯ°æ ÁغñÇϱâ
02-1 °³¹ß Åø ÁغñÇϱâ
02-2 ºê¶ó¿ìÀú / ¿¡¹Ä·¹ÀÌÅÍ / À¥ ¼¹ö ÁغñÇϱâ
02-3 Hello World ¿¹Á¦ ¸¸µé¾î º¸±â
03 HTML5 ½Ã¸Çƽ ¸¶Å©¾÷ ÀÌ·Ð ÀÍÈ÷±â
03-1 ½Ã¸Çƽ ¸¶Å©¾÷ °³³ä ¾Ë¾Æº¸±â
03-2 ±âº»ÀûÀÎ HTML5 ¸¶Å©¾÷ »ç¿ë¹ý
03-3 W3C HTML À¥ Ç¥ÁØ ÀÎÁõ¹Þ±â
04 CSS3 ±âº» ±â´É ÀÍÈ÷±â
04-1 ·¹À̾ƿô ÀÛ¾÷ ¼ø¼
04-2 ÀζóÀÎ ½ºÅ¸ÀÏ, ³»ºÎ ½ºÅ¸ÀÏ ½ÃÆ®,¿ÜºÎ ½ºÅ¸ÀÏ ½ÃÆ® »ç¿ë¹ý
04-3 »ó¼Ó °³³ä ¾Ë¾Æº¸±â
05 CSS3 °í±Þ ±â´É ÀÍÈ÷±â
05-1 ¼±ÅÃÀÚ¸¦ Àß ¾Ë¾Æ¾ß ÇÏ´Â ÀÌÀ¯
05-2 ÅÂ±× ¼±ÅÃÀÚ
05-3 Ŭ·¡½º ¼±ÅÃÀÚ
05-4 ¾ÆÀ̵𠼱ÅÃÀÚ
05-5 ÇÏÀ§ ¼±ÅÃÀÚ
05-6 ±×·ì ¼±ÅÃÀÚ
05-7 Àüü ¼±ÅÃÀÚ
05-8 ÇÏÀÌÆÛ¸µÅ© »ç¿ë¹ý : ¾ÞÄ¿ À¯»ç Ŭ·¡½º ¼±ÅÃÀÚ
06 CSS3 ÁÂÇ¥°è »ç¿ë¹ý ÀÍÈ÷±â
06-1 ·¹À̾ƿô À§Ä¡ °³³ä ¾Ë¾Æº¸±â
06-2 ÄÁÅ×ÀÌ³Ê ¾È¿¡¼ ÀÚÀ¯·Ó°Ô À§Ä¡ Àâ±â
06-3 CSS3 ´ÜÀ§ ÀÌÇØÇϱâ
06-4 BOX(»óÀÚ) ¸ðµ¨À» ÀÌ¿ëÇÑ À§Ä¡ Àâ±â
07 CSS3 ·¹À̾ƿô »ç¿ë¹ý ÀÍÈ÷±â
07-1 float »ç¿ë¹ý
07-2 clear »ç¿ë¹ý
07-3 ¿©·¯ °³ÀÇ ¿ ·¹À̾ƿô ¸¸µé±â
µÑ°¸¶´ç ¹Ìµð¾îÄõ¸®¿Í Á¦ÀÌÄõ¸® ¸ð¹ÙÀÏ·Î ¸ð¹ÙÀÏ UI µðÀÚÀÎÇϱâ
08 ¹ÝÀÀÇü À¥ µðÀÚÀÎÇϱâ
08-1 ¿øÇÏ´Â ±Û²ÃÀ» ¸¶À½²¯! À¥ ÆùÆ® »ç¿ëÇϱâ
08-2 ¹ÝÀÀÇü À¥ µðÀÚÀÎ ÁغñÇϱâ
08-3 ½ÇÀü¿¡¼ ¹Ìµð¾î Äõ¸® ÀÀ¿ëÇϱâ
09 ½º¸¶Æ®Æù UI ±â¹ý ÀÍÈ÷±â
09-1 ¸ð¹ÙÀÏ UI ÇÁ·¹ÀÓ¿öÅ©
09-2 JQuery MobileÀ» ¹è¿öº¸ÀÚ
09-3 JQuery Mobile·Î ½º¸¶Æ®Æù UI¸¦ ½ÃÀÛÇÏÀÚ
09-4 È¸é ±¸¼ºÀ» À§ÇÑ UI ÀÛ¼ºÇϱâ
10 ½º¸¶Æ®Æù ÆäÀÌÁö Àüȯ È¿°ú ÀÍÈ÷±â
10-1 ¸ñ·Ï ¸¸µé±â
10-2 ´Ù¾çÇÑ ÆäÀÌÁö ¸µÅ© ¿¬°á
¼Â°¸¶´ç ½ÇÀü! Á÷Á¢ ¸¸µå´Â ¸ð¹ÙÀÏ À¥ ÇÁ·ÎÁ§Æ®
11 ¾ÆÀÌÄÜ ¸Þ´º ÆäÀÌÁö ¸¸µé±â ÀÀ¿ë
11-1 À¥¾Û ÇÁ·ÎÁ§Æ® ±âȹ
11-2 ¸ÞÀÎ ÆäÀÌÁö ¸¸µé±â
12 ³»ºñ°ÔÀÌ¼Ç ¸Þ´º ¸¸µé±â ÀÀ¿ë
12-1 Åø¹Ù ±âº» »ç¿ë¹ý ÀÍÈ÷±â
12-2 Fotorama »ç¿ë¹ý ÀÍÈ÷±â
12-3 Ä·ÆÛ½º À̹ÌÁö ÆäÀÌÁö ¸¸µé±â
13 ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ÀÍÈ÷±â
13-1 HTML5 ½Ã´ë¿¡ ¶°¿À¸£´Â ¾ð¾î ÀÚ¹Ù½ºÅ©¸³Æ®
13-2 ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î·Î ÇÁ·Î±×·¡¹Ö ±âÃÊ ¹è¿ì±â
13-3 JQuery·Î ÃֽŠ½ºÅ¸ÀÏ ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ¹è¿ì±â
14 À̹ÌÁö Àüȯ È¿°ú ¸¸µé±â
14-1 CSS3 Æ®·£Áö¼ÇÀ¸·Î ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú ¸¸µé±â
14-2 ´ëÇб³ ¼Ò°³ ÆäÀÌÁö ¸¸µé±â
14-3 ÀÚ¹Ù½ºÅ©¸³Æ® JQuery·Î ÅÍÄ¡ ±â´É »ý¸í ºÒ¾î³Ö±â
15 µ¿¿µ»ó ¿¬°áÇϱâ
15-1 HTML5·Î µ¿¿µ»ó ¿¬°áÇϱâ
15-2 VideoJS¸¦ ÀÌ¿ëÇÏ¿© ¼¼·ÃµÈ µ¿¿µ»ó Ç÷¹ÀÌ¾î ¸¸µé±â
16 Áöµµ¿¡ ³» À§Ä¡ Ç¥½ÃÇϱâ
16-1 ±¸±Û ¸ÊÀ» Ç¥½ÃÇϱâ
16-2 ÇöÀç ³» À§Ä¡¸¦ ã¾Æº¸±â
16-3 Ä·ÆÛ½º ¸Ê ¿Ï¼ºÇϱâ
³Ý°¸¶´ç À¥¾Û & ÇÏÀ̺긮µå¾Û ¸¸µé±â
17 ¹«·á FTP ¼¹ö µî·Ï ¹× ¹èÆ÷Çϱâ
17-1 ¹«·á FTP ¼¹ö¿¡ ¹èÆ÷Çϱâ
17-2 ³×ÀÌƼºê¾Û °°Àº À¥¾Û ¸¸µé±â
18 Æù°¸À» »ç¿ëÇÏ¿© ÇÏÀ̺긮µå¾Û ¸¸µé±â
18-1 Æù°¸À¸·Î ÇÏÀ̺긮µå¾ÛÀ» ¾Èµå·ÎÀ̵åÆù¿¡¼ ½ÇÇàÇϱâ
18-2 Æù°¸À¸·Î ÇÏÀ̺긮µå¾ÛÀ» ¾ÆÀÌÆù¿¡¼ ½ÇÇàÇϱâ
19 ±¸±Û Ç÷¹ÀÌ¿Í ¾ÖÇà ¾Û½ºÅä¾î¿¡ ¿Ã¸®±â
19-1 ±¸±Û Ç÷¹ÀÌ¿¡ ¿Ã¸®±â
19-2 ¾ÖÇà ¾Û½ºÅä¾î¿¡ ¿Ã¸®±â
ºÎ·Ï ¾Èµå·ÎÀ̵åÆù ¿¡¹Ä·¹ÀÌÅÍ /CSS µðÀÚÀ̳Ê/Chorme To Mobile
01 ¾Èµå·ÎÀ̵åÆù ¿¡¹Ä·¹ÀÌÅÍ ¼³Ä¡Çϱâ
02 µå¸²À§¹ö CC¿¡¼ CSS µðÀÚÀÌ³Ê »ç¿ëÇϱâ
03 Chrome To Mobile »ç¿ë¹ý
'Do it! ½±°Ô ¹è¿ì´Â À¥¾Û&ÇÏÀ̺긮µå¾Û' Ã¥ÀÇ
Àüü ¿¹Á¦ ÆÄÀÏÀ» ´Ù¿î¹Þ°í ½Í´Ù¸é ¾Æ·¡ ¸µÅ©¸¦ Ŭ¸¯Çϼ¼¿ä^^
[Àüü ¿¹Á¦ ÆÄÀÏ ´Ù¿î·Îµå(µ¿¿µ»ó »ùÇÃÀº Æ÷ÇԵǾîÀÖÁö ¾ÊÀ½ : 29MB)]
webapp-book-examples.zip ¢º http://x.co/wnJf
[µ¿¿µ»ó »ùÇà ÆÄÀÏ ´Ù¿î·Îµå(28MB)]
webapp-video-examples.zip ¢º http://x.co/wnJl
5¼â °³Á¤ ³»¿ë ¾È³»: http://www.easyspub.com/1182
8