ºü¸£°Ô º¯ÈÇÏ´Â À¥ °³¹ß ¼¼°è¿¡¼´Â ÃֽŠ±â¼úÀ» ÃֽŠ»óÅ·ΠÀ¯ÁöÇÏ´Â °ÍÀÌ ¸Å¿ì Áß¿äÇÕ´Ï´Ù. ÃֽŠÀ¥»çÀÌÆ®ÀÇ ÀÎÅÍ·¢Æ¼ºêÇÏ°í µ¿ÀûÀÎ ¿ä¼Ò¸¦ ±¸µ¿ÇÏ´Â ÇÁ·Î±×·¡¹Ö ¾ð¾îÀÎ ÀÚ¹Ù½ºÅ©¸³Æ®´Â ÃÖ±Ù ¸î ³â µ¿¾È Å©°Ô ¹ßÀüÇß½À´Ï´Ù. ²÷ÀÓ¾øÀÌ º¯ÈÇϴ ȯ°æÀ» ÇìÃijª°¡±â À§ÇØ '¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®'´Â ÃֽŠ±â´É°ú °³³äÀ» ÀÌÇØÇÏ°í ¼÷´ÞÇϱâ À§ÇÑ Á¾ÇÕÀûÀÎ °¡ÀÌµå ¿ªÇÒÀ» ÇÕ´Ï´Ù.
1Àå, '¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ÀÔ¹®'¿¡¼´Â ÀÌ Ã¥ÀÇ °³¿ä¿Í À¥ °³¹ß¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ªÇÒÀ» ¼³¸íÇÏ¸ç ½ÃÀÛÀ» ¾Ë¸³´Ï´Ù. ÃֽŠƮ·»µå¸¦ µû¶óÀâ´Â °ÍÀÇ Á߿伺°ú ÇÁ·ÎÁ§Æ®¿¡¼ ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏ´Â °ÍÀÇ ÀÌÁ¡À» °Á¶ÇÕ´Ï´Ù.
2Àå, '¾ð¾î ±âÃÊ'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âÃÊÀûÀÎ Ãø¸éÀ» »ìÆ캾´Ï´Ù. º¯¼ö, µ¥ÀÌÅÍ Å¸ÀÔ, ¿¬»êÀÚ, Á¦¾î È帧, ÇÔ¼ö µîÀÇ Çʼö °³³äÀ» ´Ù·ì´Ï´Ù. ÀÌ Àå¿¡¼´Â °í±Þ ÁÖÁ¦·Î ³Ñ¾î°¡±â Àü¿¡ ¾ð¾îÀÇ ÇÙ½É ±¸¼º ¿ä¼Ò¸¦ È®½ÇÈ÷ ÆľÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
3Àå, 'ES6(ECMAScript 2015)¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Å©°Ô °³¼±ÇÑ ¸±¸®½º¿¡ ÁßÁ¡À» µÓ´Ï´Ù. È»ìÇ¥ ÇÔ¼ö, Ŭ·¡½º, ¸ðµâ, ÅÛÇø´ ¸®ÅÍ·² µîÀ» Æ÷ÇÔÇÏ¿© ECMAScript 2015 ¹× ÈÄ¼Ó ¹öÀü¿¡ µµÀÔµÈ »õ·Î¿î ±â´É¿¡ ´ëÇØ »ìÆ캾´Ï´Ù.
4Àå, '°í±Þ ÀÚ¹Ù½ºÅ©¸³Æ® °³³ä'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ÀÌÇظ¦ ÇÑ ´Ü°è ²ø¾î¿Ã¸³´Ï´Ù. Ŭ·ÎÀú, ÇÁ·ÎÅäŸÀÔ, ºñµ¿±â ÇÁ·Î±×·¡¹Ö°ú °°Àº º¸´Ù º¹ÀâÇÑ ÁÖÁ¦¸¦ ´Ù·ì´Ï´Ù. ÀÌ·¯ÇÑ °³³äÀ» ÀÍÈ÷¸é ´õ È¿À²ÀûÀÌ°í À¯Áö °ü¸®°¡ ½¬¿î Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù.
5Àå, '¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °í±Þ ÁÖÁ¦'¿¡¼´Â ÀÌÀü Àå¿¡¼ ´Ù·é °í±Þ °³³äÀ» È®ÀåÇÕ´Ï´Ù. ÀÌ Àå¿¡¼´Â ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö, ¸®¾×Ƽºê ÇÁ·Î±×·¡¹Ö, À¥ ÄÄÆ÷³ÍÆ®¿Í °°Àº ÁÖÁ¦¸¦ »ìÆ캾´Ï´Ù. ÀÌ Àå¿¡¼´Â ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ±â´ÉÀ» È°¿ëÇÏ¿© °·ÂÇÏ°í Á¤±³ÇÑ ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ½À´Ï´Ù.
6Àå, 'ºê¶ó¿ìÀú·Î ÀÛ¾÷Çϱâ'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ºê¶ó¿ìÀú ȯ°æÀÇ »óÈ£ ÀÛ¿ëÀ» »ìÆ캾´Ï´Ù. DOM(¹®¼ °´Ã¼ ¸ðµ¨) Á¶ÀÛ, À̺¥Æ® ó¸®, Æû ÀÛ¾÷, AJAX ¿äûÀ» ´Ù·ì´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀÌ·¯ÇÑ ºê¶ó¿ìÀúº° Ãø¸éÀ» ÀÌÇØÇÏ´Â °ÍÀº µ¿ÀûÀÌ°í ÀÎÅÍ·¢Æ¼ºêÇÑ À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÏ´Â µ¥ ÇʼöÀûÀÔ´Ï´Ù.
7Àå, '¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸® ¹× ÇÁ·¹ÀÓ¿öÅ©'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ°¡ »ç¿ëÇÒ ¼ö Àִ dzºÎÇÑ ¶óÀ̺귯¸® ¹× ÇÁ·¹ÀÓ¿öÅ© »ýÅ°踦 »ìÆ캾´Ï´Ù. ÀÌ Àå¿¡¼´Â ÁÖ¿ä ±â´É ¹× »ç¿ë »ç·Ê¿Í ÇÔ²² React, Vue.js, Angular¿Í °°Àº Àαâ ÀÖ´Â ¶óÀ̺귯¸®¿¡ ´ëÇÑ °³¿ä¸¦ Á¦°øÇÕ´Ï´Ù. ÀÌ Àå¿¡¼´Â ÇÁ·ÎÁ§Æ®¿¡ ÀûÇÕÇÑ µµ±¸¸¦ ¼±ÅÃÇÏ´Â µ¥ µµ¿òÀ» ÁÖ°í ÀÌ·¯ÇÑ µµ±¸°¡ »ý»ê¼ºÀ» Çâ»ó½ÃÅ°´Â ¹æ¹ýÀ» º¸¿©ÁÝ´Ï´Ù.
8Àå, 'µµ±¸ ¹× ¿öÅ©Ç÷Î'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß ÇÁ·Î¼¼½º¸¦ °£¼ÒÈÇÒ ¼ö ÀÖ´Â °³¹ß µµ±¸¿Í ¿öÅ©Ç÷θ¦ ÁßÁ¡ÀûÀ¸·Î »ìÆ캾´Ï´Ù. ÆÐÅ°Áö °ü¸®ÀÚ, ŽºÅ© ·¯³Ê, ¹øµé·¯, Å×½ºÆ® ÇÁ·¹ÀÓ¿öÅ©¿¡ ´ëÇØ ´Ù·ì´Ï´Ù. ÀÌ Àå¿¡¼´Â °³¹ß ¿öÅ©Ç÷θ¦ ÃÖÀûÈÇÏ°í ÄÚµå Ç°ÁúÀ» º¸ÀåÇϱâ À§ÇÑ Áö½ÄÀ» ½ÀµæÇÒ ¼ö ÀÖ½À´Ï´Ù.
9Àå, '¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸ð¹ü »ç·Ê'¿¡¼´Â ¾÷°è ¸ð¹ü »ç·Ê¿Í ÄÚµù ±ÔÄ¢À» °Á¶Çϸç Ã¥À» ¸¶¹«¸®ÇÕ´Ï´Ù. ÀÌ Àå¿¡¼´Â ÄÚµå ±¸¼º, ¼º´É ÃÖÀûÈ, ¿À·ù ó¸®, º¸¾È °í·Á »çÇ×°ú °°Àº ÁÖÁ¦¸¦ ´Ù·ì´Ï´Ù. ÀÌ Àå¿¡¼´Â ±ò²ûÇÏ°í È¿À²ÀûÀ̸ç À¯Áö °ü¸®°¡ ¿ëÀÌÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ÀÛ¼ºÇÏ´Â µ¥ µµ¿òÀÌ µÇ´Â ÁöħÀ» Á¦°øÇÕ´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âÃʸ¦ źźÈ÷ ´ÙÁö·Á´Â Ãʺ¸ÀÚµç, ÃֽŠƮ·»µå¸¦ ¼±µµÇÏ°íÀÚ ÇÏ´Â ¼÷·ÃµÈ °³¹ßÀÚµç, '¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®'´Â Á¾ÇÕÀûÀÎ ¸®¼Ò½ºÀÔ´Ï´Ù. ÀÌ Ã¥¿¡¼ ´Ù·ç´Â °³³ä, ±â´É, µµ±¸¸¦ ÀÍÈ÷¸é °·ÂÇÏ°í È¿À²ÀûÀÎ ÃÖ÷´Ü ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ» ¸¸µé ¼ö ÀÖ´Â ¿ª·®À» °®Ãß°Ô µË´Ï´Ù.
1Àå : ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò°³
___1. ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®¶õ?
___2. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¿ª»ç
___3. ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÃֽŠ¹öÀüÀº?
___4. ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀåÁ¡
2Àå : ¾ð¾î ±âÃÊ
___1. º¯¼ö¿Í µ¥ÀÌÅÍ Å¸ÀÔ
___2. ¿¬»êÀÚ
___3. Á¦¾î È帧¹®
___4. ÇÔ¼ö
___5. °´Ã¼
___6. ¹è¿
3Àå : ES6 (ECMAScript 2015)
___1. ºí·Ï ¹üÀ§ ¼±¾ð(let, const)
___2. È»ìÇ¥ ÇÔ¼ö
___3. ÅÛÇø´ ¸®ÅÍ·²
___4. ±¸Á¶ ºÐÇØ ÇÒ´ç
___5. ³ª¸ÓÁö ¹× ½ºÇÁ·¹µå ¿¬»êÀÚ
___6. ±âº» ÆĶó¹ÌÅÍ
___7. Ŭ·¡½º ¹× »ó¼Ó
___8. ¸ðµâ
___9. ÇÁ·Î¹Ì½º
___10. Async/Await
___11. Á¦³Ê·¹ÀÌÅÍ
4Àå : °í±Þ ÀÚ¹Ù½ºÅ©¸³Æ® °³³ä
___1. ¹üÀ§¿Í Ŭ·ÎÀú
___2. ÇÁ·ÎÅäŸÀÔ°ú »ó¼Ó
___3. °íÂ÷ ÇÔ¼ö
___4. ºñµ¿±â ÀÚ¹Ù½ºÅ©¸³Æ®
___5. Äݹé ÇÔ¼ö
___6. À̺¥Æ® ·çÇÁ
___7. Á¤±Ô Ç¥Çö½Ä
5Àå : ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °í±Þ ÁÖÁ¦
___1. ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
___2. ¸®¾×Ƽºê ÇÁ·Î±×·¡¹Ö
___3. µ¥ÀÌÅÍ ½Ã°¢È
___4. À¥ ÄÄÆ÷³ÍÆ®
___5. À¥ ¾î¼Àºí¸®
6Àå : ºê¶ó¿ìÀú·Î ÀÛ¾÷Çϱâ
___1. ¹®¼ °´Ã¼ ¸ðµ¨(DOM)
___2. DOM ¿ä¼Ò Á¶ÀÛÇϱâ
___3. ºê¶ó¿ìÀú À̺¥Æ®
___4. AJAX
___5. Fetch API
___6. ·ÎÄÃ ÀúÀå¼Ò
7Àå : ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸® ¹× ÇÁ·¹ÀÓ¿öÅ©
___1. React
___2. Vue.js
___3. Angular
___4. Node.js
___5. Express
___6. jQuery
8Àå : µµ±¸ ¹× ¿öÅ©Ç÷Î
___1. ÃֽŠ°³¹ß ȯ°æ ¼³Á¤
___2. ºôµå µµ±¸(Webpack, Parcel, Rollup)
___3. ŽºÅ© ·¯³Ê(Gulp, Grunt)
___4. ¸°ÅÍ ¹× ÄÚµå Ç°Áú µµ±¸(ESLint, Prettier)
___5. µð¹ö±ë µµ±¸
___6. Å×½ºÆ® ÇÁ·¹ÀÓ¿öÅ©(Jest, Mocha, Jasmine)
___7. Áö¼ÓÀû ÅëÇÕ(CI) ¹× Áö¼ÓÀû ¹èÆ÷(CD)
9Àå : ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ¸ð¹ü »ç·Ê
___1. ÄÚµù ½ºÅ¸ÀÏ
___2. ÄÚµå ±¸¼º
___3. ¼º´É ÃÖÀûÈ
___4. ¿À·ù ó¸®
___5. º¸¾È
___6. Á¢±Ù¼º
___7. ´ÜÀ§ Å×½ºÆ®
___8. µð¹ö±ë