728x90 Client-Side Rendering2 ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง(Client-Side Rendering)์ ์ดํด์ ํ์ฉ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง(Client-Side Rendering)์ ์ดํด์ ํ์ฉ 1. ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง ๊ฐ์ 1.1. ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง์ด๋? ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง์ ์น ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ฌ์ฉ์์ ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ๋ ๋๋ง ๋ฐฉ์์ ๋๋ค. ์ด๋ ์๋ฒ์์ ๋ฐ์ ๋ฐ์ดํฐ๋ฅผ ํด๋ผ์ด์ธํธ ์ธก์์ ๋์ ์ผ๋ก ์ฒ๋ฆฌํ๊ณ ๋ ๋๋งํ๋ ๋ฐฉ์์ ๋งํฉ๋๋ค. 1.2. ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง์ ์ ๋ ๊ธฐ์กด์๋ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR)์ด ์ฃผ๋ฅ์์ผ๋, ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ณต์ก์ฑ๊ณผ ์ฌ์ฉ์ ๊ฒฝํ ํฅ์์ ํ์๋ก ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง์ด ๋ฑ์ฅํ๊ฒ ๋์์ต๋๋ค. 2. ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง์ ํ์ฉ 2.1. ํ์ฉ ๋๋ฉ์ธ ์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA): ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง์ SPA์์ ์ฃผ๋ก ํ์ฉ๋๋ฉฐ, ํ์ด์ง ์ด๋ ์์ ์๋ก๊ณ .. 2024. 2. 23. Server-Side Rendering (SSR): ๋์ ์น ํ์ด์ง ๋ ๋๋ง์ ํต์ฌ Server-Side Rendering (SSR): ๋์ ์น ํ์ด์ง ๋ ๋๋ง์ ํต์ฌ 1. Server-Side Rendering ์๊ฐ 1.1 ๊ฐ๋ Server-Side Rendering์ ์น ํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ์์ฑํ๋ ๋ฐฉ์ ์ค ํ๋๋ก, ์๋ฒ์์ HTML์ ์์ฑํ์ฌ ํด๋ผ์ด์ธํธ์ ์ ๋ฌํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ์ฌ์ฉ์๊ฐ ์น ํ์ด์ง์ ์ ๊ทผํ ๋ ์๋ฒ์์ ํ์ํ ๋ฐ์ดํฐ๋ฅผ ๋ฏธ๋ฆฌ ๋ฐ์์ HTML์ ๊ตฌ์ฑํ์ฌ ๋ณด์ฌ์ค์ผ๋ก์จ ์ด๊ธฐ ๋ก๋ฉ ์๋๋ฅผ ํฅ์์ํค๋ ๊ธฐ์ ์ ๋๋ค. 1.2 ์ ๋ SSR์ ์ด๊ธฐ ์น ๊ฐ๋ฐ ์๊ธฐ๋ถํฐ ์ฌ์ฉ๋์์ผ๋ฉฐ, ๋จ์ํ ์ ์ ํ์ด์ง์์๋ถํฐ ๋์ ์ธ ์ฝํ ์ธ ๋ฅผ ๋ค๋ฃจ๊ธฐ ์ํ ํ์์ ์ธ ๋ฐฉ๋ฒ ์ค ํ๋๋ก ์๋ฆฌ ์ก์์ต๋๋ค. 2. Server-Side Rendering์ ์ฅ๋จ์ 2.1 ์ฅ์ ๊ฒ์ ์์ง ์ต์ ํ (SEO): ๊ฒ์ ์์ง์ HTM.. 2024. 2. 20. ์ด์ 1 ๋ค์