[Next.js] Rendering
ยท
๐Ÿ‘จโ€๐Ÿ’ป Programming/Next.js
What is Rendering?Rendering is the process of transforming the component code you write into UI that users can see and interact withIn Next.js, the tricky part to building a performant application is figuring out when and where this transformation should happen.CSR, SSR and RSCs?Rendering in React โ†’ Rendering in Next.jsHow rendering works in React - CSRClient Side RenderingThis whole approach - ..
[Next.js] Next.js ์†Œ๊ฐœ
ยท
๐Ÿ‘จโ€๐Ÿ’ป Programming/Next.js
IntroductionNext.js is a React framework for building full-stack web application.๋ฆฌ์•กํŠธ๋งŒ์œผ๋กœ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•  ๋•Œ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ์‹คํ–‰ ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ์œ ์ € ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ์ด๊ณ , ๋ผ์šฐํŒ…, ๋ฐ์ดํ„ฐ ํŽ˜์นญ ๋“ฑ๋“ฑ ๊ณผ ๊ฐ™์€ ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ฒฐ์ •์„ ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.Next.js๋Š” ์œ ์ € ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์œ„ํ•ด ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ , ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ ์ถ”๊ฐ€์ ์ธ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์—๋Š” ๋ผ์šฐํŒ…, ์ตœ์ ํ™”๋œ ๋ Œ๋”๋ง, ๋ฐ์ดํ„ฐ ํŽ˜์นญ, ๋ฒˆ๋“ค๋ง, ์ปดํŒŒ์ผ๋ง ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. Next.js๋Š” ํ•„์š”ํ•œ ํŒจํ‚ค์ง€๋ฅผ ๋ชจ๋‘ ์ œ๊ณตํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ถ”๊ฐ€์ ์ธ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์ด๋Ÿฌํ•œ ํŠน์ง•๋“ค์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด ๋”ฐ๋ผ์•ผํ•  ์ปจ๋ฒค์…˜์ด ์žˆ..