|
|
|
¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀÇ Á¤¼® : ÇѱÇÀ¸·Î ³¡³»´Â À¥ °³¹ß ±³°ú¼
|
|
|
Do it! ½Ã¸®Áî1
¤Ó °í°æÈñ
¤Ó
ÀÌÁö½ºÆÛºí¸®½Ì
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
ÇÑ ±ÇÀ¸·Î ³¡³»´Â
¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® À¥ °³¹ß ±³°ú¼!
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ðµç °ÍÀ» ÇÑ ¹ø¿¡ °øºÎÇÒ ¼ö Àִ åÀÌ ³ª¿Ô´Ù! Ãâ°£ÇÑ ÈÄ À¥ ºÐ¾ß µµ¼ 1À§¸¦ ²ÙÁØÈ÷ ÁöÅ°°í ÀÖ´Â ¡¶Do it! HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®¡·ÀÇ °í°æÈñ ÀúÀÚ´Â ¡®ÀÌÁ¦ ÀÚ¹Ù½ºÅ©¸³Æ®´Â À¥, ¼¹ö, ¾Û±îÁö ¾È ¾²´Â °÷ÀÌ ¾ø´Â ¾ð¾î°¡ µÇ¾úÀ¸´Ï Á¦´ë·Î ¾Ë·Á ÁÖ°í ½Í´Ù¡¯´Â »ý°¢À¸·Î ÀÌ Ã¥À» ÁýÇÊÇß´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¸ð¸£´Â ÀÔ¹®ÀÚºÎÅÍ Áö±Ýµµ ÀÚ¹Ù½ºÅ©¸³Æ®·Î ÄÚµùÀ» ÇÏ°í ÀÖ´Â °³¹ßÀÚ±îÁö ¸ðµÎ¿¡°Ô µµ¿òÀÌ µÉ ¼ö ÀÖµµ·Ï ÃֽŠ¹®¹ýºÎÅÍ ´Ù¾çÇÑ API¸¦ È°¿ëÇÏ´Â ¹æ¹ý±îÁö ´ã¾Æ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±³°ú¼¶ó ÇÒ ¼ö Àִ åÀ¸·Î ¿Ï¼ºÇß´Ù. ¸ðµç ³»¿ëÀº µ¶ÀÚ°¡ Á÷Á¢ Çغ¸¸ç ¹è¿ï ¼ö ÀÖµµ·Ï ¿¹Á¦¸¦ Ç®¸é¼ ¾Ë¾Æº»´Ù.
ÇÁ·±Æ®¿£µåµç ¹é¿£µåµç »ó°ü¾øÀÌ ¸ðµç À¥ ºÐ¾ßÀÇ »Ñ¸®´Â ÀÚ¹Ù½ºÅ©¸³Æ®´Ù. À¥ ºÐ¾ß¿¡¼ ÇÁ·Î±×·¡¹Ö ½Ç·ÂÀ» Á¦´ë·Î Å°¿ì°í ½ÍÀº ¸ðµç ºÐ¿¡°Ô µµ¿òÀÌ µÉ Ã¥ÀÌ´Ù.
-
-
¡°¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ðµç °ÍÀ» ÇÑ ±Ç¿¡!¡±
ÃֽŠ¹®¹ýºÎÅÍ ³×À̹ö¤ýÄ«Ä«¿À API¸¦ È°¿ëÇÑ ½Ç¹«±îÁö ´Ù ´ã¾Ò´Ù
ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÀÌÁ¦ À¥ºÎÅÍ ¼¹ö, ¾Û¿¡ À̸£±â±îÁö ¾²Áö ¾Ê´Â °÷ÀÌ ¾ø´Â ¾ð¾î°¡ µÇ¾ú´Ù. À¥ °³¹ß¿¡ ÀÔ¹®ÇÏ¸é¼ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âÃʸ¸ °¡º±°Ô °øºÎÇß´Ù¸é ½ÇÀü¿¡ ¶Ù¾îµé¾úÀ» ¶§ ³Ê¹«³ªµµ ³ÐÀº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¼¼°è¿¡ ´çȲÇÒ °ÍÀÌ´Ù. ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¾îµð¼ºÎÅÍ °øºÎÇØ¾ß ÇÒÁö ¸ô¶ó Çì¸Å´Â µ¶ÀÚ¸¦ À§ÇØ ÁغñÇß´Ù. ÀÌ Ã¥ ÇÑ ±Ç¸¸ Á¦´ë·Î ÀÐÀ¸¸é ÃֽŠ¹®¹ýºÎÅÍ API È°¿ë±îÁö Áö±Ý ¾Ë¾Æ¾ß ÇÒ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ðµç °ÍÀ» ´ëºÎºÐ ¹è¿ï ¼ö ÀÖ´Ù.
¡°ÇÁ·±Æ®¿£µå¤ý¹é¿£µå °³¹ßÀÚ ¸ðµÎÀÇ Çʵ¶¼!¡±
ÀÔ¹®ÀÚºÎÅÍ ¼÷·ÃµÈ °³¹ßÀÚ±îÁö ´©°¡ ºÁµµ µµ¿òÀÌ µÇ´Â Ã¥
ÀÚ¹Ù½ºÅ©¸³Æ®´Â Çظ¶´Ù ¾÷±×·¹À̵åµÇ¸é¼ »õ·Î¿î ±â´ÉÀÌ °è¼Ó Ãß°¡µÈ´Ù. ±×Áß ÇÙ½É ±â´ÉÀ» µÉ ¼ö ÀÖ´Â ÇÑ ¸¹ÀÌ ´ã¾Ò´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®°¡ óÀ½À̶ó¸é ÀÌ Ã¥ÀÇ Ã³À½ºÎÅÍ ³¡±îÁö Â÷±ÙÂ÷±Ù °øºÎÇØ º¸ÀÚ. ±âº» ¹®¹ýÀ» ¾È´Ù¸é ¾ÕºÎºÐÀº ÇÊ¿äÇÑ ¸¸Å¸¸ »ìÆ캸°í, ¡®¼Â°¸¶´ç. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °´Ã¼¡¯ºÎÅÍ ÁýÁßÇؼ ÀÐ¾î º¸ÀÚ. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÈξÀ ±íÀÌ ÀÌÇØÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ECMAScript2015(ES6) ÀÌÈÄ¿¡ Ãß°¡µÈ ÃֽŠ¹®¹ýµµ ¹è¿ï ¼ö ÀÖ´Ù. ¸®¾×Æ®(React.js)µç ³ëµå(Node.js)µç ¸ðµç À¥ °³¹ßÀÇ »Ñ¸®ÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ źźÇÏ°Ô ´ÙÁ® º¸ÀÚ.
¡°ÇÁ·Î±×·¡¹Ö, Á÷Á¢ Çغ¸¸ç ¹è¿ìÀÚ!¡±
¡®Do it! ½Ã¸®Á¸¸ÀÇ È¿°úÀûÀÎ ÇнÀ ¼³°è¸¦ üÇèÇØ º¸ÀÚ
ÇÁ·Î±×·¡¹ÖÀº Á÷Á¢ ½ÇõÇÏ¸é¼ ¹è¿ì´Â °Ô °¡Àå È¿°úÀûÀÎ ÇнÀ ¹æ¹ýÀÌ´Ù. ±âº» ¹®¹ýºÎÅÍ °£´ÜÇÑ ¿¹Á¦¿Í ¡®1ºÐ º¹½À¡¯À¸·Î ÀÚ¼¼È÷ ¾Ë¾Æº»´Ù. ½ÇÀü ¿¹Á¦ÀÎ ¡®Do it! ½Ç½À¡¯¿¡¼´Â ÄÚµùÀ» ½ÃÀÛÇϱâ Àü¿¡ ÇÁ·Î±×·¥À» ¾î¶»°Ô °³¹ßÇÒÁö °í¹ÎÇÏ¸ç °³¹ßÀÚ°¡ °®Ãç¾ß ÇÒ »ç°í·ÂÀ» ±â¸¥´Ù. °¢ Àå ¸¶Áö¸·¿¡ ÀÖ´Â ¡®¸¶¹«¸® ¹®Á¦¡¯¿¡ µµÀüÇϸé ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ´Ù¾çÇÑ ¹®¹ýÀ» ÀÚÀ¯·Ó°Ô È°¿ëÇÒ ¼ö ÀÖ´Â ÀÀ¿ë·Â±îÁö Å°¿ï ¼ö ÀÖ´Ù.
¡°À¥ ºÐ¾ß 1À§ ÀúÀÚ¿Í ÇÔ²² °øºÎÇÏÀÚ!¡±
ÀúÀÚ Á÷° µ¿¿µ»ó Á¦°ø
ÀúÀÚ°¡ Á÷Á¢ Á¦ÀÛÇÑ µ¿¿µ»ó °ÀǸ¦ ¹«·á·Î Á¦°øÇÑ´Ù. Ã¥°ú ÇÔ²² °øºÎÇϰųª, Ã¥À» Àдٰ¡ ¸·È÷¸é °ÀÇ ¿µ»óÀ» ã¾Æº¸ÀÚ. ¸¶Ä¡ °ú¿Ü¸¦ ¹Þ´Â °Íó·³ ÇнÀ È¿°ú°¡ ¿Ã¶ó°¥ °ÍÀÌ´Ù.
¡°µ¶Çеµ ¹®Á¦¾ø´Ù!¡±
30ÀÏ ÇнÀ °èȹǥ Á¦°ø
ÀÌ Ã¥ÀÇ ¸¶Áö¸· ÇÑ ÂÊÀ» ³Ñ±æ ¶§±îÁö µ¶ÀÚ ¿©·¯ºÐ°ú ÇÔ²² ÇØÁÙ ÆäÀ̽º ¸ÞÀÌÄ¿ ¡®30ÀÏ ÇнÀ °èȹǥ¡¯¸¦ ÁغñÇß´Ù. ÇÑ ´Þ µ¿¾È Á¶±Ý¾¿ ²ÙÁØÈ÷ °øºÎÇÏ´Â °èȹÀ» ¼¼¿ì°í Àß ÁöÄÑ ³ª°£´Ù¸é ¹Ýµå½Ã ¿Ïµ¶ÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
ÇÔ²² ¹è¿ì°í, ³ª´©°í, ¼ºÀåÇÏ´Â ¡®Do it! ½ºÅ͵ð·ë¡¯À¸·Î ¿À¼¼¿ä!
È¥ÀÚ °èȹÀ» ¼¼¿ì°í °øºÎÇÏ´Ù º¸¸é ±Ý¹æ ÁöÄ¡±â ¸¶·ÃÀÌ´Ù. ³ª¿Í ºñ½ÁÇÑ °í¹ÎÀ» ÇÏ´Â µ¶ÀÚ¸¦ ¸¸³ª ¾î·Á¿î ³»¿ëÀ» °øÀ¯ÇØ º¸ÀÚ. ¼·Î µµ¿òÀ» ÁÖ°í¹ÞÀ¸¸ç °øºÎÇÏ´Ù º¸¸é ´õ º¸¶÷Â÷´Ù. ¸Ö¸® °¡·Á¸é Ä£±¸¿Í ÇÔ²²ÇØ º¸ÀÚ.
- Do it! ½ºÅ͵ð·ë Ä«Æä: cafe.naver.com/doitstudyroom
¿Ï¼º ¼Ò½º ÆÄÀÏÀº ÀÌÁö½ºÆÛºí¸®½Ì ȨÆäÀÌÁö ÀÚ·á½Ç ¶Ç´Â ÀúÀÚ ±êÇãºê¿¡¼ Á¦°øÇÕ´Ï´Ù
- ÀÌÁö½ºÆÛºí¸®½Ì ȨÆäÀÌÁö: www.easyspub.co.kr¡æ [ÀÚ·á½Ç] Ŭ¸¯ ¡æµµ¼¸í °Ë»ö
- ÀúÀÚ ±êÇãºê: https://github.com/funnycom
-
-
ù°¸¶´ç. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»±â ´ÙÁö±â
01 ÀÚ¹Ù½ºÅ©¸³Æ® ½ÃÀÛÇϱâ
__01-1 ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ À§ÇÑ ±âº» »ó½Ä
__01-2 À¥ °³¹ß¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒ
__01-3 ÄÚµå ÀÛ¼ºÀ» À§ÇÑ ÆíÁý±â ¼³Á¤Çϱâ
__01-4 °£´ÜÇÑ ½ºÅ©¸³Æ®ºÎÅÍ ½ÃÀÛÇϱâ
02 ÇÁ·Î±×·¡¹ÖÀÇ ±âº», º¯¼ö¿Í ÀÚ·áÇü »ìÆ캸±â
__02-1 ÇÁ·Î±×·¥¿¡¼ ÀԷ¹ްí Ãâ·ÂÇÏ´Â ¹æ¹ý
__02-2 ÇÁ·Î±×·¥°ú Ä£ÇØÁö·Á¸é º¯¼öºÎÅÍ ÀÍÈ÷ÀÚ
__02-3 ÄÄÇ»ÅÍ°¡ ¼¼»óÀ» º¸´Â ¹æ¹ý, ÀÚ·áÇü
__02-4 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀåÁ¡ÀÌÀÚ ´ÜÁ¡, ÀÚ·áÇü º¯È¯
__[Do it!] ½Ç½À Ⱦ¾¿Âµµ¸¦ ¼·¾¾¿Âµµ·Î º¯È¯Çϱâ
03 ¿¬»êÀÚ¿Í Á¦¾î¹®
__03-1 ÇÁ·Î±×·¥ µ¿ÀÛÀ» °¡¸®Å°´Â ±âÈ£, ¿¬»êÀÚ
__03-2 ÇÁ·Î±×·¥ È帧À» ÀÚÀ¯·Ó°Ô Á¶ÀýÇÏ´Â Á¶°Ç¹®
__[Do it!] ½Ç½À ¦¼ö¿Í Ȧ¼ö¸¦ ±¸º°ÇÏ´Â ÇÁ·Î±×·¥ ¸¸µé±â
__03-3 °°Àº µ¿ÀÛÀ» ¼Õ½±°Ô ¹Ýº¹ÇÏ´Â ¹Ýº¹¹®
__[Do it!] ½Ç½À ¼Ò¼öÀÎÁöÀÇ ¿©ºÎ È®ÀÎÇϱâ
04 ÇÁ·Î±×·¡¹Ö ÇÑ¹ß ´õ ³ª°¡±â, ÇÔ¼ö¿Í ½ºÄÚÇÁ
__04-1 ÇÁ·Î±×·¡¹ÖÀÇ ²É, ÇÔ¼ö
__[Do it!] ½Ç½À À¥ °³¹ßÀÚ µµ±¸ âÀÇ µð¹ö±ë ±â´É »ìÆ캸±â
__04-2 º¯¼öÀÇ À¯È¿ ¹üÀ§, ½ºÄÚÇÁ
__[Do it!] ½Ç½À À¥ °³¹ßÀÚ µµ±¸ â¿¡¼ ½ºÄÚÇÁ È®ÀÎÇϱâ
__04-3 À̸§ ¾øÀÌ »ç¿ëÇÏ´Â ÇÔ¼ö Ç¥Çö½Ä
__...[Do it!] ½Ç½À ÀԷ°ªÀ» Ç¥½ÃÇÏ´Â Äݹé ÇÔ¼ö ¸¸µé±â
__04-4 Àü°³ ±¸¹®
__04-5 ½Ã°£À» °í·ÁÇϴ ŸÀÌ¸Ó ÇÔ¼ö
µÑ°¸¶´ç. À¥ ¹®¼¿Í ÀÚ¹Ù½ºÅ©¸³Æ®
05 DOMÀÇ ±âÃÊ
__05-1 DOM°ú DOM Æ®¸®
__05-2 À¥ ¿ä¼Ò¿¡ Á¢±ÙÇϱâ
__05-3 ÀÚ¹Ù½ºÅ©¸³Æ®·Î ½ºÅ¸ÀÏ ¼öÁ¤Çϱâ
__05-4 DOM¿¡¼ Æû ´Ù·ç±â
06 À̺¥Æ®¿Í À̺¥Æ® 󸮱â
__06-1 À̺¥Æ® ¾Ë¾Æº¸±â
__06-2 À̺¥Æ® ó¸®Çϱâ
__[Do it!] ½Ç½À ¸ð´Þ ¹Ú½º ¸¸µé±â
__06-3 event °´Ã¼
__[Do it!] ½Ç½À ÀÚ¹Ù½ºÅ©¸³Æ®·Î ij·¯¼¿ ¸¸µé±â
__06-4 À̺¥Æ® ÀüÆÄ
07 DOM È°¿ëÇϱâ
__07-1 DOM Æ®¸®¿Í ³ëµå ¸®½ºÆ®
__07-2 À¥ ¹®¼¿¡ »õ·Î¿î ³ëµå Ãß°¡Çϱâ
__[Do it!] ½Ç½À Àå¹Ù±¸´Ï¿¡ »óÇ° Ãß°¡Çϱâ
__[Do it!] ½Ç½À ½Ã°£¿¡ µû¶ó ´Ù¸¥ À̹ÌÁö Ç¥½ÃÇϱâ
__07-3 ³ëµå »èÁ¦Çϱâ
__[Do it!] ½Ç½À ³ª¸¸ÀÇ µµ¼ ¸ñ·Ï ¸¸µé±â
¼Â°¸¶´ç. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í °´Ã¼
08 ÀÚÁÖ »ç¿ëÇÏ´Â ³»Àå °´Ã¼ ¾Ë¾Æº¸±â
__08-1 À¥ ºê¶ó¿ìÀúÀÇ ÃÖ»óÀ§ °´Ã¼, window
__08-2 Date °´Ã¼ È°¿ëÇϱâ
__[Do it!] ½Ç½À ¸¸ º¸ °È±â, ¿À´Ã±îÁö ¸çĥ°Àϱî?
__[Do it!] ½Ç½À µðÁöÅÐ ½Ã°è ¸¸µé±â
__08-3 Math °´Ã¼ È°¿ëÇϱâ
__[Do it!] ½Ç½À À¥ ¹®¼ÀÇ ¹è°æ À̹ÌÁö¸¦ ¹«ÀÛÀ§·Î º¯°æÇϱâ
09 ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ¸¸µé±â
__09-1 °´Ã¼ ¾Ë¾Æº¸±â
__09-2 »ý¼ºÀÚ ÇÔ¼ö¿Í Ŭ·¡½º
__[Do it!] ½Ç½À »ý¼ºÀÚ ÇÔ¼ö¿Í Ŭ·¡½º¸¦ »ç¿ëÇØ ¿ø±âµÕÀÇ ºÎÇÇ ±¸Çϱâ
__09-3 °´Ã¼ÀÇ Å°¿Í °ª¿¡ Á¢±ÙÇϱâ
__09-4 ÇÁ·ÎÅäŸÀÔ°ú Ŭ·¡½º¿¡¼ÀÇ »ó¼Ó
__[Do it!] ½Ç½À ÇÁ·ÎÅäŸÀÔÀ» »ó¼ÓÇÏ´Â »õ·Î¿î °´Ã¼ ¸¸µé±â
__[Do it!] ½Ç½À Ŭ·¡½º »ó¼Ó ¿¬½ÀÇϱâ
10 È¿À²ÀûÀ¸·Î ¹®ÀÚ¿°ú ¹è¿ È°¿ëÇϱâ
__10-1 ¹®ÀÚ¿¿¡ Á¢±ÙÇϱâ
__10-2 ¹®ÀÚ¿ ¸Þ¼µå È°¿ëÇϱâ
__[Do it!] ½Ç½À º¸¾ÈÀ» À§ÇØ À̸ÞÀÏ ÁÖ¼ÒÀÇ ÀϺΠ°¨Ãß±â
__10-3 Á¤±Ô Ç¥Çö½ÄÀ¸·Î ¹®ÀÚ¿ ´Ù·ç±â
__10-4 ¹®ÀÚ¿°ú ¹è¿ º¯È¯Çϱâ
__[Do it!] ½Ç½À ¿µ¹®ÀÚ¿ÀÇ Ã¹ ¹ø° ±ÛÀÚ¸¦ ´ë¹®ÀÚ·Î ¹Ù²Ù±â
__10-5 ¶È¶ÈÇÏ°Ô ¹è¿ »ç¿ëÇϱâ
__10-6 ¹è¿ÀÇ ´Ù¾çÇÑ ¸Þ¼µå »ìÆ캸±â
11 ¹è¿°ú °´Ã¼, Á» ´õ ±í°Ô »ìÆ캸±â
__11-1 ¿¡Å©¸¶½ºÅ©¸³Æ® 2015ÀÇ ±â´É º¹½ÀÇϱâ
__11-2 ±¸Á¶ ºÐÇØ ÇÒ´çÇϱâ
__11-3 ¹è¿À» º¯ÇüÇÏ´Â ¸Þ¼µå
__11-4 Map°ú Set
__[Do it!] ½Ç½À °³¼³ ¿äû °ú¸ñ Á¤¸®Çϱâ
__11-5 ÀÌÅÍ·¹ÀÌÅÍ¿Í Á¦³Ê·¹ÀÌÅÍ
__[Do it!] ½Ç½À Àüö ³ë¼±µµ ¸¸µé±â
³Ý°¸¶´ç. ¼¹ö¿Í Åë½ÅÇϱâ
12 HTTP Åë½Å°ú JSON
__12-1 HTTP Åë½Å
__12-2 JSON
__12-3 ¼¹ö¿¡¼ ÀÚ·á °¡Á®¿À±â
__[Do it!] ½Ç½À JSON ÀڷḦ °¡Á®¿Í¼ ȸ鿡 Ç¥½ÃÇϱâ 1
__[Do it!] ½Ç½À JSON ÀڷḦ °¡Á®¿Í¼ ȸ鿡 Ç¥½ÃÇϱâ 2
__12-4 ¿¹¿Ü ó¸®Çϱâ
13 ºñµ¿±â ÇÁ·Î±×·¡¹Ö
__13-1 ºñµ¿±â ó¸® ¹æ½Ä
__13-2 ÇÁ·Î¹Ì½º
__[Do it!] ½Ç½À Ä¿ÇÇ ÁÖ¹®ÇÏ°í ¿Ï·áÇÏ´Â ÇÁ·Î¹Ì½º ¸¸µé±â
__[Do it!] ½Ç½À ÇÁ·Î¹Ì½º¸¦ ¹ÝȯÇÏ´Â then() ¸Þ¼µå È®ÀÎÇϱâ
__[Do it!] ½Ç½À ÇÁ·Î¹Ì½º üÀÌ´×À¸·Î ÇÁ·Î¹Ì½º ¿¬°áÇϱâ
__13-3 fetch API
__13-4 async ÇÔ¼ö¿Í await ¿¹¾à¾î
__[Do it!] ½Ç½À ¼¹ö¿¡¼ ȸ¿ø Á¤º¸ °¡Á®¿Í Ç¥½ÃÇϱâ 1
__[Do it!] ½Ç½À ¼¹ö¿¡¼ ȸ¿ø Á¤º¸ °¡Á®¿Í Ç¥½ÃÇϱâ 2
´Ù¼¸Â°¸¶´ç. ĵ¹ö½º·Î À¥ ºê¶ó¿ìÀú â¿¡ ±×¸² ±×¸®±â
14 ĵ¹ö½º·Î µµÇü, ÅؽºÆ®, À̹ÌÁö ±×¸®±â
__14-1 ĵ¹ö½º ¾Ë¾Æº¸±â
__14-2 ĵ¹ö½º¿¡ ±âº» µµÇü ±×¸®±â
__[Do it!] ½Ç½À ĵ¹ö½º·Î °³±¸¸® ¾ó±¼ ±×¸®°í ÆÄÀÏ·Î ÀúÀåÇϱâ
__14-3 ĵ¹ö½º¿¡ ÅؽºÆ® ±×¸®±â
__14-4 ĵ¹ö½º¿¡ À̹ÌÁö Ç¥½ÃÇϱâ
15 ĵ¹ö½º·Î ±×·¡ÇÈ ¿ä¼Ò ´Ù·ç±â
__15-1 ´Ù¾çÇÑ ±×·¡ÇÈ ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
__[Do it!] ½Ç½À ³ª¸¸ÀÇ µå·ÎÀ× ¾Û ¸¸µé±â
__15-2 ±×·¡ÇÈ ¿ä¼Ò º¯ÇüÇϱâ
__[Do it!] ½Ç½À ¹öÆ°À» Ŭ¸¯ÇÒ ¶§¸¶´Ù µµÇü ȸÀü½ÃÅ°±â
__15-3 ±×·¡ÇÈ ¿ä¼Ò ÇÕ¼ºÇϱâ
16 ĵ¹ö½º¿¡¼ ¾Ö´Ï¸ÞÀÌ¼Ç ½ÇÇàÇϱâ
__16-1 °´Ã¼¸¦ »ç¿ëÇØ µµÇü ±×¸®±â
__[Do it!] ½Ç½À ¹«ÀÛÀ§·Î ¿©·¯ °³ÀÇ µµÇü ±×¸®±â
__16-2 ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú Ãß°¡Çϱâ
__[Do it!] ½Ç½À ¿Ô´Ù °¬´Ù ¿òÁ÷ÀÌ´Â ¿ø ¸¸µé±â
__[Do it!] ½Ç½À ±ËÀûÀÌ ³²´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¸¸µé±â
__[Do it!] ½Ç½À ¿©·¯ °³ÀÇ µµÇüÀÌ ¹«ÀÛÀ§·Î ¿òÁ÷ÀÌ´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¸¸µé±â
¿©¼¸Â°¸¶´ç. API È°¿ëÇϱâ
17 À¥ API È°¿ëÇϱâ
__17-1 API ¾Ë¾Æº¸±â
__17-2 À¥ ½ºÅ丮Áö API
__[Do it!] ½Ç½À À¥ ½ºÅ丮Áö ´Ù·ç±â
__[Do it!] ½Ç½À ·ÎÄà ½ºÅ丮Áö¸¦ È°¿ëÇØ ÇÒ ÀÏ ¸ñ·Ï ÇÁ·Î±×·¥ ¸¸µé±â
__17-3 Áö¿À·ÎÄÉÀÌ¼Ç API
18 °ø°³ API È°¿ëÇϱâ
__18-1 °ø°³ API ¾Ë¾Æº¸±â
__18-2 Áöµµ API »ç¿ëÇϱâ
__[Do it!] ½Ç½À Ä«Ä«¿À¸Ê API¸¦ »ç¿ëÇϱâ À§ÇÑ API Å° ¹Þ±â
__[Do it!] ½Ç½À Áöµµ¿¡ ÀÌÁö½ºÆÛºí¸®½ÌÀÇ À§Ä¡ Ç¥½ÃÇϱâ
__18-3 ¡®°ø°øµ¥ÀÌÅÍÆ÷ÅС¯ »çÀÌÆ® È°¿ëÇϱâ
__[Do it!] ½Ç½À ¿ÀÇ APIÀÇ È°¿ë ½ÅûÇϱâ
__[Do it!] ½Ç½À ¿ÀÇ API¸¦ È°¿ëÇØ ÀÚ·á °¡Á®¿À±â
__[Do it!] ½Ç½À Áöµµ¿¡ Àü±¹ Ä·ÇÎÀå Ç¥½ÃÇϱâ
ã¾Æº¸±â
-
-
-
|
°í°æÈñ [Àú]
|
|
-
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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|