๐ฅ 2021๋ ์ ์ด๋์ด ๊ฐ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ํธ๋ ๋ 5๊ฐ์ง! โ ์ต๊ทผ ์ ๋ ๊ฐ๋ฐ ๊ณต๋ถ๋ฅผ ์์ํ์ด์. ํนํ, ํ๋ก ํธ์๋์ ๊ด์ฌ์ ๊ฐ์ง๊ณ ๊ณต๋ถํ๋ ์ค์ธ๋ฐ์. ๊ทธ ์ด์ ๋ ์ ๊ฐ ๋ฌด์ธ๊ฐ๋ฅผ ์ ๋ ฅํ์ ๋,
๐ฅ 2021๋ ์ ์ด๋์ด ๊ฐ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ํธ๋ ๋ 5๊ฐ์ง! โ ์ต๊ทผ ์ ๋ ๊ฐ๋ฐ ๊ณต๋ถ๋ฅผ ์์ํ์ด์. ํนํ, ํ๋ก ํธ์๋์ ๊ด์ฌ์ ๊ฐ์ง๊ณ ๊ณต๋ถํ๋ ์ค์ธ๋ฐ์. ๊ทธ ์ด์ ๋ ์ ๊ฐ ๋ฌด์ธ๊ฐ๋ฅผ ์ ๋ ฅํ์ ๋, '๋ฟ 'ํ๊ณ ๋ํ๋๋๊ฒ ์ ๋ง ์ ๊ธฐํ๋๋ผ๊ณ ์. ๋ํ, ๋ค๊พธ์ฒ๋ผ ์ ๊ฐ ๋ฌด์ธ๊ฐ๋ฅผ ๊พธ๋ฏธ๋ ๊ฒ์ ์ข์ํ๋ ์ฌ๋์ด๋๋ผ๊ณ ์. ๊ทธ ํ์ธ์ง ๋ฐฑ์๋๋ณด๋ค๋ ํ๋ก ํธ๊ฐ ์ ํฅ๋ฏธ๋ฅผ ๋ ์ด๋์์ด์. ์์ง์ ์ด๋ณด์ด๊ณ , ์์ ์ด๊ธ์ด์ง๋ง ํ๋์ฉ ๋ฐฐ์๋๊ฐ๋ ์ฌ๋ฏธ๊ฐ ์์ด์ ์ต๊ทผ ์ด์ฌํ ํ๋ ์ค์ด์์. โ ๊ทธ๋ ๊ฒ ํ๋ก ํธ์๋์ ๊ด์ฌ์ ๊ฐ์ง๊ณ ์ฃผ์ด๋ค์ ์ด์ผ๊ธฐ๊ฐ ์๋๋ฐ. ํ๋ก ํธ์๋๋ ๋์์์ด ๋ณํํ๋ค๋ ์ฌ์ค์ด์์. ๋ฐฑ์๋๋ ํ ๋ฒ ๋ฐฐ์๋์ผ๋ฉด ํธ๋ ๋์ ๋ฐ๋ฅผ ํ์์์ด ์ค๋ ฅ๋ง ๋๋ ค๊ฐ๋ฉด ๋๋ค๋๋ฐ, ํ๋ก ํธ๋ ์ธ์ด๊ฐ ํธ๋ ๋์ ๋ฐ๋ผ ๋ณํํ๋๊น ์ง์์ ์ธ ๊ณต๋ถ๊ฐ ํ์ํ๋ค๊ณ ํ๋๋ผ๊ณ ์. (๊ฐ๋ฆฐ์ด์ ๊ฑด๋ค๋ค์ ์๋ฆฌ) ์ฌํผ, ๊ทธ๋ฐ ์ธก๋ฉด์์ ๋ํํ ๋ ์ ๋ง๊ฒ ๊ตฌ๋ (๊ทผ์๊ฐ๐)๋ผ๋ ์๊ฐ์ผ๋ก ํ๋ก ํธ๋ฅผ ๋ฐฐ์ฐ๋ ์ค์ ๋๋ค. โ ์์ค์ ํ๋ก ํธ์๋๋ฅผ ์ค๋ช ํ๋ ์ข์ ๊ธ์ด ๋ฒ์ญ๋์ด ์ฌ๋ผ์๊ธฐ์ ์ด๋ ๊ฒ ์์ฝํ์ฌ ์ ๋ฌํฉ๋๋ค. ๊ฐ์ด ๋ณด์์ฃ ! ๐ ํ๋ก ํธ์๋ ์ต์ ๋ํฅ์ ํ์ ํ์! 1๏ธโฃ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ณ์ํด์ ๊ตฐ๋ฆผํ ๊ฒ์ด๋ค. - "์คํ์ค๋ฒํ๋ก๊ฐ 2020๋ ๊ฐ๋ฐ์๋ค์ ๋์์ผ๋ก ์ํํ ์ค๋ฌธ์กฐ์ฌ์ ๋ฐ๋ฅด๋ฉด, ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ธ๊ณ์์ ๊ฐ์ฅ ์ธ๊ธฐ์๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ์๋ฆฌ๋ฅผ 8๋ ์ฐ์ ์งํค๊ณ ์์์ต๋๋ค." ์ด๋ฅผ ์ํํ๋ ์๋ก์ด ๊ธฐ์ ๋ก๋ ๋ผ๋ ํ๋ ์์ํฌ๊ฐ ์์ต๋๋ค. ์ด๋ฅผ ์ด์ฉํ๋ฉด "(์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์๋) C#์ ์ด์ฉํด์ ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฐ์ ์ฑ์ ๋ง๋ค ์ ์๊ธฐ ๋๋ฌธ"์, "์๋ฐ์คํฌ๋ฆฝํธ ํฌ๋ฌ๋ผ๋ ์ด์ผ๊ธฐ"๋ ์๋ต๋๋ค. 2๏ธโฃ ๊ฐ๋ ฅํ ๊ฐ์ธ ๋น(Gatsby) - "์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA)์ ์น ํ์ด์ง๋ฅผ ์ข ๋ ์๋๊ฐ ์๊ณ ๊ฐ๋ ฅํ๊ฒ" ๋ง๋ ๋ค๊ณ ํฉ๋๋ค. ํ์ง๋ง SPA๋ "๊ฒ์์์ง ์ต์ ํ(SEO)"์ ์ ํฉํ์ง ์๋ค๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ์ด๋ฆ ํด๊ฒฐํ๊ธฐ ์ํ ์๋ฃจ์ ์ด ๋ฐ๋ก "๊ฐ์ธ ๋น(Gatsby)๋ ๋ฅ์คํธ(Next.js)"์ ๋๋ค. ํนํ, ๊ฐ์ธ ๋น๋ "๊ฐ๋ฐ ๊ณผ์ ์์ ์์ฃผ ๋ฐ์ด๋ ํ๊ฒฝ์ ์ ๊ณต"ํ๊ณ ์์ด์ "๊ฐ์ฅ ๋น ๋ฅด๊ฒ ์ฑ์ฅํ๊ณ ์๋ ํ๋ ์"์ํฌ๋ผ๊ณ ํฉ๋๋ค. 3๏ธโฃ ๊ฐ์ฅ ๋ง์ ์ฌ๋์ ๋ฐ๊ณ ์๋ ํ๋ ์์ํฌ๋ ๋ฆฌ์กํธ - "์คํ์ค๋ฒํ๋ก์ ์ต์ ์ค๋ฌธ"์์๋ ๋ณด์ด๋ฏ, "๋ฆฌ์กํธ๋ ์น ํ๋ ์์ํฌ๋ค ์ค์์ ๊ฐ์ฅ ๋ง์ ์ธ๊ธฐ๋ฅผ ์ป๊ณ ์๋๋ฐ, ์๋ต์๋ค์ 68.9%๊ฐ ๋ฆฌ์กํธ๋ฅผ ํ์ฌ ์ฌ์ฉํ๊ณ ์๊ฑฐ๋ ์กฐ๋ง๊ฐ ์ฌ์ฉํ ๊ณํ"์ด๋ผ๊ณ ํฉ๋๋ค. ํนํ, ๋ฆฌ์กํธ๋ "๋จ์ํ๊ณ ๋น ๋ฅด๋ฉด์๋ ์ต์ํ๋ ์ฝ๋ฉ ๋ฐฉ์์ผ๋ก ์ฐ๋ฆฌ๋ฅผ ๋งคํน"์ํต๋๋ค. ๋ํ, "์น ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ฌ์ฉ์์ ์ฐธ์ฌ์จ"์ ๋์ผ ๋ฟ๋ง ์๋๋ผ, "๋๊ธฐ์ ๋ค์ ์ธํฐํ์ด์ค์ ๊ด๋ จํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐ"ํ๋๋ฐ ์ ์ฉํฉ๋๋ค. 4๏ธโฃ ์ผ์คํ(Jamstack) ๋ณธ๊ฒฉ ๊ฐ๋ - "์ผ์คํ(Jamstack)์ด๋ ์๋ฐ์คํฌ๋ฆฝํธ(J), API(A), ๋งํฌ์ (M)์ ์๊ธ์์ ์คํ์ ๋ถ์ฌ์ ๋ถ๋ฅด๋ ๋ง์ ๋๋ค." ์ผ์คํ์ "์์ ํ๊ณ ํ์ฅ ๊ฐ๋ฅํ๋ฉฐ ํจ์จ์ ์ธ ๋น์ฉ๊ณผ ์ฑ๋ฅ์ด ๋ฐ์ด๋ ์น ์ฌ์ดํธ์ ์ฑ์ ๋ง๋๋๋ฐ ์ฌ์ฉํ๋ ์ํํธ์จ์ด์ ์ํคํ ์ฒ"์ ๋๋ค. ์ต๊ทผ์ ๋ง์ด ์ฌ์ฉํ๋๋ฐ, ์ด๋ผ๋ ์ค๋ฌธ์กฐ์ฌ์ ๋ฐ๋ฅด๋ฉด "์๋ต์ ์ ์ค ํ ๋ช ์ ์ด๋ฏธ ์ผ์คํ ๊ธฐ๋ฐ์ ์๋ฃจ์ ์ ๊ตฌ์ถ"ํ๋ค๊ณ ํ๋ค์. ๊ทธ๋์ 2021๋ ์ ๋์ฑ ๋ง์ด ์ฌ์ฉ๋ ๊ฑฐ๋ผ ์์ธกํฉ๋๋ค. 5๏ธโฃ ๋ง์ดํฌ๋ก ํ๋ก ํธ์๋(Micro Frontend)์ ๋งค๋ ฅ - "๋ง์ดํฌ๋ก ํ๋ก ํธ์๋๋ ์ด๋ค ์น์ฌ์ดํธ๋ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ์๋ก ๋ ๋ฆฝ์ ์ผ๋ก ํ์ ํ๋ ๊ฐ๋ณ์ ์ธ ๊ธฐ๋ฅ๋ค์ ์งํฉ์ฒด๋ผ๊ณ ์๊ฐํ๋ ๊ธฐ๋ฒ์ ๋๋ค." ์ด ๊ธฐ๋ฒ์ ์ฌ์ฉํ๋ ๊ธฐ์ ์ "์๋ฉ๋ฆฌ์นธ ์ต์คํ๋ ์ค, ์ด์ผ์, ์คํฌํฐํ์ด, ์คํ๋ฒ ์ค ๋ฑ"์ด ์์ต๋๋ค. ๋ง์ดํฌ๋ก ํ๋ก ํธ์๋ ๊ธฐ๋ฒ์ ํ์ฉํ๋ฉด "๊ฐํธํ๋ฉด์ ์ฒด๊ณ์ ์ธ ์ฝ๋๋ฒ ์ด์ค๋ฅผ ์ป์ ์ ์๊ณ , ํ๋ก์ ํธ๋ฅผ ํ์ฅ ๊ฐ๋ฅํ๊ฒ ๋ง๋ค๋ฉฐ, ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ณ์ ์ผ๋ก ๊ด๋ฆฌ"ํ ์ ์์ต๋๋ค. ์ฆ, ๋ง์ดํฌ๋ก ํ๋ก ํธ์๋๋ฅผ ํตํด ๊ฐ๊ฐ์ "๊ณผ์ ๋ฅผ ์์ ๋จ์๋ก ๋๋๊ณ ", "๋ถ๋ฆฌ๋ ๋ถ๋ถ๋ค์ ๋ํ ์ฑ ์์ ํน์ ํ ์ฌ๋์๊ฒ ๋งก๊ธฐ๋ ๊ฒ"์ ๋๋ค.