NodeBird SNS ๋งŒ๋“ค๊ธฐ (1)

* inflearn์˜ '[๋ฆฌ๋‰ด์–ผ] React๋กœ NodeBird SNS ๋งŒ๋“ค๊ธฐ' ๊ฐ•์˜๋ฅผ ๋ณด๋ฉฐ ์ง„ํ–‰ํ•˜๋Š” ํ”„๋กœ์ ํŠธ * ๋ฐฑ์—”๋“œ(1, nodeJS) + ํ”„๋ก ํŠธ์—”๋“œ(1, reactJS) โ• Next.js๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ? SSR + CSR ์ฒซ ๋ฐฉ๋ฌธ๋งŒ SSR ๋ฐฉ์‹์ด๊ณ , ์ดํ›„๋Š” CSR ๋ฐฉ์‹์ด๋‹ค. Next.js๋Š” 'React๋ฅผ ์‚ฌ์šฉํ•œ ํ”„๋ ˆ์ž„์›Œํฌ'๋กœ์„œ ์‹ค๋ฌด๋ฅผ ์œ„ํ•ด์„œ ๊ฐ–์ถฐ์ง„ ๊ฒƒ๋“ค์ด ๋งŽ๋‹ค. ๋Œ€์‹ , ์ž์œ ๋„๊ฐ€ ๋–จ์–ด์ง„๋‹ค. ์„œ๋ฒ„๋ผ๊ณ  ํ•œ๋‹ค๋ฉด ๋‚˜๊ฐ™์€ ๊ฒฝ์šฐ์— ์„œ๋ฒ„ = ๋ฐฑ์—”๋“œ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ, ์„œ๋ฒ„์˜ ์ฃผ์ฒด๊ฐ€ 3๊ฐœ (+1)๋‹ค! ๋ง๊ทธ๋Œ€๋กœ server, ์š”์ฒญ์„ ๋ฐ›๋Š” ์ฃผ์ฒด๋ผ๊ณ  ์ดํ•ดํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ € / ํ”„๋ก ํŠธ ์„œ๋ฒ„ / ๋ฐฑ์—”๋“œ ์„œ๋ฒ„ / ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค โ• SSR(Server Side Rendering)์ด ๋ญ˜๊นŒ? ์ „ํ†ต์ ์ธ ๋ Œ๋”๋ง ๋ฐฉ์‹์œผ๋กœ ๋ง..

2021. 6. 23. 16:25