ÄÜÅÙÃ÷ »ó¼¼º¸±â
Do it! ÀÚ¹Ù½ºÅ©¸³Æ® + Á¦ÀÌÄõ¸® ÀÔ¹® - °³Á¤ 2ÆÇ


Do it! ÀÚ¹Ù½ºÅ©¸³Æ® + Á¦ÀÌÄõ¸® ÀÔ¹® - °³Á¤ 2ÆÇ

<Á¤Àοë> Àú | ÀÌÁö½ºÆÛºí¸®½Ì (ÁÖ)

Ãâ°£ÀÏ
2024-12-30
ÆÄÀÏÆ÷¸Ë
ePub
¿ë·®
140 M
Áö¿ø±â±â
PC½º¸¶Æ®ÆùÅÂºí¸´PC
ÇöȲ
½Åû °Ç¼ö : 0 °Ç
°£·« ½Åû ¸Þ¼¼Áö
ÄÜÅÙÃ÷ ¼Ò°³
ÀúÀÚ ¼Ò°³
¸ñÂ÷
ÇÑÁÙ¼­Æò

ÄÜÅÙÃ÷ ¼Ò°³

10³â ¿¬¼Ó º£½ºÆ®¼¿·¯! ¡¶Do it! ÀÚ¹Ù½ºÅ©¸³Æ®+Á¦ÀÌÄõ¸® ÀÔ¹®¡· Àü¸é °³Á¤ 2ÆÇ Ãâ°£!
ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» ¹®¹ýºÎÅÍ À¥ °³¹ß ½Ç¹«±îÁö ÇÑ ±ÇÀ¸·Î ¿Ï¼ºÇÑ´Ù!
´©Àû 5¸¸ 5õ ¸íÀÇ µ¶ÀÚ°¡ ¼±ÅÃÇÑ IT ºÐ¾ß ½ºÅ׵𼿷¯ ¡¶Do it! ÀÚ¹Ù½ºÅ©¸³Æ®+Á¦ÀÌÄõ¸® ÀÔ¹®¡·ÀÌ ÃֽŠ¹®¹ý°ú ½Ç¹« ³ëÇϿ츦 °­È­ÇÏ¿© Àü¸é °³Á¤µÇ¾ú½À´Ï´Ù.
ÀÌÁ¦ À¥ °³¹ßÀÚ´Â ¹°·Ð À¥ µðÀÚÀÌ³Ê¿Í À¥ ÆÛºí¸®¼Åó·³ À¥ ÇÁ·ÎÁ§Æ®¿¡ Âü¿©ÇÏ´Â »ç¶÷À̶ó¸é ÀÚ¹Ù½ºÅ©¸³Æ® ½ºÅ³À» °®Ãç¾ß ÇÕ´Ï´Ù. ÀÌ Ã¥Àº 171°³ ¿¹Á¦·Î ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº» ¹®¹ýÀ» ÀÍÈ÷°í ¹ÝÀÀÇü À¥ ÇÁ·ÎÁ§Æ®¸¦ Á÷Á¢ ¸¸µé¸ç ½Ç¹«¿¡¼­ È°¿ëÇÒ ¼ö ÀÖ´Â Ç÷¯±×ÀαîÁö °øºÎÇÕ´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® ÀÔ¹®ÀÚ´Â ¹°·ÐÀÌ°í µ¿ÀûÀ¸·Î ±â´ÉÇÏ´Â À¥ °³¹ßÀÇ ÇÙ½ÉÀ» ºü¸£°Ô ÀÍÈ÷°í ½ÍÀº ºÐ ¸ðµÎ¿¡°Ô Áö¸§±æÀ» ¾Ë·Á ÁÖ´Â ¾È³»¼­°¡ µÉ °ÍÀÔ´Ï´Ù.

ÀúÀÚ¼Ò°³

Çö´ëÀÚµ¿Â÷ ¹× Çö´ë·ÎÅÛ »çÀÌÆ® µî ¿©·¯ À¥»çÀÌÆ®¸¦ °³¹ßÇØ ¿Â ÀúÀÚ´Â »ï¼ºÀÎÀç°³¹ß¿ø°ú Çѱ¹³ì»öµðÀÚÀΰ³¹ßÇùȸÀÇ ±â¼ú¿¬±¸¿øÀ¸·Î À¥ Ç¥ÁØ ÀÎÀ縦 ¾ç¼ºÇØ ¿Ô´Ù. ¶ÇÇÑ Çѱ¹Á÷¾÷Àü¹®Çб³¿Í Çѱ¹µðÁöÅбâ¾÷Çùȸ¿¡¼­ HTML5¿Í CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®, Á¦ÀÌÄõ¸® µî ÇÁ·±Æ®¿£µå °³¹ß¿¡ °ü·ÃµÈ °­ÀǸ¦ ÇßÀ¸¸ç ³×À̹ö ¡®À¥ Ç¥ÁØ ½ºÄð(http://cafe.naver.com/xhtmlschool)¡¯ Ä«Æä¿¡¼­ ¿Â¡¤¿ÀÇÁ¶óÀÎ ¸ðÀÓÀ» ÅëÇØ ±âºÎÇü °­Á¸¦ Á¦°øÇÏ´Â µî À¥ °³¹ß¿¡ ¸ö´ã°í ÀÖ´Â »ç¶÷µé¿¡°Ô µµ¿òÀÌ µÇ°íÀÚ ³ë·ÂÇÏ°í ÀÖ´Ù. ÇöÀç´Â ÇÁ¸®·£¼­·Î È°µ¿Çϸç ÇÁ·±Æ®¿£µå ¹× ¹é¿£µå °³¹ßÀ» ¼öÇàÇÏ°í ÀÖ´Ù.
ÀÌ·¯ÇÑ ¿Â¡¤¿ÀÇÁ¶óÀÎÀÇ °æÇèÀ» ¹ÙÅÁÀ¸·Î À¥ ÀÔ¹®ÀÚ, ½Ç¹«ÀÚ ¸ðµÎ¿¡°Ô µµ¿òÀÌ µÉ ¡¶Do it! ÀÚ¹Ù½ºÅ©¸³Æ® + Á¦ÀÌÄõ¸® ÀÔ¹®¡·À» ÁýÇÊÇÏ¿´´Ù. À¥ ÆÛºí¸®¼Å, À¥ µðÀÚÀ̳Ê, ±âȹÀÚ ¹× °³¹ßÀÚµéÀº ÀÌ Ã¥À» ÅëÇØ ÇöÀå¿¡¼­ ²À ÇÊ¿äÇÑ Áö½ÄÀ» ºü¸£°Ô ÀÍÈú ¼ö ÀÖÀ» °ÍÀÌ´Ù.

ÁÖ¿ä Àú¼­
¡¶Do it! ÀÚ¹Ù½ºÅ©¸³Æ® + Á¦ÀÌÄõ¸® ÀÔ¹®¡·
¡¶½ÇÀü ÇÁ·ÎÁ§Æ® ¹ÝÀÀÇü À¥ ÆÛºí¸®½Ì¡·

¸ñÂ÷

ù°¸¶´ç ±âÃʺÎÅÍ ½ÃÀÛÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®

01Àå ÀÚ¹Ù½ºÅ©¸³Æ® ½ÃÀÛÇϱâ
_01-1 óÀ½ ¸¸³ª´Â ÀÚ¹Ù½ºÅ©¸³Æ®
__ÇÁ·±Æ®¿£µå °³¹ß ÀÌÇØÇϱâ
__ÀÚ¹Ù½ºÅ©¸³Æ® ÀÌÇØÇϱâ
_01-2 °³¹ß ȯ°æ ÁغñÇϱâ
__Å©·Ò ºê¶ó¿ìÀú ¼³Ä¡ÇÏ°í °³¹ßÀÚ µµ±¸ »ìÆ캸±â
__ÀÚ¹Ù½ºÅ©¸³Æ® ÆíÁý±â ¼³Ä¡¿Í »ç¿ë¹ý
__ºñÁÖ¾ó ½ºÆ©µð¿À ÄÚµå ¼³Ä¡Çϱâ
__È®Àå ±â´É ÀÌ¿ëÇØ HTML ¹®¼­¸¦ Å©·Ò ºê¶ó¿ìÀú¿¡¼­ ¹Ù·Î ¿­±â
_01-3 ÀÚ¹Ù½ºÅ©¸³Æ® ¸Àº¸±â ¿¹Á¦
__ÀÚ¹Ù½ºÅ©¸³Æ®·Î °£´ÜÇÑ ½ÇÇ๮ ÀÛ¼ºÇϱâ
_¸¶¹«¸® ¹®Á¦

02Àå ÀÚ¹Ù½ºÅ©¸³Æ® ±âÃÊ ¹®¹ý
_02-1 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âÃÊ ¹®¹ý ¾Ë¾Æº¸±â
__ÀÚ¹Ù½ºÅ©¸³Æ® ¼±¾ð¹®
__ÀÚ¹Ù½ºÅ©¸³Æ® ÁÖ¼® ó¸®
__³»ºÎ ½ºÅ©¸³Æ® ¿ÜºÎ·Î ºÐ¸®Çϱâ
__ÄÚµå ÀÔ·Â ½Ã ÁÖÀÇ »çÇ×
_02-2 º¯¼ö
__º¯¼ö¶õ?
__º¯¼ö¿¡ ÀúÀåÇÒ ¼ö ÀÖ´Â ÀÚ·áÇü
__ES6¿¡ Ãß°¡µÈ let°ú const
__º¯¼ö ¼±¾ð ½Ã ÁÖÀÇ »çÇ×
_02-3 ¿¬»êÀÚ
__¿¬»êÀÚ¶õ?
__»ê¼ú ¿¬»êÀÚ
__¹®ÀÚ °áÇÕ ¿¬»êÀÚ
__¹®ÀÚ¸¦ ½±°Ô º´ÇÕÇØ ÁÖ´Â ÅÛÇø´ ¹®ÀÚ¿­
__´ëÀÔ ¿¬»êÀÚ
__Áõ°¨ ¿¬»êÀÚ
__ºñ±³ ¿¬»êÀÚ
__³í¸® ¿¬»êÀÚ
__¿¬»êÀÚ ¿ì¼±¼øÀ§
__»ïÇ× Á¶°Ç ¿¬»êÀÚ
__ÃÑÁ¤¸® ½Ç½À | ÀûÁ¤ üÁßÀ» ±¸ÇÏ´Â Å×½ºÆ®±â ¸¸µé±â
_¸¶¹«¸® ¹®Á¦

03Àå Á¦¾î¹®
_03-1 Á¦¾î¹® ¾Ë¾Æº¸±â
_03-2 Á¶°Ç¹®
__if ¹®
__else ¹®
__else if ¹®
__Áßø if ¹®
__if ºí·Ï ·¹º§ ½ºÄÚÇÁ
_03-3 ¼±Åù®
__switch ¹®
_03-4 ¹Ýº¹¹®
__while ¹®
__do while ¹®
__for ¹®
__break ¹®
__continue ¹®
__Áßø for ¹®
_¸¶¹«¸® ¹®Á¦

04Àå °´Ã¼
_04-1 °´Ã¼ ¾Ë¾Æº¸±â
__°´Ã¼¶õ?
__°´Ã¼ÀÇ Á¾·ù
_04-2 ³»Àå °´Ã¼
__³»Àå °´Ã¼ »ý¼ºÇϱâ
__³¯Â¥ Á¤º¸ °´Ã¼
__¼öÇÐ °´Ã¼
__¹è¿­ °´Ã¼
__¹®ÀÚ¿­ °´Ã¼
__ES6 ³»Àå °´Ã¼¿¡ Ãß°¡µÈ À¯¿ëÇÑ ±â´É
_04-3 ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨
__ºê¶ó¿ìÀú °´Ã¼¶õ?
__window °´Ã¼
__ÀÏÁ¤ÇÑ ½Ã°£ °£°ÝÀ¸·Î ÄÚµå ½ÇÇàÇϱâ
__screen °´Ã¼
__location °´Ã¼
__history °´Ã¼
__navigator °´Ã¼
__ÃÑÁ¤¸® ½Ç½À | À¥ ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨À» »ç¿ëÇØ ¿î¿µÃ¼Á¦¿Í ½ºÅ©¸° Á¤º¸ ¾ò±â
_¸¶¹«¸® ¹®Á¦

05Àå ÇÔ¼ö
_05-1 ÇÔ¼ö ¾Ë¾Æº¸±â
__ÇÔ¼ö¶õ?
__±âº» ÇÔ¼ö Á¤Àǹ®
__¸Å°³º¯¼ö°¡ ÀÖ´Â ÇÔ¼ö Á¤Àǹ®
__¸Å°³º¯¼ö ¾øÀÌ ÇÔ¼ö¿¡ Àü´ÞµÈ °ª ¹Þ¾Æ¿À±â
_05-2 ÇÔ¼ö¿¡¼­ return ¹®ÀÇ ¿ªÇÒ
__µ¥ÀÌÅ͸¦ ¹ÝȯÇÏ°í °­Á¦ Á¾·áÇÏ´Â return ¹®
__Àç±Í ÇÔ¼ö È£Ãâ
_05-3 ÇÔ¼ö ½ºÄÚÇÁÀÇ °³³ä ÀÌÇØ
__ÇÔ¼ö ½ºÄÚÇÁ¶õ?
__Àü¿ª º¯¼ö¿Í Áö¿ª º¯¼öÀÇ °³³ä°ú Â÷ÀÌ
__Àü¿ª ÇÔ¼ö¿Í Áö¿ª ÇÔ¼öÀÇ Â÷ÀÌ
__Àü¿ª°ú Áö¿ªÀ» ³ª´©´Â ÀÌÀ¯
_05-4 °´Ã¼ »ý¼ºÀÚ ÇÔ¼öÀÇ È°¿ë
__°´Ã¼ »ý¼ºÀÚ ÇÔ¼ö
__¸Þ¸ð¸®¸¦ Àý¾àÇÏ´Â ÇÁ·ÎÅäŸÀÔ »ç¿ëÇϱâ
_05-5 ÀÚ¹Ù½ºÅ©¸³Æ® ³»Àå ÇÔ¼ö
_05-6 ES6 È­»ìÇ¥ ÇÔ¼ö¿Í ¸ðµâ ÆÐÅÏ
__È­»ìÇ¥ ÇÔ¼ö
__¸ðµâ ÆÐÅÏ
__Live Server Ç÷¯±×ÀÎÀ» ¼³Ä¡ÇØ ÀÎÅÍ³Ý ÇÁ·ÎÅäÄÝ »ç¿ëÇϱâ
__¸ðµâ ÆÐÅÏ ¿¹Á¦ »ìÆ캸±â
_¸¶¹«¸® ¹®Á¦

06Àå ºñµ¿±â ¹æ½Ä ¿¬µ¿
_06-1 µ¿±â ¹æ½Ä°ú ºñµ¿±â ¹æ½Ä
__µ¿±â ¹æ½Ä°ú ºñµ¿±â ¹æ½ÄÀÇ Â÷ÀÌÁ¡
_06-2 ¾à¼Ó °´Ã¼ »ý¼ºÇϱâ
__ºñµ¿±â Äڵ带 À§ÇÑ ¾à¼Ó °´Ã¼ »ý¼ºÇϱâ
__async ÇÔ¼ö¿Í await Å°¿öµå
_06-3 fetch API
__ºñµ¿±â ¹æ½ÄÀ¸·Î µ¥ÀÌÅ͸¦ ¹ÙÀεùÇÏ´Â fetch
_¸¶¹«¸® ¹®Á¦

µÑ°¸¶´ç ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ´õ ½±°Ô ÇØÁÖ´Â Á¦ÀÌÄõ¸®

07Àå Á¦ÀÌÄõ¸® ¹®¼­ °´Ã¼ ¼±ÅÃÀÚ¿Í Á¶ÀÛ¹ý
_07-1 Á¦ÀÌÄõ¸® ±âº» ´ÙÁö±â
__Á¦ÀÌÄõ¸®¶õ?
__Á¦ÀÌÄõ¸® ¶óÀ̺귯¸® ¿¬µ¿Çϱâ
_07-2 ¼±ÅÃÀÚ
__¼±ÅÃÀÚ
__±âº» ¼±ÅÃÀÚ
__Á÷Á¢ ¼±ÅÃÀÚ
__ÀÎÁ¢ °ü°è ¼±ÅÃÀÚ
_07-3 Á¦ÀÌÄõ¸® Ž»ö ¼±ÅÃÀÚ
__Ž»ö ¼±ÅÃÀÚ
__À§Ä¡ Ž»ö ¼±ÅÃÀÚ
__Á¦ÀÌÄõ¸® ¹è¿­ °ü·Ã ¸Þ¼­µå
__¼Ó¼º Ž»ö ¼±ÅÃÀÚ
__±× ¿ÜÀÇ ¼±ÅÃÀÚ ? ÄÜÅÙÃ÷ Ž»ö ¼±ÅÃÀÚ
__¼±ÅÃÀÚ¿Í ÇÔ²² ¾Ë¾ÆµÎ¸é À¯¿ëÇÑ ¸Þ¼­µå
_07-4 °´Ã¼ Á¶ÀÛ
__°´Ã¼ Á¶ÀÛ ¸Þ¼­µå
__¼Ó¼º Á¶ÀÛ ¸Þ¼­µå
__¼öÄ¡ Á¶ÀÛ ¸Þ¼­µå
__°´Ã¼ ÆíÁý ¸Þ¼­µå
__ÃÑÁ¤¸® ½Ç½À | ÁÖ¿ä ¼±ÅÃÀÚ Á¤¸®Çϱâ
_¸¶¹«¸® ¹®Á¦

08Àå Á¦ÀÌÄõ¸® À̺¥Æ®
_08-1 À̺¥Æ® µî·Ï ¸Þ¼­µå
__À̺¥Æ® µî·Ï ¸Þ¼­µå¶õ?
__À̺¥Æ® µî·Ï ¹æ½Ä ¾Ë¾Æº¸±â
__¸¶¿ì½º À̺¥Æ®
__À̺¥Æ® °´Ã¼¿Í Á¾·ù
__Æ÷Ä¿½º À̺¥Æ®
__Å°º¸µå·Î ¸¶¿ì½º À̺¥Æ® ´ëÀÀÇϱâ
__Å°º¸µå À̺¥Æ®
__À̺¥Æ®°¡ ¹ß»ýÇÑ ¿ä¼Ò ÃßÀûÇϱâ
_08-2 ±×·ì À̺¥Æ® µî·Ï ¹× »èÁ¦Çϱâ
__±×·ì À̺¥Æ® µî·Ï ¸Þ¼­µå
__À̺¥Æ® Á¦°Å ¸Þ¼­µå
__ÃÑÁ¤¸® ½Ç½À | ±ÛÀÚ È®´ë, Ãà¼Ò ¹öÆ° ¸¸µé±â
_¸¶¹«¸® ¹®Á¦

09Àå ´Ù¾çÇÑ È¿°ú¿Í ¾Ö´Ï¸ÞÀ̼Ç
_09-1 È¿°ú ¹× ¾Ö´Ï¸ÞÀÌ¼Ç ¸Þ¼­µå
__È¿°ú ¸Þ¼­µå
__µ¿ÀÛÀ» ºÒ¾î³Ö´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¸Þ¼­µå
_09-2 ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú Á¦¾î ¸Þ¼­µå
__¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú Á¦¾î ¸Þ¼­µå¶õ?
__ÃÑÁ¤¸® ½Ç½À | ÁöÁ¤ ±¸°£¿¡¼­ ½½¶óÀÌµå ¿ä¼Ò ¸¸µé±â
_¸¶¹«¸® ¹®Á¦

10Àå Á¦ÀÌÄõ¸® ºñµ¿±â ¹æ½Ä ¿¬µ¿
_10-1 Ajax
__Ajax¶õ?
_10-2 Ajax °ü·Ã ¸Þ¼­µå
__Ajax °ü·Ã ¸Þ¼­µåµé
__Ajax·Î JSON µ¥ÀÌÅÍ ¹ÙÀεùÇϱâ
__Ajax·Î XML µ¥ÀÌÅÍ ¹ÙÀεùÇϱâ
__ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ º¸¾È Á¤Ã¥°ú ¿ÜºÎ µ¥ÀÌÅÍ ¹ÙÀεùÇϱâ
__RSS ¿¬µ¿Çϱâ
__ºñµ¿±â ÀÛ¾÷À» °ü¸®ÇÏ´Â µðÆÛµå °´Ã¼
__ÃÑÁ¤¸® ½Ç½À | Ajax·Î ·Î±×ÀÎ ÇÁ·Î±×·¥ ¸¸µé±â
_¸¶¹«¸® ¹®Á¦

11Àå Á¦ÀÌÄõ¸® Ç÷¯±×ÀÎ
_11-1 Á¦ÀÌÄõ¸® Ç÷¯±×ÀÎÀ̶õ?
__Á¦ÀÌÄõ¸® Ç÷¯±×ÀÎÀ̶õ?
_11-2 Á¦ÀÌÄõ¸® UI Ç÷¯±×ÀÎ È°¿ëÇϱâ
__Á¦ÀÌÄõ¸® UI Ç÷¯±×ÀÎ
__UI Ç÷¯±×ÀÎÀ¸·Î µå·¡±× ·¹À̾î â ¸¸µé±â
__UI Ç÷¯±×ÀÎÀ¸·Î ³¯Â¥ ¼³Á¤ ´Þ·Â ¸¸µé±â
_11-3 Swiper JS ¶óÀ̺귯¸® È°¿ëÇϱâ
__Swiper JS ¶óÀ̺귯¸®
_11-4 jquery-cookie Ç÷¯±×ÀÎ È°¿ëÇϱâ
__jquery-cookie Ç÷¯±×ÀÎ
_11-5 Ç÷¯±×ÀÎ Á÷Á¢ Á¦ÀÛÇϱâ
__Ç÷¯±×ÀÎÀ» Á¦ÀÛÇÏ´Â $.fn.extend( ) ¸Þ¼­µå
__°£´ÜÇÑ Ç÷¯±×ÀÎ Á¦ÀÛÇϱâ
__ÀÚÁÖ ¹¯´Â Áú¹® Ç÷¯±×ÀÎ Á¦ÀÛÇϱâ
__ÃÑÁ¤¸® ½Ç½À | Swiper JS¸¦ ÀÌ¿ëÇØ ¼¶³×ÀÏ ½½¶óÀÌµå °¶·¯¸® ¸¸µé±â
_¸¶¹«¸® ¹®Á¦

¼Â°¸¶´ç ÀÚ¹Ù½ºÅ©¸³Æ® + Á¦ÀÌÄõ¸® ½Ç¹« ¿¹Á¦

12Àå ¹ÝÀÀÇü À¥ UI ¸¸µé±â
_12-1 ÇÁ·ÎÁ§Æ® ±¸¼º°ú HTML ¹®¼­ ¼³°èÇϱâ
__ÇÁ·ÎÁ§Æ® ±¸¼º ¿ä¼Ò ¾Ë¾Æº¸±â
__HTML ·¹À̾ƿô°ú ÄÜÅÙÃ÷ ±¸¼º
__¹®¼­ÀÇ ±âº» ±¸Á¶
_12-2 °øÅë UI ¸¸µé±â
__ºê¶ó¿ìÀúÀÇ ³Êºñ ¼³Á¤Çϱâ
__GNB ¸¸µé±â
_12-3 ¸ÞÀÎ ÄÜÅÙÃ÷ ¿µ¿ª UI ¸¸µé±â
__¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ¹è³Ê ¸¸µé±â
__ÃÖ±Ù °Ô½Ã¹° ÅÇ ¸Þ´º ¸¸µé±â
__BEST BOOK ¸¸µé±â

½ºÆä¼È Å©·Ò ºê¶ó¿ìÀú·Î µð¹ö±ëÇϱâ

ã¾Æº¸±â