SSR (2) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [ WEB ] CSR๊ณผ SSR ๋น๊ตํ๊ธฐ CSR(client-side-rendering)๊ณผ SSR(server-side-rendering)์ ์น ํ์ด์ง์ ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉ์์๊ฒ ๋ ๋๋งํ๋ ๊ธฐ์ ์ด๋ค. SSR๊ณผ CSR์ ๋ ๋๋ง ๊ณผ์ ์ด ์ผ์ด๋๋ ์์น์์ ์ฐจ์ด๊ฐ ์๋ค. CSR (Client-Side-Rendering) CSR์ ํด๋ผ์ด์ธํธ ์ธก์์ ๋ ๋๋ง์ ํ๋ ๊ธฐ์ ๋ก ์ฌ์ฉ์์ ์น ๋ธ๋ผ์ฐ์ ์ JavaScript๋ฅผ ํตํด ์น ํ์ด์ง๋ฅผ ๋ ๋๋งํ๋ค. ์๋ฒ์์ ์ต์ํ์ HTML ํ์ผ์ ๋ณด๋ด๊ณ , ํด๋ผ์ด์ธํธ ์ธก JavaScript ์ฝ๋๊ฐ ์ฝํ ์ธ ๋ฅผ ๊ฐ์ ธ์ ๋ ๋๋งํ๋ค. ์ด ๊ฒฝ์ฐ ์ฌ์ฉ์์๊ฒ ๋ณด๋ค ๋ ์ธํฐ๋ ํฐ๋ธํ๊ณ ๋์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ ์ ์๊ณ ์ ์ฒด ํ์ด์ง๋ฅผ ๋ค์ ๋ก๋ํ์ง ์๊ณ ๋ ์ฝํ ์ธ ๋ฅผ ์ ๋ฐ์ดํธํ ์ ์๋ ๊ธฐ๋ฅ์ด ์๋ค. ํ์ง๋ง ์ด๊ธฐ ํ์ด์ง ๋ก๋ฉ ์๊ฐ์ด ์ค๋ ๊ฑธ๋ฆฌ๋ ๊ฒฝ์ฐ.. [ NEXT.JS ] Next.js์ ๋ํด ์์๋ณด๊ธฐ. NEXT.JS๋ ๋ฌด์์ผ๊น? Next.js ๋ ๋น ๋ฅธ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค๊ธฐ ์ํ ๋น๋ฉ ๋ธ๋ก์ ์ ๊ณตํ๋ React ํ๋ ์ ์ํฌ๋ก, React์ ํ์ํ ๋๊ตฌ ๋ฐ ๊ตฌ์ฑ์ ์ฒ๋ฆฌํ๊ณ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ํ ์ถ๊ฐ ๊ตฌ์กฐ, ๊ธฐ๋ฅ ๋ฐ ์ต์ ํ๋ฅผ ์ ๊ณตํ๋ค. Next.js๋ SSR(Server-Side-Rendering), ์ ์ ์น ํ์ด์ง ์์ฑ ๋ฑ React ๊ธฐ๋ฐ ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ธฐ๋ฅ๋ค์ ๊ฐ๋ฅํ๊ฒ ํ๋ Node.js ์์์ ๋น๋๋ ์คํ ์์ค ์น ํ๋ ์์ํฌ์ด๋ค. React๋ฅผ ์ฌ์ฉํ์ฌ UI๋ฅผ ๊ตฌ์ถํ ๋ค์, Next.js ๊ธฐ๋ฅ์ ์ ์ง์ ์ผ๋ก ์ฑํํ์ฌ ๋ผ์ฐํ , ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ, ํตํฉ๊ณผ ๊ฐ์ ์ผ๋ฐ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ์๊ตฌ ์ฌํญ์ ํด๊ฒฐํ๋ ๋์์ ๊ฐ๋ฐ์ ๋ฐ ์ต์ข ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํ ์ ์๋ค. React์ ๊ณต์ ํ์ด์ง์์๋ ์๋์ ๊ฐ์ด ์๊ฐํ๋ค.. ์ด์ 1 ๋ค์