실무에서 서버/클라이언트 컴포넌트를 구분하는 방법
안녕하세요, 강의 정말 잘 수강하고 있습니다.
강의 수강 중에 궁금한 점이 생겨 질문 드립니다.
강사님께서 말씀하신 것처럼 규모가 크고 복잡한 프로젝트의 경우는 컴포넌트의 양이 많아, 개발자가 이를 인지하지 못 하고 클라이언트 컴포넌트 아래에 서버 컴포넌트를 사용하는 경우가 자주 발생할 수 있을 것 같다는 생각이 들었습니다.
그렇다면 혹시 큰 프로젝트 내에서 이를 방지하기 위해 특별히 조치를 취하셨던 경험이나 팁이 있는지 알고 싶어서 질문드립니다.
예를 들면, 서버 컴포넌트와 클라이언트를 다른 폴더로 구분해서 분류하는 등 실무에서 실제로 사용되는 방법이 있는지 알려주시면 감사하겠습니다!
답변 1
1
안녕하세요 이정환입니다.
맞습니다. 조금만 프로젝트가 복잡해져도 클라이언트 컴포넌트의 밑에 서버 컴포넌트가 배치되어야 하는 순간이 분명 존재하게 되죠
구체적인 문제 상황이 딱 떠오르지는 않아서 뾰족한 답변을 드리기는 어렵겠지만, 보통 이런 경우 기본적으로는 클라이언트 컴포넌트를 최대한 작은 부분으로 유지합니다. 예를 들어 버튼 딱 하나만 클라이언트 컴포넌트로 전환하는 식 입니다. 요 내용은 강의의 뒷 부분인 서버 액션 챕터에서 구체적으로 다룹니다.
에러핸들링- rootlayout에 관하여
0
33
2
버셀로 서버 배포 후 접속 시 500 에러 발생
0
96
2
컴포넌트와 레이아웃
0
70
2
@/styles/globals.css'
0
77
2
풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문
0
88
2
next.js 프로젝트
0
87
1
Next.js + Tanstack Query BFF 구조 질문
1
104
2
Next.js 사전렌더링 이해하기 부분
0
100
2
모달 관련 질문
0
107
3
렌더링 관련 질문
0
126
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
119
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
107
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
126
2
npx prisma db push 시 에러가 뜹니다.
0
151
3
vercel 배포를 실패하였습니다.
0
175
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
112
2
getServerSideProps 함수와 SSR의 관계
0
140
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
106
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
163
2
일반적인 nextjs project architecture에 대하여..
0
132
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
116
2
배포 시 오류 발생
0
133
2
백엔드 서버 오류납니다.
0
126
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
128
1