리액트 서버 컴포넌트(RSC) 논쟁: 혁신인가 퇴보인가? 커뮤니티 시각 분석

리액트 서버 컴포넌트(React Server Components)란 무엇일까요이전에는 사용자가 리액트(React) 애플리케이션에 접속하면, 서버는 하나 이상의 자바스크립트(JavaScript) 파일 링크가 포함된 텅 빈 HTML 파일을 보내주는 것이 일반적이었습니다그러면 브라우저(browser)는 이 HTML을 먼저 해석하고, 그 다음 자바스크립트(JavaScript) 파일들을 내려받아 클라이언트(client) 측에서 웹 페이지를 그려내는 방식이었죠리액트 서버 컴포넌트(React Server Components, 이하 RSC)의 등장은 리액트(React)의 활동 범위를 서버 영역까지 확장시켰습니다이름에서 알 수 있듯이, RSC는 리액트(React)의 서버(server) 측 컴포넌트(component)입니..

• format_list_bulleted Javascript
• · 2025. 5. 6.
• textsms

React Server Components와 Next.js App Router 제대로 이해하기

안녕하세요? 오늘은 취미로 React와 Next.js를 사용하고 있지만, "RSC, App Router, Suspense 등에 대해 전혀 모르겠다." 이런 분들을 위해 제가 공부한 내용을 정리해서 적어보려 합니다. 조금 두서없이 글을 써서 그런지 지저분한데요. 조금이나마 도움이 됐으면 하네요. ** 목 차 **React와 Next.js에 대해React 렌더링에 대해2.1. 렌더링 트리거 감지2.2. 브라우저 렌더링 콘텐츠 결정2.3. 변경사항을 DOM에 적용Next.js 렌더링에 대해Next.js Pages Router 렌더링에 대해하이드레이션(Hydration)이란 무엇인가?Next.js Pages Router 렌더링 유형에 대해6.1. SSR(Server-side Rendering)6.2. SSG(S..

• format_list_bulleted Javascript
• · 2024. 2. 13.
• textsms