csr (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [ WEB ] CSR๊ณผ SSR ๋น๊ตํ๊ธฐ CSR(client-side-rendering)๊ณผ SSR(server-side-rendering)์ ์น ํ์ด์ง์ ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉ์์๊ฒ ๋ ๋๋งํ๋ ๊ธฐ์ ์ด๋ค. SSR๊ณผ CSR์ ๋ ๋๋ง ๊ณผ์ ์ด ์ผ์ด๋๋ ์์น์์ ์ฐจ์ด๊ฐ ์๋ค. CSR (Client-Side-Rendering) CSR์ ํด๋ผ์ด์ธํธ ์ธก์์ ๋ ๋๋ง์ ํ๋ ๊ธฐ์ ๋ก ์ฌ์ฉ์์ ์น ๋ธ๋ผ์ฐ์ ์ JavaScript๋ฅผ ํตํด ์น ํ์ด์ง๋ฅผ ๋ ๋๋งํ๋ค. ์๋ฒ์์ ์ต์ํ์ HTML ํ์ผ์ ๋ณด๋ด๊ณ , ํด๋ผ์ด์ธํธ ์ธก JavaScript ์ฝ๋๊ฐ ์ฝํ ์ธ ๋ฅผ ๊ฐ์ ธ์ ๋ ๋๋งํ๋ค. ์ด ๊ฒฝ์ฐ ์ฌ์ฉ์์๊ฒ ๋ณด๋ค ๋ ์ธํฐ๋ ํฐ๋ธํ๊ณ ๋์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ ์ ์๊ณ ์ ์ฒด ํ์ด์ง๋ฅผ ๋ค์ ๋ก๋ํ์ง ์๊ณ ๋ ์ฝํ ์ธ ๋ฅผ ์ ๋ฐ์ดํธํ ์ ์๋ ๊ธฐ๋ฅ์ด ์๋ค. ํ์ง๋ง ์ด๊ธฐ ํ์ด์ง ๋ก๋ฉ ์๊ฐ์ด ์ค๋ ๊ฑธ๋ฆฌ๋ ๊ฒฝ์ฐ.. ์ด์ 1 ๋ค์