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

next15

 (2)
[ React 18+ ] RSC(React Server Componen) ํŒŒํ—ค์น˜๊ธฐ. RSC๋Š” React Server Components์˜ ์•ฝ์ž๋กœ, React18 ๋ฒ„์ „๋ถ€ํ„ฐ ๋“ฑ์žฅํ•œ ๊ฐœ๋…์ด๋‹ค.์„œ๋ฒ„์—์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ Œ๋”๋ง ํ•˜๊ณ  ํด๋ผ์ด์–ธํŠธ์—์„œ ์ด๋ฅผ ํšจ์œจ์ ์œผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์œผ๋กœ, ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์˜ ์—ญํ• ์„ ๋ถ„๋ฆฌํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ํ–ฅ์ƒ์„ ์œ„ํ•ด ๋“ฑ์žฅํ•œ ๊ธฐ๋Šฅ์ด๋‹ค. RSC๋Š” React์˜ ์ž์ฒด์ ์ธ ๊ธฐ๋Šฅ์ด๊ธฐ ๋•Œ๋ฌธ์— ๊ผญ Next.js๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ ๋„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, RSC๋Š” ์„œ๋ฒ„-ํด๋ผ์ด์–ธํŠธ์˜ ์ƒํ˜ธ์ž‘์šฉ์ด ํ•„์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์— Node.js๊ธฐ๋ฐ˜์˜ ์„œ๋ฒ„ ํ™˜๊ฒฝ์ด ํ•„์š”ํ•˜๋‹ค. ๊ทธ๋ž˜์„œ Next.js๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด Express.js ๊ฐ™์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ HTTP ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค๊ณ , ์„œ๋ฒ„-ํด๋ผ์ด์–ธํŠธ ์ŠคํŠธ๋ฆฌ๋ฐ,  Webpack ๋ฒˆ๋“ค๋ง(์„œ๋ฒ„ / ํด๋ผ์ด์–ธํŠธ), ๋ฐ์ดํ„ฐ ํ†ต์‹ , ์„ฑ๋Šฅ ์ตœ์ ํ™”(์บ์‹ฑ) ๋“ฑ์˜ ์ถ”๊ฐ€์ ์ธ ์„ค..
[ Next.js ] Next15์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ. 2024๋…„ 10์›” 21์ผ Next15 ๋ฒ„์ „์ด ๊ณต์‹ ๋ธ”๋กœ๊ทธ์— ์—…๋ฐ์ดํŠธ๋˜์—ˆ๋‹ค.๊ณต์‹์ ์œผ๋กœ ์•ˆ์ •ํ™”๋˜์–ด ํ”„๋กœ๋•์…˜์—์„œ ์‚ฌ์šฉํ•  ์ค€๋น„๊ฐ€ ์™„๋ฃŒ๋˜์—ˆ๋‹ค๊ณ  ํ•œ๋‹ค.  ์ด๋ฒˆ ๋ฆด๋ฆฌ์ฆˆ๋Š” RC1๊ณผ RC2์˜ ์—…๋ฐ์ดํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋ฉฐ, ์•ˆ์ •์„ฑ์— ์ค‘์ ์„ ๋‘๋ฉด์„œ๋„ ํฅ๋ฏธ๋กœ์šด ์—…๋ฐ์ดํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜์˜€๋‹ค๊ณ  ํ•œ๋‹ค.10์›” 24์ผ์— ์—ด๋ฆฐ Next.js Conf๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ, ์‚ฌ์ „ ์‹ ์ฒญํ•˜๊ณ  ๋ชป ๋“ค์–ด์„œ ๋…นํ™”๋ณธ์„ ๋ณด๊ณ  ๋‹ค์Œ์— ๊ทธ ๋‚ด์šฉ์— ๋Œ€ํ•œ ํฌ์ŠคํŒ…๋„ ํ•  ์˜ˆ์ •์ด๋‹ค.  Next15์˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค.# ์ƒˆ๋กœ์šด ์ž๋™ ์—…๊ทธ๋ ˆ์ด๋“œ CLI ์‚ฌ์šฉnpx @next/codemod@canary upgrade latest# ...๋˜๋Š” ์ˆ˜๋™์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œnpm install next@latest react@rc react-dom@rc      Next.js 15์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ..

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