몽땅뚝딱 개발자

[Next.js] 'use client' 본문

에러일지/React.js

[Next.js] 'use client'

레오나르도 다빈츠 2023. 12. 25. 17:50

 

 

 

 

use client 어쩌구 에러..

이게 같은 구조로 보이는 페이지인데도 해당 에러가 뜰 때도 있고 아닐 때도 있다.

 

 

 

이렇게 상단에 'use client'를 넣어주면 해결된다. ('use strict'같은 느낌)

예상으론 서버 컴포넌트와 관계가 있는 것 같은데..

내가 공식문서를 아직 제대로 읽어보지 않아서 생긴 문제인 것 같다. (🤦🏻‍♀️)

 

 

 


 

 

 

근데 그런 컴포넌트마다 매번 이렇게 달아줘야한다고???

Next는 emotion 쓰는 것도 구구절절 주석 추가해야 가능하더니 컴포넌트에도 이렇게 하나하나 달아줘야 하는걸까?

 

하지만 분명 더 편한 점도 있다는 것을 알아...

개선할 방법도 찾으면 나온다는 것을 알아..

언젠가 Next를 좋아하게 될 것을 알아...

 

ㅡ Next.js 2일차 쪼렙 ㅡ

 

 

 

[참고하면 좋을 듯]

https://stackoverflow.com/questions/74713772/what-is-use-client-on-all-mui-component-in-nextjs13

 

What is 'use client' on all mui component in nextjs13?

I am new to react/nextjs development. Always thought react component render in server and ready as cached to go. But if nextjs 13 make all mui controls as client component where is the render happe...

stackoverflow.com

 

 

 

Comments