๐ŸŒฑ ๐ฃ๐ฃ๐ข๐ง๐ ๐ฅ๐ž ๐๐ž๐•๐ฅ๐จ๐ 

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

rendering 1

[Next.js] CSR(client side render) vs SSR(server side render)

* Rendering : js code๋ฅผ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” html๋กœ ๋ฐ”๊พธ๋Š” ๊ฒƒ - React render : CSR (client side rendering) create-react-app ์„ ์‚ฌ์šฉํ•ด react๋งŒ์œผ๋กœ application์„ ์ƒ์„ฑํ•˜๋ฉด , client side rendering client side rendering => ์‚ฌ์šฉ์ž ๋ธŒ๋ผ์šฐ์ €์ธ client๋‹จ์—์„œ rendering ์ž‘์—…์„ ํ•œ๋‹ค. ๋‹จ์  ํŽ˜์ด์ง€์˜ ์‹ค์ œ ์†Œ์Šค์ฝ”๋“œ๋Š” ๋น„์–ด์žˆ๋‹ค. ex. = UI๊ฐ€ ์—†๋‹ค ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ชจ๋“  JS ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ , ์‹คํ–‰ํ•œ ํ›„์—์•ผ ํ™”๋ฉด์— ๋ณด์—ฌ์ง€๋Š” ๊ฒƒ ์ƒˆ๋กœ๊ณ ์นจ ์‹œ, JS์—”์ง„์ด ์œ„์˜ ์‚ฌํ•ญ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ์‹œ๊ฐ„ ๋™์•ˆ ๋นˆ ํ™”๋ฉด์ด ๋ณด์—ฌ์ง SEO, ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™” Search Engine Optimization Goo..

Next.js 2024.03.15
์ด์ „
1
๋‹ค์Œ
๋”๋ณด๊ธฐ
ํ”„๋กœํ•„์‚ฌ์ง„

์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ, ์˜ค๋Š˜ ์ƒ๊ธด ์ด์Šˆ์— ๋Œ€ํ•ด ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. *3*

  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (132)
    • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (18)
    • JAVA (10)
    • JavaScript (4)
    • React (3)
    • Next.js (5)
    • Python (2)
    • DataBase (0)
    • Docker (1)
    • TIL (9)
    • Linux (0)
    • Project (10)
    • Error-log (5)
    • etc (3)
    • software engineering (62)
      • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์„ค๊ณ„ (11)
      • ์ •๋ณดํ†ต์‹ ๊ฐœ๋ก  (6)
      • ์ปดํ“จํ„ฐํ•™๊ฐœ๋ก  (7)
      • ์ปดํ“จํ„ฐ๋„คํŠธ์›Œํฌ (9)
      • ์†Œํ”„ํŠธ์›จ์–ด๊ฐœ๋ฐœ๋ณด์•ˆ (7)
      • ๋น…๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ (14)
      • ํŒŒ์ด์ฌ ๋จธ์‹ ๋Ÿฌ๋‹ (8)

Tag

collection, eclipse, React, tomcat, docker, ๋น„์ง€๋„ํ•™์Šต, SPARK, ์•Œ๊ณ ๋ฆฌ์ฆ˜, server, list, TCP, SSR, sourcetree, socket.send, server component, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค, WebSocket, Next.js, client component, GIT,

์ตœ๊ทผ๊ธ€๊ณผ ์ธ๊ธฐ๊ธ€

  • ์ตœ๊ทผ๊ธ€
  • ์ธ๊ธฐ๊ธ€

์ตœ๊ทผ๋Œ“๊ธ€

Archives

Calendar

ยซ   2025/06   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

๋ฐฉ๋ฌธ์ž์ˆ˜Total

  • Today :
  • Yesterday :

๐Ÿƒ๐—ฑ๐—ผ ๐—ถ๐˜ ๐—ฏ๐—ฒ๐—ฐ๐—ฎ๐˜‚๐˜€๐—ฒ ๐—ถ๐˜ ๐—บ๐—ฎ๐—ธ๐—ฒ๐˜€ ๐˜†๐—ผ๐˜‚ ๐—ต๐—ฎ๐—ฝ๐—ฝ๐˜†๐ŸŒฟ

๐—–๐—ผ๐—ฝ๐˜†๐—ฟ๐—ถ๐—ด๐—ต๐˜ ยฉ ๐—ท๐—ท๐—ถ๐—ป๐—ด๐—น๐—ฒ. ๐—”๐—น๐—น ๐—ฟ๐—ถ๐—ด๐—ต๐˜๐˜€ ๐—ฟ๐—ฒ๐˜€๐—ฒ๐—ฟ๐˜ƒ๐—ฒ๐—ฑ.

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