software

๐Ÿš€ ๋‘ ์„ธ๊ณ„์˜ ์žฅ์ : Partial Pre-Rendering (PPR) ์ดํ•ดํ•˜๊ธฐ

๋ฐœํ–‰: (2025๋…„ 12์›” 30์ผ ์˜ค์ „ 05:00 GMT+9)
1 min read
์›๋ฌธ: Dev.to

Source: Dev.to

PPR์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์…ธ (Shell): ์ œ๋ชฉ, ์„ค๋ช… ๋ฐ ์ด๋ฏธ์ง€๊ฐ€ ์‚ฌ์ „ ๋ Œ๋”๋ง๋˜์–ด CDN์„ ํ†ตํ•ด ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค(์ดˆ๊ณ ์†).
  • ๋™์  ์ฝ˜ํ…์ธ : ์‡ผํ•‘ ์นดํŠธ์™€ ๊ฐœ์ธํ™”๋œ ์ถ”์ฒœ์ด ์ค€๋น„๋˜๋Š” ์ฆ‰์‹œ โ€œ์‚ฝ์ž…โ€๋ฉ๋‹ˆ๋‹ค.

์™œ ์ค‘์š”ํ•œ๊ฐ€์š”?

  • SEO: ์ฃผ์š” ์ฝ˜ํ…์ธ ๊ฐ€ ์ฒ˜์Œ๋ถ€ํ„ฐ ๊ฒ€์ƒ‰ ๋ด‡์— ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค.
  • ๋‹จ์ˆœ์„ฑ: force-static ๋˜๋Š” force-โ€ฆ ์ค‘ ํ•˜๋‚˜๋ฅผ ์„ ํƒํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

์‹ค์ œ ์˜ˆ์‹œ (Next.js)

Back to Blog

๊ด€๋ จ ๊ธ€

๋” ๋ณด๊ธฐ ยป

์ฐจ๋ถ„ํ•˜๊ณ  ํ„ฐ๋ฏธ๋„ ์˜๊ฐ์„ ๋ฐ›์€ ํฌํŠธํด๋ฆฌ์˜ค โ€“ ์ถœ์‹œ๋œ ์ œํ’ˆ์— ์ดˆ์ 

๊ฐœ์š” ์ด ์ œ์ถœ๋ฌผ์€ Google AI๊ฐ€ ์ฃผ์ตœํ•œ New Year, New You Portfolio Challenge๋ฅผ ์œ„ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ €๋Š” ๋‚จ์•„ํ”„๋ฆฌ์นด๊ณตํ™”๊ตญ์— ๊ฑฐ์ฃผํ•˜๋Š” ํ’€์Šคํƒ ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด์ด๋ฉฐ, ...

์‹ค์šฉ์ ์ธ Next.js ์บ์‹ฑ: ๋ผ์šฐํŠธ, ๋ฐ์ดํ„ฐ, ์žฌ๊ฒ€์ฆ, ๊ทธ๋ฆฌ๊ณ  ํƒœ๊ทธ

Next.js ์บ์‹ฑ์— ๋Œ€ํ•œ ๊ฐ„๊ฒฐํ•˜๊ณ  ์‹ค์šฉ์ ์ธ ๊ฐ€์ด๋“œ. ๋ผ์šฐํŠธ ์บ์‹œ์™€ ๋ฐ์ดํ„ฐ ์บ์‹œ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋‹ค๋ฅธ์ง€, ์–ธ์ œ ์žฌ๊ฒ€์ฆํ•ด์•ผ ํ•˜๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ํƒœ๊ทธ ๊ธฐ๋ฐ˜ ๋ฌดํšจํ™”๊ฐ€ ์žฌ๋นŒ๋“œ ๋น„์šฉ์„ ์–ด๋–ป๊ฒŒ ์ค„์ด๋Š”์ง€.

Next.js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ตœ๊ณ ์˜ IPTV ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ (๋‹จ๊ณ„๋ณ„ ๊ฐ€์ด๋“œ)

๊ณ ์„ฑ๋Šฅ IPTV ์›น์‚ฌ์ดํŠธ๋ฅผ ์œ„ํ•œ ํ•ต์‹ฌ ์š”์†Œ - ๊น”๋”ํ•œ ๋””์ž์ธ โ€“ ์›น์‚ฌ์ดํŠธ๊ฐ€ ์ „๋ฌธ์ ์œผ๋กœ ๋ณด์ด๊ณ  ํƒ์ƒ‰์ด ์‰ฌ์›Œ์ง‘๋‹ˆ๋‹ค. - ๋ถ€๋“œ๋Ÿฌ์šด ๋‚ด๋น„๊ฒŒ์ด์…˜ โ€“ ์‚ฌ์šฉ์ž๊ฐ€ ์›ํ™œํ•˜๊ฒŒ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.

๋น ๋ฅธ ๋กœ๋“œ ์‹œ๊ฐ„, SEO-friendly ๊ตฌ์กฐ, ๊ทธ๋ฆฌ๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์•„ํ‚คํ…์ฒ˜๋Š” ์ด์ปค๋จธ์Šค์—์„œ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ์ด ์„œ๋น„์Šค ํŽ˜์ด์ง€๋Š” ๊ณ ์„ฑ๋Šฅ ์ด์ปค๋จธ์Šค ์›น์‚ฌ์ดํŠธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ตฌ์ถ•๋˜๋Š”์ง€ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

Read more about ๋น ๋ฅธ ๋กœ๋“œ ์‹œ๊ฐ„, SEO-friendly ๊ตฌ์กฐ, ๊ทธ๋ฆฌ๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์•„ํ‚คํ…์ฒ˜๋Š” ์ด์ปค๋จธ์Šค์—์„œ