ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ¸®ÆÑÅ丵ÇÏ¿© Ç°Áú, °¡µ¶¼º, À¯Áöº¸¼ö¼ºÀ» °³¼±ÇÏ´Â ±â¼ú¿¡ ÃÊÁ¡À» ¸ÂÃá Á¾ÇÕ °¡À̵åÀÔ´Ï´Ù. ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ßÀÚ°¡ ¸®ÆÑÅ丵ÀÇ ¿ø¸®¿Í ±â¼úÀ» ÀÌÇØÇÏ°í ÇÁ·ÎÁ§Æ®¿¡ È¿°úÀûÀ¸·Î Àû¿ëÇÒ ¼ö ÀÖµµ·Ï µ½±â À§ÇØ ¸¸µé¾îÁ³½À´Ï´Ù.
1Àå, '¼Ò°³'¿¡¼´Â ¼ÒÇÁÆ®¿þ¾î °³¹ß¿¡¼ ¸®ÆÑÅ丵ÀÇ Á߿伺¿¡ ´ëÇÑ °³¿ä¸¦ Á¦°øÇÕ´Ï´Ù. ¸®ÆÑÅ丵ÀÌ ÇÊ¿äÇÑ ÀÌÀ¯¿Í ¸®ÆÑÅ丵ÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ庣À̽º¿¡ °¡Á®´ÙÁÖ´Â ÀÌÁ¡À» ÀÌÇØÇÏ°Ô µÉ °ÍÀÔ´Ï´Ù. ¶ÇÇÑ ÀÌ Àå¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ¸®ÆÑÅ丵°ú °ü·ÃµÈ °úÁ¦¿Í °í·Á »çÇ׿¡ ´ëÇØ ¼³¸íÇÕ´Ï´Ù.
2Àå, '°³¹ß ȯ°æ ¼³Á¤Çϱâ'¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¸®ÆÑÅ丵À» À§ÇÑ °³¹ß ȯ°æÀ» ¼³Á¤ÇÏ´Â °úÁ¤À» ¾È³»ÇÕ´Ï´Ù. ÄÚµå ÆíÁý±â, ¸°Æà µµ±¸¿Í °°ÀÌ ¸®ÆÑÅ丵 ÀÛ¾÷¿¡ µµ¿òÀÌ µÇ´Â Çʼö µµ±¸¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù. ÀÌ ÀåÀ» ÅëÇØ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ¸®ÆÑÅ丵À» ½ÃÀÛÇÏ´Â µ¥ ÇÊ¿äÇÑ µµ±¸¸¦ ÁغñÇÒ ¼ö ÀÖ½À´Ï´Ù.
3Àå, 'ES6+ ±â´ÉÀ¸·Î ÀÛ¾÷Çϱâ'¿¡¼´Â ES6 ÀÌ»ó¿¡ µµÀÔµÈ ÃֽŠÀÚ¹Ù½ºÅ©¸³Æ® ±â´ÉÀ¸·Î ¸®ÆÑÅ丵ÇÒ ¼ö ÀÖ´Â ±âȸ¿Í ±â¼úÀ» »ìÆ캾´Ï´Ù. È»ìÇ¥ ÇÔ¼ö, ÅÛÇø´ ¸®ÅÍ·², ±¸Á¶ ºÐÇØ, ¸ðµâ°ú °°Àº ±â´ÉÀ» È°¿ëÇÏ¿© Äڵ带 ¸®ÆÑÅ丵ÇÏ´Â ¹æ¹ýÀ» ¹è¿ì°Ô µË´Ï´Ù. ÀÌ Àå¿¡¼´Â ÄÚµå °¡µ¶¼º°ú À¯Áöº¸¼ö¼ºÀ» °³¼±Çϱâ À§ÇØ ÀÌ·¯ÇÑ ±â´ÉÀ» »ç¿ëÇÏ´Â ¹æ¹ýÀ» °Á¶ÇÕ´Ï´Ù.
4Àå, 'ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵'¿¡¼´Â ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö ¿øÄ¢°ú ±â¹ýÀ» Àû¿ëÇÏ¿© ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 ¸®ÆÑÅ丵ÇÏ´Â µ¥ ÁßÁ¡À» µÓ´Ï´Ù. ¼ø¼ö ÇÔ¼ö, ºÒº¯¼º, °íÂ÷ ÇÔ¼ö µîÀÇ °³³äÀ» »ç¿ëÇÏ¿© ¸í·ÉÇü Äڵ带 º¸´Ù ÇÔ¼öÇü ½ºÅ¸ÀÏ·Î º¯È¯ÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù. ÀÌ Àå¿¡¼´Â ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵¿¡ ´ëÇÑ ½Ç¿ëÀûÀÎ ¿¹Á¦¿Í °¡À̵å¶óÀÎÀ» Á¦°øÇÕ´Ï´Ù.
5Àå, 'ºñµ¿±â ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵'¿¡¼´Â ºñµ¿±â ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ¸®ÆÑÅ丵ÀÇ ¾î·Á¿òÀ» »ìÆ캾´Ï´Ù. ÄÝ¹é ±â¹Ý Äڵ带 ¸®ÆÑÅ丵ÇÏ¿© ÇÁ·Î¹Ì½º, async/await ¹× ±âŸ ºñµ¿±â ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» È°¿ëÇÏ´Â ¹æ¹ýÀ» ¹è¿ó´Ï´Ù. ÀÌ Àå¿¡¼´Â ÄÚµå ±¸¼º, ºñµ¿±â ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ¸®ÆÑÅ丵 ¸ð¹ü »ç·Ê¸¦ ´Ù·ì´Ï´Ù.
6Àå, '¸®ÆÑÅ丵µÈ ÄÚµå Å×½ºÆ® ¹× µð¹ö±ë'¿¡¼´Â ¸®ÆÑÅ丵 ÇÁ·Î¼¼½º¿¡¼ Å×½ºÆ®¿Í µð¹ö±ëÀÇ Á߿伺¿¡ ´ëÇØ ÀÚ¼¼È÷ »ìÆ캾´Ï´Ù. ´ÜÀ§ Å×½ºÆ® ¹× ÅëÇÕ Å×½ºÆ®¿Í °°Àº ´Ù¾çÇÑ Å×½ºÆ® ±â¹ý¿¡ ´ëÇØ ¾Ë¾Æº¸°í ¸®ÆÑÅ丵µÈ Äڵ忡 ´ëÇÑ Å×½ºÆ® ÄÉÀ̽º¸¦ »ý¼ºÇÏ´Â ¹æ¹ýÀ» ÀÌÇØÇÕ´Ï´Ù. ¶ÇÇÑ ÀÌ Àå¿¡¼´Â ¸®ÆÑÅ丵 ÇÁ·Î¼¼½º Áß¿¡ ¹®Á¦¸¦ ½Äº°ÇÏ°í ÇØ°áÇÏ´Â µ¥ µµ¿òÀÌ µÇ´Â µð¹ö±ë Àü·«°ú µµ±¸¿¡ ´ëÇؼµµ ´Ù·ì´Ï´Ù.
7Àå, '½ÇÁ¦ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀÌ¼Ç ¸®ÆÑÅ丵'¿¡¼´Â ½ÇÁ¦ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ» »ìÆ캸°í ÄÚµå Ç°ÁúÀ» °³¼±Çϱâ À§ÇØ ¸®ÆÑÅ丵 ±â¼úÀ» Àû¿ëÇÏ´Â ¹æ¹ýÀ» º¸¿©ÁÜÀ¸·Î½á ½Ç¿ëÀûÀÎ Á¢±Ù ¹æ½ÄÀ» ÃëÇÕ´Ï´Ù. ·¹°Å½Ã ÄÚµå ¸®ÆÑÅ丵, ¼º´É ÃÖÀûÈ, À¯Áöº¸¼ö¼º Çâ»ó µî ´Ù¾çÇÑ ½Ã³ª¸®¿À¿¡ ´ëÇÑ ¸®ÆÑÅ丵 Àü·«¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.
ÀÌ Ã¥Àº ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ¸®ÆÑÅ丵¿¡ ´É¼÷ÇØÁö±â À§ÇÑ Çʼö °¡À̵åÀÔ´Ï´Ù. ÀÌ Ã¥Àº ¿Ã¹Ù¸¥ ¸®ÆÑÅ丵 °üÇàÀ» È®¸³ÇÏ·Á´Â Ãʺ¸ÀÚÀ̵ç Äڵ庣À̽º¸¦ °³¼±ÇÏ·Á´Â ¼÷·ÃµÈ °³¹ßÀÚÀÌµç »ó°ü¾øÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 È¿°úÀûÀ¸·Î ¸®ÆÑÅ丵ÇÒ ¼ö ÀÖ´Â Áö½Ä°ú ±â¼úÀ» ½ÀµæÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁÝ´Ï´Ù. ÀÌ Ã¥À» ´Ù ÀÐ°í ³ª¸é º¹ÀâÇÏ°í ¾ôÈù Äڵ带 ±ò²ûÇÏ°í À¯Áö °ü¸®Çϱ⠽¬¿î ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀ̼ÇÀ¸·Î º¯È¯ÇÒ ¼ö ÀÖ´Â ±â¼úÀ» °®Ãß°Ô µÉ °ÍÀÔ´Ï´Ù.
1Àå : ¼Ò°³
___1. ¸®ÆÑÅ丵À̶õ?
___2. ¸®ÆÑÅ丵ÀÌ Áß¿äÇÑ ÀÌÀ¯
___3. ÀÚ¹Ù½ºÅ©¸³Æ® ¸®ÆÑÅ丵 ±â¼ú °³¿ä
2Àå : °³¹ß ȯ°æ ¼³Á¤Çϱâ
___1. Node.js ¹× npm ¼³Ä¡Çϱâ
___2. ÄÚµå ÆíÁý±â ±¸¼ºÇϱâ
___3. ESLint ¹× ±âŸ À¯¿ëÇÑ µµ±¸ ¼³Ä¡Çϱâ
3Àå : ES6+ ±â´ÉÀ¸·Î ÀÛ¾÷Çϱâ
___1. »õ·Î¿î ¾ð¾î ±â´É °³¿ä
___2. const ¹× letÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵
___3. È»ìÇ¥ ÇÔ¼ö »ç¿ëÇϱâ
___4. ÅÛÇø´ ¸®ÅÍ·²À» »ç¿ëÇÑ ¸®ÆÑÅ丵
___5. ±¸Á¶ ºÐÇØ·Î ÀÛ¾÷Çϱâ
___6. ½ºÇÁ·¹µå ¹× ³ª¸ÓÁö ¿¬»êÀÚ¸¦ »ç¿ëÇÑ ¸®ÆÑÅ丵
4Àå : ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵
___1. ÇÔ¼öÇü ÇÁ·Î±×·¡¹Ö °³³ä °³¿ä
___2. ¼ø¼ö ÇÔ¼ö¸¦ »ç¿ëÇÑ ¸®ÆÑÅ丵
___3. °íÂ÷ ÇÔ¼ö·Î ÀÛ¾÷Çϱâ
___4. ÇÔ¼ö ±¸¼ºÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵
___5. ĸ½¶È¸¦ À§ÇØ Å¬·ÎÀú »ç¿ëÇϱâ
5Àå : ºñµ¿±â ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» »ç¿ëÇÑ ¸®ÆÑÅ丵
___1. ºñµ¿±â ÇÁ·Î±×·¡¹Ö °³¿ä
___2. ÇÁ·Î¹Ì½º¸¦ »ç¿ëÇÑ ¸®ÆÑÅ丵
___3. async/await ÀÛ¾÷Çϱâ
___4. À̺¥Æ® Á᫐ ÇÁ·Î±×·¡¹ÖÀ¸·Î ¸®ÆÑÅ丵Çϱâ
___5. ¹ÝÀÀÇü ÇÁ·Î±×·¡¹Ö¿¡ ¿ÉÀú¹öºí »ç¿ëÇϱâ
6Àå : ¸®ÆÑÅ丵µÈ ÄÚµå Å×½ºÆ® ¹× µð¹ö±ëÇϱâ
___1. Å×½ºÆ® ¹× µð¹ö±ë ±â¼ú °³¿ä
___2. Jest·Î ´ÜÀ§ Å×½ºÆ® ÀÛ¼ºÇϱâ
___3. µð¹ö°Å¿Í ÄÜ¼Ö ·Î±× ¹® »ç¿ëÇϱâ
___4. Chrome °³¹ßÀÚ µµ±¸·Î ¼º´É ºÐ¼®Çϱâ
___5. Å×½ºÆ® °¡´É¼º ¹× À¯Áöº¸¼ö¼ºÀ» À§ÇÑ ¸®ÆÑÅ丵
7Àå : ½ÇÁ¦ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀÌ¼Ç ¸®ÆÑÅ丵
___1. ÀϹÝÀûÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀÌ¼Ç »ç·Ê ¿¬±¸
___2. ·¹°Å½Ã Äڵ庣À̽º ¸®ÆÑÅ丵
___3. È®À强 ¹× ¼º´ÉÀ» À§ÇÑ ¸®ÆÑÅ丵
___4. À¯Áöº¸¼ö¼º ¹× °¡µ¶¼ºÀ» À§ÇÑ ¸®ÆÑÅ丵