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

React

 (1)
SPA๋ž€? SSR vs CSR ์ฐจ์ด์  ๐Ÿ”— SPA(Single Page Application)๋ž€? ๊ธฐ์กด ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ํ™”๋ฉด ์ด๋™ ์‹œ ํ™”๋ฉด์— ํ•„์š”ํ•œ HTML์„ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ›์•„์„œ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋‹ค์‹œ ๋กœ๋”ฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์†๋„๊ฐ€ ๋Š๋ฆฌ๋‹ค. ๋ฐ˜๋ฉด SPA๋Š” ์ตœ์ดˆ ํ•œ ๋ฒˆ ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋กœ๋”ฉํ•œ ํ›„ ์ดํ›„๋ถ€ํ„ฐ๋Š” ์ผ๋ถ€ ๋ฐ์ดํ„ฐ๋งŒ ๋ณ€๊ฒฝํ•˜์—ฌ ํ™”๋ฉด์„ ๊ตฌ์„ฑํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์†๋„๊ฐ€ ๋น ๋ฅด๋‹ค. SPA ํ”„๋ ˆ์ž„์›Œํฌ๋กœ๋Š” React, Vue, Angular ๋“ฑ์ด ์žˆ๋‹ค. ๐Ÿ“Œ SSR(Server Side Rendering) vs CSR(Client Side Rendering) โ–ช SSR โ‘  ์„œ๋ฒ„ - ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ HTML ์‘๋‹ต โ‘ก ๋ธŒ๋ผ์šฐ์ € - ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง -> ํŽ˜์ด์ง€ ๋ณด์—ฌ์ง โ‘ข ๋ธŒ๋ผ์šฐ์ € - JS ๋‹ค์šด โ‘ฃ ๋ธŒ๋ผ์šฐ์ € - ๋ฆฌ์•กํŠธ ์‹คํ–‰ โ‘ค ํŽ˜์ด์ง€ ์ƒํ˜ธ์ž‘์šฉ ๊ฐ€๋Šฅ โ–ช CSR โ‘  ์„œ๋ฒ„ - ๋ธŒ๋ผ์šฐ์ €์—๊ฒŒ ์‘๋‹ต โ‘ก ๋ธŒ..

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