SSR 1

SSR VS CSR ์ฐจ์ด์ 

์•ˆ๋…•ํ•˜์„ธ์š” :) ์˜ค๋Š˜์€ SSR(Server Side Rendering)๊ณผ CSR(Client Side Rendering)์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์•Œ์•„ ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿน ๐Ÿ™Œ๐Ÿป SSR (Server Side Rendering) ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์ด๋ž€, UI ๋กœ์ง์ด ๋‹ด๊ธด HTML ํŒŒ์ผ์„ ์„œ๋ฒ„ ์ธก์—์„œ ๋ Œ๋”๋งํ•˜๋Š” ๋ฐฉ์‹์„ ๋งํ•ฉ๋‹ˆ๋‹ค. ์„œ๋ฒ„์—์„œ ๋ Œ๋”๋ง์ด ์™„๋ฃŒ๋œ HTML ํŒŒ์ผ์„ ์ „๋‹ฌ๋ฐ›๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ์ž๋Š” ๊ณง๋ฐ”๋กœ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‚ฌ์šฉ์ž์™€์˜ ์ธํ„ฐ๋ ‰์…˜์„ ์š”๊ตฌํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์ด ๋ธŒ๋ผ์šฐ์ €์ƒ์— ๋‹ค์šด๋กœ๋“œ๋˜๊ธฐ ์ „๊นŒ์ง€ ์‚ฌ์šฉ์ž๋Š” ์–ด๋– ํ•œ ํ–‰์œ„๋„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์—†์–ด, TTV(Time To View)์™€ TTI(Time To Interaction) ์‚ฌ์ด์˜ ๊ณต๋ฐฑ ์‹œ๊ฐ„์ด ์กด์žฌํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๐Ÿ™Œ๐Ÿป CSR (Client Side..

Next.js 2024.01.21
๋ฐ˜์‘ํ˜•