클라이언트 컴포넌트 자식으로 서버 컴포넌트를 넣었을 때의 원리에 대해서 질문있습니다!

답글 감사합니다!
https://www.linkedin.com/pulse/server-component-client-geojung-im-d6fec/
공식 문서가 아니라 이 글을 봤었던 것 같네요 ㅜㅜ

그럼 클라이언트 컴포넌트는 prerendering을 허용하는 것이고, 서버 컴포넌트는 서버에서만 렌더링되는 컴포넌트인건가요??

그리고 장점이 많이 퇴색되겠지만 클라이언트 컴포넌트는 이전의 리액트 컴포넌트처럼 클라이언트에서만 렌더링이 되도록 할 수도 있을까요??

https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading#with-no-ssr

이렇게 next/dynamic 후 ssr: false까지 하시면 됩니다!

저 링크드인 글에도

• Client components are not CSR components. They are not components that are only rendered on the client.

• Client components can be rendered using the rendering method that Next.js previously provided as Pre-rendering.

• Client components can also be rendered using SSR, SSG methods. The server can pre-render the components.

나와 있네요 ㅎㅎ

언제나 친절한 답글 감사합니다!

하나만 더 여쭤보고 싶은게 있는데, router.back()으로 뒤로가기를 누른 경우, 원래 리렌더링이 이뤄지지 않는건가요?

이미지를 눌러서 화면을 parallel routing으로 전체를 덮도록 구현하시고 난뒤에, X 버튼을 누를 때, router.back()으로 뒤로가기를 구현하셨는데 기존 페이지가 리렌더링이 되지 않는 이유에 대해 궁금했습니다!

이 이유는 뒤에 cache 섹션에 나오는데 client cache가 있어서 30초 동안은 뒤로가기 누를 때 캐싱된 페이지 그대로 씁니다.
그리고 모달 식으로 되어 있는 애들은 주소만 바뀌면서 모달만 뜨고 꺼질 뿐 배경 컴포넌트가 바뀌는 게 아니라서 그냥 가만히 있습니다.

아 두 이유 덕분에 그런거군요! 항상 친절하신 답변 감사합니다!