ํ™ˆ์œ ํŠœ๋ธŒ๋ธ”๋กœ๊ทธTop 10
๋‚ด ํ”„๋กœํ•„
๋ฐ๋ธŒํ—ˆ๋ธŒ ์•ˆ๋‚ด
์†Œ๊ฐœ์—…๋ฐ์ดํŠธ ์†Œ์‹
๋ฐ๋ธŒํ—ˆ๋ธŒ ์ปค๋ฎค๋‹ˆํ‹ฐ
๋‹ค๋ฅธ ์˜์ƒ ๋ณด๊ธฐ

๐Ÿ”ฅํ”„๋ก ํŠธ์—”๋“œ ํ•„์ˆ˜ ์ง€์‹! SSR vs CSR ๋ Œ๋”๋ง ๐Ÿ”

๋”ฅ์”จ์ฝ”๋”

2024. 2. 5.

0ํšŒ

#frontend
  • CSR์€ ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ ๋ Œ๋”๋ง๋˜๊ธฐ ๋•Œ๋ฌธ์—, ์ดˆ๊ธฐ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์‹œ๊ฐ„์ด ๊ธธ๊ณ  JavaScript๊ฐ€ ํ•„์š”ํ•˜๋ฉฐ SEO ์ตœ์ ํ™”๊ฐ€ ์–ด๋ ต๋‹ค๋Š” ๋‹จ์ ์„ ๊ฐ€์ง„๋‹ค. ๐Ÿ˜ 
  • SSR์€ ์„œ๋ฒ„ ์ธก์—์„œ ๋ Œ๋”๋ง๋˜๋ฏ€๋กœ CSR๋ณด๋‹ค ๋น ๋ฅธ ์ฒซ ๋ฒˆ์งธ ์ฝ˜ํ…์ธ  ๋กœ๋”ฉ ์‹œ๊ฐ„(FCP)๊ณผ ๋น ๋ฅธ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์‹œ๊ฐ„(TTFB)์„ ์ œ๊ณตํ•œ๋‹ค. ๐Ÿš€
  • SSG๋Š” ์„œ๋ฒ„ ์ธก์—์„œ HTML์„ ๋ฏธ๋ฆฌ ์ƒ์„ฑํ•˜๋ฉฐ ๋น ๋ฅธ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์‹œ๊ฐ„๊ณผ SEO ์ตœ์ ํ™” ๋ฐ ๋ณด์•ˆ ๊ฐ•ํ™”๋ฅผ ์ œ๊ณตํ•˜์ง€๋งŒ, ๋™์ ์ธ ๋ฐ์ดํ„ฐ ๋ณ€ํ™”์— ์ ํ•ฉํ•˜์ง€ ์•Š๋‹ค๋Š” ๋‹จ์ ์ด ์žˆ๋‹ค. โณ
  • SSR๊ณผ SSG๋Š” CSR์˜ ๋‹จ์ ์„ ๋ณด์™„ํ•˜๋ฉฐ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์›น ๋ Œ๋”๋ง์„ ์ œ๊ณตํ•œ๋‹ค. ๐Ÿค

Recommanded Videos

Quick Sort Explained Visually | Pivot, Partition, and Recursion

Quick Sort Explained Visually | Pivot, Partition, and Recursion

2025. 8. 3.

๋‚ด ์–ผ๊ตด์„ ๊ทธ๋Œ€๋กœ ์˜์ƒ์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ ˆ์ „๋“œ AI ์กฐํ•ฉ #shorts

๋‚ด ์–ผ๊ตด์„ ๊ทธ๋Œ€๋กœ ์˜์ƒ์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ ˆ์ „๋“œ AI ์กฐํ•ฉ #shorts

2025. 7. 17.

แ„‹แ…ฆแ†ซแ„แ…ตแ„แ…ตแ„†แ…ขแ„‘แ…ตแ†ผแ„‹แ…ด แ„€แ…ฑแ„Žแ…กแ†ญแ„‹แ…ณแ†ท

แ„‹แ…ฆแ†ซแ„แ…ตแ„แ…ตแ„†แ…ขแ„‘แ…ตแ†ผแ„‹แ…ด แ„€แ…ฑแ„Žแ…กแ†ญแ„‹แ…ณแ†ท

2025. 10. 9.

๋ฆฌ๋ˆ„์Šค ํ† ๋ฐœ์ฆˆ๋Š” ์™œ ๋™๋ฃŒ์—๊ฒŒ ํญ์–ธํ–ˆ์„๊นŒ? (๋ฆฌ๋ˆ…์Šค ๊ฐœ๋ฐœ ์›์น™ 4๊ฐ€์ง€)

๋ฆฌ๋ˆ„์Šค ํ† ๋ฐœ์ฆˆ๋Š” ์™œ ๋™๋ฃŒ์—๊ฒŒ ํญ์–ธํ–ˆ์„๊นŒ? (๋ฆฌ๋ˆ…์Šค ๊ฐœ๋ฐœ ์›์น™ 4๊ฐ€์ง€)

2025. 4. 26.

Devin's FIRST Open Source Model Shatters OpenAI O3!

Devin's FIRST Open Source Model Shatters OpenAI O3!

2025. 5. 6.

FINALLY releasing my new product

FINALLY releasing my new product

2024. 9. 4.