ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾îÀÇ °í±Þ ±â´É°ú °³³äÀ» »ìÆ캸´Â Á¾ÇÕ °¡À̵åÀÔ´Ï´Ù. ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ°¡ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡ ´ëÇÑ ÀÌÇظ¦ ±í°Ô ÇÏ°í ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀáÀç·ÂÀ» ÃÖ´ëÇÑ È°¿ëÇÏ¿© °·ÂÇÏ°í È¿À²ÀûÀÎ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ µµ¿òÀÌ µÇµµ·Ï ¼³°èµÇ¾ú½À´Ï´Ù.
1Àå, '°í±Þ ¾ð¾î ±â´É'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °í±Þ ¾ð¾î ±â´ÉÀ» ÀÚ¼¼È÷ »ìÆ캾´Ï´Ù. ECMAScript 6(ES6) ±¸¹®, Ŭ·¡½º¿Í »ó¼Ó, ¸ðµâ°ú °°Àº °³³äÀ» »ìÆ캾´Ï´Ù. ÀÌ Àå¿¡¼´Â ÀÌ·¯ÇÑ ±â´ÉÀÌ ³»ºÎ¿¡¼ ¾î¶»°Ô ÀÛµ¿ÇÏ´ÂÁö, Äڵ忡¼ È¿°úÀûÀ¸·Î È°¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇÑ ÅëÂû·ÂÀ» Á¦°øÇÕ´Ï´Ù.
2Àå, 'ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» ÁßÁ¡ÀûÀ¸·Î ´Ù·ì´Ï´Ù. °íÂ÷ ÇÔ¼ö, ºÒº¯¼º, ¼ø¼ö ÇÔ¼ö, ÇÔ¼ö ±¸¼º¿¡ ´ëÇØ ¹è¿ì°Ô µË´Ï´Ù. ÀÌ Àå¿¡¼´Â ÇÔ¼öÇü ÇÁ·Î±×·¡¹ÖÀ» ÅëÇØ ¾î¶»°Ô ¸ðµâȵǰí Àç»ç¿ë °¡´ÉÇϸç À¯Áö °ü¸®°¡ ¿ëÀÌÇÑ Äڵ带 ¸¸µé ¼ö ÀÖ´ÂÁö »ìÆ캾´Ï´Ù.
3Àå, 'µðÀÚÀÎ ÆÐÅÏ'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ ÀϹÝÀûÀ¸·Î »ç¿ëµÇ´Â µðÀÚÀÎ ÆÐÅÏÀ» »ìÆ캾´Ï´Ù. ½Ì±ÛÅæ ÆÐÅÏ, ¿ÉÀú¹ö ÆÐÅÏ, ÆÑÅ丮 ÆÐÅÏ°ú °°Àº ÆÐÅÏ¿¡ ´ëÇØ ¹è¿ó´Ï´Ù. ÀÌ Àå¿¡¼´Â ½Ç¿ëÀûÀÎ ¿¹Á¦¸¦ Á¦°øÇÏ°í ÀÌ·¯ÇÑ ÆÐÅÏÀ» Àû¿ëÇÏ¿© ÀϹÝÀûÀÎ ¼ÒÇÁÆ®¿þ¾î ¼³°è ¹®Á¦¸¦ ÇØ°áÇÏ´Â ¹æ¹ýÀ» º¸¿©ÁÝ´Ï´Ù.
4Àå, 'µ¥ÀÌÅÍ ±¸Á¶¿Í ¾Ë°í¸®Áò'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ µ¥ÀÌÅÍ ±¸Á¶¿Í ¾Ë°í¸®ÁòÀÇ ±¸Çö°ú »ç¿ë¹ýÀ» »ìÆ캾´Ï´Ù. ¹è¿, ¿¬°á ¸®½ºÆ®, Æ®¸®, ±×·¡ÇÁ, Á¤·Ä ¾Ë°í¸®Áò, °Ë»ö ¾Ë°í¸®Áò°ú °°Àº °³³äÀ» »ìÆ캾´Ï´Ù. ÀÌ Àå¿¡¼´Â ´Ù¾çÇÑ µ¥ÀÌÅÍ ±¸Á¶ ¹× ¾Ë°í¸®Áò°ú °ü·ÃµÈ ¼º´É Ư¼º ¹× ¸ð¹ü »ç·Ê¿¡ ´ëÇÑ ÅëÂû·ÂÀ» Á¦°øÇÕ´Ï´Ù.
5Àå, 'À¥ °³¹ß'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÑ À¥ °³¹ßÀÇ °í±Þ ±â¼ú°ú ¸ð¹ü »ç·Ê¿¡ ÁßÁ¡À» µÓ´Ï´Ù. DOM Á¶ÀÛ, À̺¥Æ® ó¸®, AJAX, À¥¼ÒÄÏ ¹× ½Ç½Ã°£ Åë½Å°ú °°Àº ÁÖÁ¦¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.
6Àå, 'Å×½ºÆ® ¹× µð¹ö±ë'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå Å×½ºÆ® ¹× µð¹ö±ëÀ» À§ÇÑ °í±Þ ±â¼úÀ» ´Ù·ì´Ï´Ù. ´Ù¾çÇÑ Å×½ºÆ® ÇÁ·¹ÀÓ¿öÅ©¿Í µµ±¸´Â ¹°·Ð È¿°úÀûÀÎ Å×½ºÆ® »ç·Ê¸¦ ÀÛ¼ºÇϱâ À§ÇÑ Àü·«¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù. ¶ÇÇÑ ÄÚµåÀÇ ¹®Á¦¸¦ ½Äº°ÇÏ°í ¼öÁ¤ÇÏ´Â µ¥ µµ¿òÀÌ µÇ´Â °í±Þ µð¹ö±ë ±â¹ý°ú µµ±¸µµ »ìÆ캾´Ï´Ù.
7Àå, 'µµ±¸ ¹× ºôµå ÇÁ·Î¼¼½º'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÇ °í±Þ µµ±¸ ¹× ºôµå ÇÁ·Î¼¼½º¸¦ »ìÆ캾´Ï´Ù. ÆÐÅ°Áö °ü¸®ÀÚ, ŽºÅ© ·±³Ê, ¹øµé·¯, ºôµå ÀÚµ¿È¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù. ÀÌ Àå¿¡¼´Â ÃֽŠÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß ¿öÅ©Ç÷ο¡ »ç¿ëµÇ´Â Àαâ ÀÖ´Â µµ±¸¿Í ±â¹ýÀ» ´Ù·ì´Ï´Ù.
8Àå, 'º¸¾È ¹× ¼º´É'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀ̼ÇÀÇ º¸¾È ¹× ¼º´É °í·Á »çÇ×À» ÁßÁ¡ÀûÀ¸·Î »ìÆ캾´Ï´Ù. ÀϹÝÀûÀÎ º¸¾È Ãë¾àÁ¡°ú À̸¦ ¿ÏÈÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù. ÀÌ Àå¿¡¼´Â ¼º´É°ú È®À强À» Çâ»óÇϱâ À§ÇØ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ÃÖÀûÈÇÏ´Â ±â¼úµµ ´Ù·ì´Ï´Ù.
9Àå, '°í±Þ ÁÖÁ¦'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇѰ踦 ¶Ù¾î³Ñ´Â °í±Þ ÁÖÁ¦¸¦ »ìÆ캾´Ï´Ù. À¥ ÄÄÆ÷³ÍÆ®, À¥¾î¼Àºí¸®, ºÐ»êÇü ¾ÖÇø®ÄÉÀ̼Ç, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ¸Ó½Å ·¯´×°ú °°Àº ÁÖÁ¦¸¦ »ìÆ캾´Ï´Ù. ÀÌ Àå¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® »ýÅ°èÀÇ ÃֽŠ±â¼ú°ú µ¿Çâ¿¡ ´ëÇÑ ÀλçÀÌÆ®¸¦ Á¦°øÇÕ´Ï´Ù.
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °í±Þ °³³ä°ú ±â¼úÀ» ¸¶½ºÅÍÇϱâ À§ÇÑ Çʼö °¡À̵åÀÔ´Ï´Ù. ÀÌ Ã¥Àº ¾ð¾î¿¡ ´ëÇÑ ÀÌÇظ¦ ±í°Ô ÇÏ°íÀÚ ÇÏ´Â ¼÷·ÃµÈ °³¹ßÀÚÀ̵ç, ÀÚ¹Ù½ºÅ©¸³Æ® Àü¹®°¡°¡ µÇ°íÀÚ ÇÏ´Â ¾ß½É Âù °³¹ßÀÚÀ̵ç, º¹ÀâÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·ÎÁ§Æ®¸¦ ó¸®ÇÏ°í °íÇ°Áú ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÒ ¼ö ÀÖ´Â Áö½Ä°ú ±â¼úÀ» °®Ãß°Ô ÇØÁÙ °ÍÀÔ´Ï´Ù.
1Àå : °í±Þ ¾ð¾î ±â´É
___1. È»ìÇ¥ ÇÔ¼ö
___2. ÅÛÇø´ ¸®ÅÍ·²
___3. µð½ºÆ®·°Ã³¸µ
___4. ½ºÇÁ·¹µå ¹× ³ª¸ÓÁö ¿¬»êÀÚ
___5. ¿É¼Å³Î üÀÌ´×
___6. ³Î¸®½¬ º´ÇÕ ¿¬»êÀÚ
___7. Ŭ·¡½º¿Í »ó¼Ó
___8. ¸ðµâ
2Àå : ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
___1. ¼ø¼ö ÇÔ¼ö¿Í ºÒº¯¼º
___2. °íÂ÷ ÇÔ¼ö
___3. ÇÔ¼ö ±¸¼º
___4. Àç±Í
___5. Ä¿¸µ ¹× ºÎºÐ Àû¿ë
___6. ¸ð³ªµå¿Í ÆãÅÍ
___7. ¹è¿°ú °´Ã¼¸¦ »ç¿ëÇÑ ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö
___8. ÇÁ·Î¹Ì½º ¹× async/await¸¦ »ç¿ëÇÑ ºñµ¿±â ÇÁ·Î±×·¡¹Ö
3Àå : µðÀÚÀÎ ÆÐÅÏ
___1. ½Ì±ÛÅæ ÆÐÅÏ
___2. ÆÑÅ丮 ÆÐÅÏ
___3. µ¥ÄÚ·¹ÀÌÅÍ ÆÐÅÏ
___4. ¿ÉÀú¹ö ÆÐÅÏ
___5. ¾î´ðÅÍ ÆÐÅÏ
___6. Àü·« ÆÐÅÏ
___7. ÄÄÆ÷ÁöÆ® ÆÐÅÏ
___8. Ä¿¸Çµå ÆÐÅÏ
4Àå : µ¥ÀÌÅÍ ±¸Á¶¿Í ¾Ë°í¸®Áò
___1. ¹è¿°ú ¿¬°á ¸®½ºÆ®
___2. ½ºÅðú Å¥
___3. Æ®¸® ¹× ±×·¡ÇÁ
___4. Çؽà Å×ÀÌºí ¹× ¸Ê
___5. Á¤·Ä ¾Ë°í¸®Áò
___6. °Ë»ö ¾Ë°í¸®Áò
___7. µ¿Àû ÇÁ·Î±×·¡¹Ö
5Àå : À¥ °³¹ß
___1. DOM Á¶ÀÛ
___2. À̺¥Æ® ó¸®
___3. HTTP ¿äû ¹× AJAX
___4. SPA ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÑ ¶ó¿ìÆÃ
___5. ÀÎÁõ ¹× ±ÇÇÑ ºÎ¿©
___6. À¥¼ÒÄÏ ¹× ½Ç½Ã°£ Åë½Å
___7. ÇÁ·Î±×·¹½Ãºê À¥ ¾Û
6Àå : Å×½ºÆ® ¹× µð¹ö±ë
___1. Jest ¶Ç´Â Mocha¸¦ »ç¿ëÇÑ ´ÜÀ§ Å×½ºÆ®
___2. Å×½ºÆ® Á᫐ °³¹ß
___3. µð¹ö±ë µµ±¸ ¹× ±â¹ý
___4. ¼º´É ÇÁ·ÎÆÄÀϸµ ¹× ÃÖÀûÈ
7Àå : µµ±¸ ¹× ºôµå ÇÁ·Î¼¼½º
___1. ŽºÅ© ·±³Ê ¹× ºôµå µµ±¸(¿¹: Grunt, Gulp, Webpack)
___2. ¹Ùº§À» »ç¿ëÇÑ Æ®·£½ºÆÄÀϸµ
___3. ÄÚµå ¸°Æà ¹× ¼½Ä ÁöÁ¤
___4. Áö¼ÓÀûÀÎ ÅëÇÕ ¹× ¹èÆ÷
8Àå : º¸¾È ¹× ¼º´É
___1. »çÀÌÆ® °£ ½ºÅ©¸³Æà ¹× »çÀÌÆ® °£ ¿äû À§Á¶ ¹æÁö
___2. ÀÔ·Â À¯È¿¼º °Ë»ç ¹× À§»ý ó¸®
___3. ¼¹ö Ãø ·»´õ¸µ ¹× »çÀü ·»´õ¸µ
___4. ij½Ì ¹× ÄÜÅÙÃ÷ Àü¼Û ³×Æ®¿öÅ©
___5. ¾ÐÃà ¹× Ãà¼Ò
___6. ¸Þ¸ð¸® °ü¸® ¹× ÃÖÀûÈ
9Àå : °í±Þ ÁÖÁ¦
___1. À¥ ÄÄÆ÷³ÍÆ® ¹× ¼¨µµ DOM
___2. ¼ºñ½º ¿öÄ¿¿Í ¿ÀÇÁ¶óÀÎ ±â´É
___3. À¥¾î¼Àºí¸® ¹× ±âº» ¼º´É
___4. ºí·ÏüÀΰú ºÐ»êÇü ¾ÖÇø®ÄÉÀ̼Ç
___5. ¸Ó½Å ·¯´×°ú TensorFlow.js¸¦ »ç¿ëÇÑ AI