React๋ฅผ ์ด์ฉํ ์น ์ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค๊ธฐ ์ํ framewrok
React : โA JavaScript library
for building user interfacesโ
Angular : 'Angular is an application-design framework
and development platform
for creating efficient and sophisticated single-page apps.'
React๋ ๊ฒฝ๋ํ๋ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ฉฐ, ๊ฐ๋ฐ์๊ฐ ํ์ํ ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํจ๊ป ์ฌ์ฉํ์ฌ ์ํ๋ ๋ฐฉ์์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ ์ ์๋ ์ ์ฐ์ฑ์ ์ ๊ณต
๊ทธ๋ฌ๋ ํ๋ก์ ํธ๊ฐ ์ปค์ง๊ณ ์ํฐํ๋ผ์ด์ฆ ํ๊ฒฝ์ผ๋ก ๋ฐ์ ํจ์ ๋ฐ๋ผ ํน์ ํ ๋๊ตฌ์ ๊ตฌ์กฐ์ ํ์์ฑ์ด ๋์ฑ ์ค์ํด์ง
์ด๋, React๋ฅผ ๋ณด๋ค ๊ตฌ์กฐํ๋ ํํ๋ก ์ ๊ณตํ๊ณ ๋ค์ํ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ๊ธฐ ์ํด Next.js์ ๊ฐ์ ํ๋ ์์ํฌ๊ฐ ๋์ ๋จ
Next.js๋ React ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ ๋ ๋ฐ์ํ ์ ์๋ ๋ค์ํ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ๊ณ , ํ๋ก์ ํธ๋ฅผ ๋ณด๋ค ์ฝ๊ฒ ๊ตฌ์ถํ๊ณ ์ ์ง๋ณด์ํ ์ ์๋๋ก ๋์. ๋ํ, React ์ํ๊ณ์ ๋ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ํธํ์ฑ ๋ฌธ์ ๋ฅผ ์ํํ๊ณ , ์ต์ ์ Best Practice์ ๊ตฌ์กฐ๋ฅผ ์ ๊ณตํ์ฌ ๊ฐ๋ฐ์๋ค์ด ๋ณด๋ค ํจ์จ์ ์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์๋๋ก ๋์์ค
- Next.js๋ React ์ํ๊ณ์์ ๋ฐ์ํ๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ , ๋ณด๋ค ๊ตฌ์กฐํ๋ ๋ฐฉ์์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์๋๋ก ๋์์ฃผ๋ ๊ฐ๋ ฅํ ๋๊ตฌ๋ผ๊ณ ํ ์ ์์.
- Next.js๋ ๋จ์ํ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR)๋ง์ ์ ๊ณตํ๋ ๊ฒ์ด ์๋๋ผ, React ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ณด๋ค ๊ตฌ์กฐํ๋ ํํ๋ก ์ ๊ณตํ๊ณ ๋ค์ํ ๋ฌธ์ ๋ค์ ํด๊ฒฐํ๊ธฐ ์ํ ๋ค์ํ ๊ธฐ๋ฅ์ ์ ๊ณต
๊ฒฐ๊ตญ ํฌ์ธํธ๋ SSR๋ง์ ์ํด์ Next.js๊ฐ ์กด์ฌํ๋๊ฒ ์๋๋๊ฑธ ์๊ณ ์จ์ผํ๋ค๋๊ฑฐ์. Next.js์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ ์ค ํ๋๊ฐ SSR์ธ๊ฑฐ์ผ๋ฟ.
์ฐธ๊ณ ํ ๋ธ๋ก๊ทธ์ ๋ด์ฉ์ ์ํ๋ฉด ๊ธฐ์กด์ ๋ฆฌ์ํธ๋ฅผ ํ๋ฉฐ ๊ฒช์๋ ๊ณ ํต๋ค์ด ๋ง์ด ํด๊ฒฐ๋ ๊ฒ์ด๋ผ๊ณ ํ๋... ์ฌ์ฉํด๋ณด๋ฉด์ ๋ชธ์ ๋๊ปด๋ณด์
React : ๊ธฐ๋ณธ์ ์ผ๋ก ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ๊ธฐ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
Next.js : React ์ ํ๋ฆฌ์ผ์ด์
์ ์ํ ๊ตฌ์กฐ๋ฅผ ์ ๊ณตํ๋ ์์ ํ ํ๋ ์์ํฌ