๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

Server-Side Rendering1

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.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”