찾다

집  >  Q&A  >  본문

React Server Components(RSC)와 Server Side Rendering(SSR)의 차이점은 무엇입니까?

React 18의 출현과 함께 RSC가 탄생했습니다. NextJS의 SSR과 어떻게 다른지 궁금합니다.

P粉588152636P粉588152636318일 전646

모든 응답(1)나는 대답할 것이다

  • P粉378890106

    P粉3788901062024-01-17 00:26:20

    두 경우 모두 React Javascript 코드는 Node.js(또는 Deno 또는 사용 중인 모든 항목)에 의해 실행됩니다. 그러나 그들은 다른 것을 생산합니다.

    서버 측 렌더링

    서버 측 렌더링은 React가 ReactDom의 renderToString()< code> 메소드를 사용하고 해당 HTML 문자열을 클라이언트에 보내는 것입니다. 이는 서버가 정적 HTML을 보내는 것과 동일합니다.

    그런 다음 일반적으로 SSR 설정을 통해 React는 클라이언트 측에서 다시 실행되어 동일한 렌더링된 HTML에서 실행되고 클릭 핸들러 연결 및 상호 작용 추가와 같은 작업을 수행합니다. 이를 위해서는 서버와 클라이언트가 렌더링할 동일한 데이터가 있어야 합니다. 이는 서버의 데이터를 클라이언트의