nextjs, styledcomponent 설정중 서버 컴포넌트 관련 질문

Question

nextjs 입문중입니다. styled-components를 얹어서 사용하려고 하는데요 궁금한 점이 있어서 질문 드립니다.관련 설정중에 이런 부분이 있는데,https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components코드내부에서 RootLayout에서 StyledComponentsRegistry 를 children위에 감싸게 되는데 해당 컴포넌트가 'use client' 인데 이러면 내부적으로 하위 컴포넌트들은 모든 클라이언트 컴포넌트가 되게 될 것 같은데, 이렇게 되면 사실상 styled-component를 사용하게 될 경우, 해당 프로젝트 자체가 전부 클라이언트 컴포넌트가 되는 것 아닌가요?서버 컴포넌트의 이점을 포기하고 사용하는 것인지, 제가 잘못 이해한 부분이 있나요?

charlatan · Answer

관련 자료를 찾아보면... 그렇게 되지 않을 것 같습니다. 흔히 알고 있는 SSR은 Next의 서버 컴포넌트(리액트 서버 컴포넌트)와는 차이가 있고 클라이언트 컴포넌트와 서버 컴포넌트는 각각 렌더링되기 때문에 서로 섞일 수 있다고 하네요.

nextjs, styledcomponent 설정중 서버 컴포넌트 관련 질문

1개의 답변

Q&A 목록