ÇÏÀ̺긮µå¾Û Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ÃֽŠ±â¼úÀ» ÇÑ ±Ç¿¡ ´ãÀº [½±°Ô ¹è¿ì´Â À¥¾Û&ÇÏÀ̺긮µå¾Û: ÀÔ¹®Áöµµ]. À̹ø Àü¸é °³Á¤ 2ÆÇ¿¡¼´Â JSONÀ¸·Î ¿öµåÇÁ·¹½º³ª Çø®Ä¿¿¡ ÀÖ´Â µ¥ÀÌÅ͸¦ ¿¬°áÇÏ¿© ½Ç¹«¿ë ÇÏÀ̺긮µå¾ÛÀ» ¸¸µé ¼ö ÀÖµµ·Ï ¸Å½Ã¾÷ È°¿ë ³»¿ëÀ» Ãß°¡ÇÏ´Â µî ÇöÀåÀÇ ¿ä±¸¸¦ Àû±Ø ¹Ý¿µÇÏ¿´´Ù. ½Ç½À ¿¹Á¦¸¦ ÅëÇØ ¾Û Á¦ÀÛ °úÁ¤À» ½±°Ô ÀÌÇØÇÏ°í °¢ À庰·Î ÇнÀÇÑ ³»¿ëÀ» ÀÀ¿ëÇØ º¼ ¼ö ÀÖ´Â ½ÉÈ ¹®Á¦¸¦ ÅëÇØ ÇнÀ ¼º°ú¸¦ ³ôÀÏ ¼ö ÀÖµµ·Ï ÇßÀ¸¸ç, ƯÈ÷, 19Àå¿¡¼´Â JSONÀ¸·Î ¿öµåÇÁ·¹½º¿Í Çø®Ä¿¸¦ ¾Û¿¡ ¿¬°áÇØ DBó·³ »ç¿ëÇÏ´Â ºñ¹ýÀ» °ø°³Çß´Ù.
ù°¸¶´ç
¸ð¹ÙÀÏÀ» À§ÇÑ 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 Æù°¸À¸·Î ÇÏÀ̺긮µå¾ÛÀ» ¾Èµå·ÎÀ̵åÆù¿¡¼ ½ÇÇàÇϱâ
¤ý NodeJS ¼³Ä¡Çϱâ, Æù°¸°ú ÄÚ¸£µµ¹Ù ¼³Ä¡, Æù°¸ µðº§·ÎÆÛ ¾Û(Developer App) ¼³Ä¡¿Í Hello phonegap ¸¸µé±â
¤ý ¾Èµå·ÎÀÌµå ¾Û Á¦ÀÛ - Virtual University ÇÁ·ÎÁ§Æ® ½ÃÀÛ
¤ý SplashScreen, GeoLocation Ç÷¯±×ÀÎ ¼³Ä¡ ¹× ÅÍÄ¡¼Óµµ 300ms UP!
¤ý ¾ÆÀÌÄÜ ¹× ½ÃÀÛÈ¸é ¸®¼Ò½º ÁغñÇϱâ
¤ý ¾Èµå·ÎÀÌµå ³×ÀÌƼºê¾Û ºôµå
¤ý ¾Èµå·ÎÀÌµå ±â±â¿¡¼ ½ÇÇà
18-2 Æù°¸À¸·Î ÇÏÀ̺긮µå¾ÛÀ» ¾ÆÀÌÆù¿¡¼ ½ÇÇàÇϱâ
¤ý iOS °³¹ßÀÚ µî·ÏÇϱâ, Xcode¿Í Command Line Tools ¼³Ä¡, Node.js ¼³Ä¡, Phonegap ¼³Ä¡
¤ý Phonegap Developer App, Phonegap Hello ÇÁ·ÎÁ§Æ®
¤ý Æù°¸°ú Xcode¸¦ »ç¿ëÇÏ¿© ÇÏÀ̺긮µå¾Û Á¦ÀÛÇϱâ
¤ý StatusBar, SplashScreen, GeoLocation Ç÷¯±×ÀÎ ¼³Ä¡ ¹× ÅÍÄ¡¼Óµµ 300ms UP!
¤ý ¾ÆÀÌÄÜ ¹× ½ÃÀÛÈ¸é ¸®¼Ò½º ÁغñÇϱâ
¤ý iOS ³×ÀÌƼºê¾Û ½ÇÇà
¤ý iOS ÀÎÁõ¹Þ±â, ¾Û ID µî·Ï/iOS µð¹ÙÀ̽º µî·Ï/ÇÁ·ÎºñÀú´× ÇÁ·ÎÆÄÀÏ ÁغñÇϱâ
¤ý iOS µð¹ÙÀ̽º¿¡¼ ½ÇÇàÇϱâ, ÇÁ·ÎºñÀú´× ÇÁ·ÎÆÄÀÏ ¹èÆ÷Çϱâ
19 ½ÇÀü ÀÀ¿ë ÇÏÀ̺긮µå¾Û ¸¸µé±â
19-01 JQuery¸¦ ÀÌ¿ëÇÏ¿© JSON »ç¿ëÇϱâ
19-02 Çø®Ä¿¸¦ ÀÌ¿ëÇÑ Æ÷Å佺Ʈ¸² ¾Û ¸¸µé±â
19-03 ¿öµåÇÁ·¹½º¸¦ ÀÌ¿ëÇÑ ÇÏÀ̺긮µå¾Û ¸¸µé±â
ºÎ·Ï¤ýAppendix
01 µå¸²À§¹ö CC¿¡¼ CSS µðÀÚÀÌ³Ê »ç¿ëÇϱâ
02 Æù°¸ µ¥½ºÅ©ÅéÀ¸·Î °á°ú È®ÀÎÇϱâ
03 ¾Èµå·ÎÀ̵å¾Û APK ¹èÆ÷ÆÄÀÏ ¸¸µé±â, ȯ°æ Áغñ
04 Æù°¸(¾ÆÆÄÄ¡ ÄÚ¸£µµ¹Ù) CLI ¼³Ä¡ ¹× ½ÇÇà ½Ã ¿À·ù ¸Þ½ÃÁö ´ëó¹ý