[NEXT.js] 서버컴포넌트와 클라이언트 컴포넌트를 어떻게 분리해?

NEXT.js를 배워서 메인프로젝트에 적용하려고 하는데, useState도 쓸 수 없고 useEffect도 쓸 수 없고(안쓰면 또 서버에서 자료를 받아올 수가 없고..ㅜㅜ) 여러가지 문제점이 있었다.

나중에는 useState,useEffect 등을 사용하려면 CSR을 하면된다는 사실을 깨닫고 아무곳에나 'use client'를 쓰기 시작했는데...

이것은 서버컴포넌트/클라이언트컴포넌트 를 구분하지 않고 그냥 구현만 하는 것이고, 엄청난 에러가 뜬다는 사실을 깨달았다.

게다가 멘토님께서는 이렇게 하면 나중에 감당할 수 없을거라고 하셨다.

 

아무렇게나 쓰지말고 써야할 상황을 잘 구분해서 써야한다.

 

-> https://mycodings.fly.dev/blog/2022-11-17-nextjs-13-client-component (참조)

->