Next.js에서 알아보는 서버 컴포넌트, 클라이언트 컴포넌트, 정적/동적 라우트 & 캐싱

Next.js에서 알아보는 서버 컴포넌트, 클라이언트 컴포넌트, 정적/동적 라우트 & 캐싱Next.js의 서버 컴포넌트(Server Component)와 클라이언트 컴포넌트(Client Component), 그리고 정적(Static) 라우트와 동적(Dynamic) 라우트, 캐싱에 대해 혼란스러우신가요? React 개발자로서 Next.js와 React Server Components(RSC)에 입문하게 되면, 기존에 익숙했던 클라이언트 사이드 React와 서버 사이드 개념이 섞이면서 어떻게 접근해야 할지 막막할 수 있습니다. 이 글에서는 이러한 새로운 패러다임을 이해하기 위한 정신적 모델(Mental Model)을 구축해 나갈 텐데요, 중요한 내용들을 하나씩 간단하게 설명드리겠습니다. 서버 컴포넌트와 클라..

• format_list_bulleted Javascript
• · 2024. 10. 18.
• textsms

Next.js에서 Vite로 전환: 왜 많은 개발자들이 Next.js를 떠나고 있을까?

Next.js에서 Vite로 전환: 왜 많은 개발자들이 Next.js를 떠나고 있을까?최근 들어 많은 개발자들이 Next.js에서 Vite로 전환하고 있다는 소식을 자주 접하게 됩니다. 특히, Next.js의 앱 라우터(App Router)와 서버 컴포넌트(React Server Components, RSC) 도입 이후 기대와 달리 여러 가지 문제들이 드러나면서, 일부 개발자들은 더 나은 성능과 사용성을 제공하는 Vite로 돌아서고 있죠. 이번 글에서는 Vite로의 전환 이유와 Next.js가 직면한 문제들을 깊이 있게 살펴보겠습니다.1. 개발 서버의 성능 문제가장 많이 제기된 문제는 Next.js의 개발 서버 속도입니다. 많은 개발자들이 Next.js의 Turbopack을 사용함에도 불구하고, 개발 서..

• format_list_bulleted Javascript
• · 2024. 9. 19.
• textsms