°³¹ßÀÚ ¸À°úÃ¥
2015.08.06 / 17:17

[Do it! ½±°Ô ¹è¿ì´Â À¥¾Û&ÇÏÀ̺긮µå¾Û] - ÀÌÁö½º ÆÛºí¸®½Ì

Á¶È¸ ¼ö 7 Ãßõ ¼ö 637 ¸µÅ©

[Do it! ½±°Ô ¹è¿ì´Â À¥¾Û&ÇÏÀ̺긮µå¾Û] ¿¹Á¦ ÆÄÀÏ




ºñÀü¹®°¡µµ ¾ÛÀ» ¸¸µé ¼ö ÀÖµµ·Ï ÇÏÀ̺긮µå¾ÛÀ» ¸¸µé±â À§ÇØ ¾Ë¾Æ¾ß ÇÒ ¸ðµç ³»¿ëÀÌ ´ã°ÜÀִ å. ÀÌ Ã¥Àº HTML5+CSS3¿Í JQuery ¸ð¹ÙÀÏÀ» ÀÌ¿ëÇÏ¿© ¸ð¹ÙÀÏ À¥À» ¸¸µå´Â ¹æ¹ýºÎÅÍ ±¸±Û Ç÷¹ÀÌ¿Í ¾ÖÇà ¾Û½ºÅä¾î¿¡ µî·ÏÇÏ´Â ¹æ¹ý±îÁö Ä£ÀýÇÏ°Ô ¼³¸íÇÑ´Ù. 

¶ÇÇÑ °¢ ÀåÀÇ ÁÖ¿ä ³»¿ëÀ» »Ì¾Æ ÀúÀÚ Á÷°­ µ¿¿µ»óÀ» ¹«·á·Î Á¦°øÇÑ´Ù´Â ÇýÅõµ ÀÖ´Ù. ÀÌÁ¦ Ãʺ¸ÀÚµµ ÄÄÇ»ÅÍ ÇÑ ´ë¸¸ ÀÖÀ¸¸é ´©±¸³ª ½±°Ô ÇÏÀ̺긮µå¾Û Àü¹®°¡°¡ µÉ ¼ö ÀÖ´Ù. À̹ø °³Á¤ÆÇ¿¡¼­´ÂJQuery ¸ð¹ÙÀÏ°ú Æù°¸(ÄÚ¸£µµ¹Ù)ÀÇ ÃÖ½ÅÆÇÀ» ´Ù·ç¾ú´Ù.

ÀúÀÚ´Â ÇöÁ÷ ´ëÇб³¼öÀÌ¸ç ¾È»ê´ëÇб³ ±³¼öÇнÀÁö¿ø ¼¾ÅÍÀåÀ» ¿ªÀÓÇϸ鼭 ÀÍÈù ´Ù¾çÇÑ ±³¼ö¹ýÀ» Ã¥¿¡ ½ñ¾Æ ºÎ¾ú´Ù. Ã¥¸¸ ºÁµµ ÃæºÐÇÏ°ÚÁö¸¸ ´õ ÆíÇÏ°Ô °øºÎÇÏ°í ½Í´Ù¸é µ¿¿µ»óÀ» µéÀ¸¸ç Ã¥À» º¸´Â °Íµµ ÁÁÀº ¹æ¹ýÀÌ´Ù. EBS ¹æ¼ÛÀ» ÅëÇØ È°µ¿Çß´ø ÀúÀÚÀÇ ¸Å²ô·¯¿î µ¿¿µ»óÀº ´õ¿í ½±°Ô Ã¥ÀÇ ³»¿ëÀ» ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁØ´Ù.


ù°¸¶´ç ¸ð¹ÙÀÏÀ» À§ÇÑ HTML5¿Í CSS3 ±âº»±â ÀÍÈ÷±â

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

÷ºÎÆÄÀÏ
÷ºÎÀ̹ÌÁö
1