next13 전역 상태 관리할 때..

•#ask•

1년 전

•

3,763

•

현재 Next 13 APP라우팅 방식으로 프로젝트를 하고 있습니다.

프로젝트에서 전역상태관리를 위해서 ContextAPI를 이용하고
Provider를 아래와 같은 방법으로 적용을 시켜줬습니다.

(layout.js)

return (
  <html>
    <body>
      <Provider>
        {children}
      </Provider>
    </body>
  </html>
)

(Provider.js)

'use client'

//생략

export default function Provider({children}) {
  return (
    <ContextProviber>
      {children}
    </ContextProviber>
  )
}

이렇게 Provider로 감싸주었더니 'use client'를 사용하여 CSR환경에서 작동해야 한다고 하더라구요. 그래서 "use client"까지 적용했는데

이렇게 'use client'로 작성된 component로 감싸면 이 아래오는 모든 코드가 SCR로 적용되는 건가요?

만약 이게 맞다면 SSR의 장점을 전혀 살리지 못하는 것인데 어떻게 해결할 수 있나요?

1 comment