°³¹ßÀÚ°¡ »ç¶ûÇÏ´Â ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ© (1) ½ºº§Æ®(Svelte)ÀÇ Æ¯Â¡
½ºº§Æ®(Svelte)´Â 2016³â Ãâ½ÃÇÑ ¿ÀǼҽº ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ©ÀÔ´Ï´Ù. 2021³â 11¿ù ÇöÀç 3.44.1 ¹öÀüÀÌ Ãâ½ÃµÇ¾ú½À´Ï´Ù.
ÈçÈ÷ 3´ë ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ©·Î ºÒ¸®´Â ¸®¾×Æ®(React), ºä(Vue.js), ¾Þ±Ö·¯(Angular)¿¡ ½ºº§Æ®°¡ µµÀüÀåÀ» ³»¹Î ¸ð¾ç»õÀÔ´Ï´Ù. [±×¸² 2], [±×¸² 3]°ú °°ÀÌ ½ºÅà ¿À¹öÇ÷οì(Stack Overflow)°¡ 2021³â ¹ßÇ¥ÇÑ °³¹ßÀÚ ¼³¹® Á¶»çÀÇ À¥ ÇÁ·¹ÀÓ¿öÅ© ºÎ¹® °á°ú¸¦ º¸¸é ½ºº§Æ®´Â °¡Àå '»ç¶û¹Þ´Â' ÇÁ·¹ÀÓ¿öÅ© 1À§, °¡Àå '¿øÇÏ´Â' ÇÁ·¹ÀÓ¿öÅ© 5À§¿¡ ¿Ã¶óÀÖ½À´Ï´Ù.
[±×¸² 4], [±×¸² 5]¿Í °°ÀÌ ÀÚ¹Ù½ºÅ©¸³Æ® ¼³¹®Á¶»ç State of JS 2020ÀÇ ÇÁ·ÐÆ®¿£µå ÇÁ·¹ÀÓ¿öÅ© Ä«Å×°í¸®¿¡¼ ½ºº§Æ®´Â ¸¸Á·µµ¡¤°ü½Éµµ ºÎ¹® 1À§·Î ¼±Á¤µÇ¾ú½À´Ï´Ù.
ÀÌ¿Í °°ÀÌ Àü ¼¼°è °³¹ßÀÚµéÀÌ ½ºº§Æ®¿¡ ¸¹Àº °ü½ÉÀ» º¸ÀÌ¸é¼ ÇÑ ¹ø »ç¿ëÇÏ¸é ³ôÀº ¸¸Á·µµ¸¦ ³ªÅ¸³»´Â ÀÌÀ¯´Â ¹«¾ùÀϱî¿ä? º» ¾ÆƼŬ¿¡¼´Â 1Æí°ú 2ÆíÀ¸·Î ³ª´©¾î ½ºº§Æ®ÀÇ Æ¯Â¡°ú »ç¿ë¹ý¿¡ ´ëÇØ »ìÆ캸°Ú½À´Ï´Ù.
½ºº§Æ® °ø½Ä »çÀÌÆ®¿¡¼´Â ¼¼ °¡Áö Ư¡À» ³»¼¼¿ì°í ÀÖ½À´Ï´Ù. ÀûÀº ¾çÀÇ ÄÚµå·Î ÀÛ¼ºÇÏ°í °¡»ó µ¼À» »ç¿ëÇÏÁö ¾ÊÀ¸¸ç ÁøÂ¥ ¹ÝÀÀ¼º(Reactive)À» Á¦°øÇÑ´Ù´Â Á¡ÀÔ´Ï´Ù.
½ºº§Æ®´Â ÀÛ¼ºÇØ¾ß ÇÏ´Â ÄÚµåÀÇ ¾çÀ» ÁÙÀÌ´Â °ÍÀ» Áß¿ä½ÃÇÕ´Ï´Ù. ¾Æ·¡ ¿¹½Ã¿Í °°Àº ±â´ÉÀ» ±¸ÇöÇÒ ¶§ ½ºº§Æ®´Â 145ÀÚ¸¦ »ç¿ëÇÏ°í ¸®¾×Æ®´Â 442ÀÚ, ºä´Â 263ÀÚ¸¦ »ç¿ëÇÕ´Ï´Ù. ÀϹÝÀûÀ¸·Î ¸®¾×Æ® ÄÄÆ÷³ÍÆ®´Â ½ºº§Æ® ÄÄÆ÷³ÍÆ®º¸´Ù 40% °¡·® ÄÚµå ¾çÀÌ ´õ ¸¹½À´Ï´Ù. Äڵ尡 ¸¹À»¼ö·Ï ¾ÖÇø®ÄÉÀ̼ǿ¡ ¹ö±×°¡ ´õ ¸¹ÀÌ ¹ß»ýÇÕ´Ï´Ù. ¶ÇÇÑ SPA(Single Page Application)¿¡¼´Â ù ·Îµù ½Ã ¸®¼Ò½º¸¦ ·ÎµùÇϴµ¥ ¸¸¾à ÄÚµå ¾çÀÌ °¨¼ÒÇØ ¹øµéÀÇ Å©±â°¡ ÁÙ¾îµå¸é ·Îµù ¼Óµµ´Â Çâ»óµË´Ï´Ù.
¸®¾×Æ®¿Í ºä´Â °¡»ó µ¼(DOM)À» »ç¿ëÇÕ´Ï´Ù. Áö³ ¸î ³â °£ °¡»ó µ¼ÀÌ ºü¸£´Ù´Â ÀνÄÀÌ »ý°å½À´Ï´Ù. °¡»ó µ¼Àº º¯°æ »çÇ×À» ÆľÇÇÏ°í ½ÇÁ¦ µ¼¿¡ Àû¿ëÇÕ´Ï´Ù. ÀÌ ¶§ °¡»ó µ¼°ú ÀÌÀü ½º³À¼¦À» ºñ±³ÇÏ´Â ¿À¹öÇìµå°¡ ¹ß»ýÇÒ ¼ö ÀÖ½À´Ï´Ù. ½ºº§Æ®´Â °¡»ó µ¼À» »ç¿ëÇÏÁö ¾Ê°íµµ À¯»çÇÑ ÇÁ·Î±×·¡¹Ö ¸ðµ¨À» ´Þ¼ºÇß½À´Ï´Ù.
½ºº§Æ®´Â ºôµå ½Ã ½ÇÇàµÇ¾î ÄÄÆ÷³ÍÆ®¸¦ µ¼À» ¾÷µ¥ÀÌÆ®ÇÏ´Â ¸Å¿ì È¿À²ÀûÀÎ ÄÚµå·Î º¯È¯ÇÕ´Ï´Ù. °á°úÀûÀ¸·Î ¶Ù¾î³ ¼º´ÉÀ» °¡Áø ¾ÖÇø®ÄÉÀ̼ÇÀ» ÀÛ¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù. ½ºº§Æ®´Â º¯¼ö¿Í ÀÌ¿¡ ÀÇÁ¸ÇÏ´Â ¸ðµç °ÍÀ» ¾÷µ¥ÀÌÆ®ÇÏ´Â ÀÏ·ÃÀÇ °úÁ¤À» ¸Å¿ì °£´ÜÇÏ°Ô Ã³¸®ÇÕ´Ï´Ù. º°µµÀÇ API ¾øÀÌ º¯¼öÀÇ ÇҴ縸À¸·Î ¾÷µ¥ÀÌÆ®°¡ °¡´ÉÇÕ´Ï´Ù. ½ºº§Æ®´Â ÄÄÆÄÀÏ·¯À̱⠶§¹®¿¡ ÇÒ´çÀ» °èÃøÇÏ¿© ¼öÇàÇÒ ¼ö ÀÖ½À´Ï´Ù.
¢º ÇØ´ç ÄÜÅÙÃ÷´Â ÀúÀ۱ǹý¿¡ ÀÇÇÏ¿© º¸È£¹Þ´Â ÀúÀÛ¹°·Î ±â°íÀÚ¿¡°Ô ÀúÀÛ±ÇÀÌ ÀÖ½À´Ï´Ù.
¢º ÇØ´ç ÄÜÅÙÃ÷´Â »çÀü µ¿ÀÇ ¾øÀÌ 2Â÷ °¡°ø ¹× ¿µ¸®ÀûÀÎ ÀÌ¿ëÀ» ±ÝÇÏ°í ÀÖ½À´Ï´Ù.
ÀÌÀ±¼® ¿¡½ºÄÚ¾î¢ß ¼ÒÇÁÆ®¿þ¾î»ç¾÷ºÎ °³¹ßÇ÷§Æû±×·ì ¿¡½ºÄھ¼ ÇÁ·ÐÆ®¿£µå °³¹ßÀ» ÇÏ°í ÀÖ½À´Ï´Ù. |