질문#Next.js#React#서버컴포넌트#TypeScript

Next.js App Router에서 서버 컴포넌트와 클라이언트 컴포넌트 구분 기준이 궁금합니다

김

김개발

2026년 3월 15일 오전 09:23

24342

Next.js 14로 프로젝트를 진행 중인데, 어떤 컴포넌트를 서버 컴포넌트로 두고 어떤 걸 클라이언트 컴포넌트로 분리해야 하는지 판단이 어렵습니다. 특히 폼 입력이 있는 페이지에서 전체를 클라이언트로 만들어야 하는지, 일부만 분리하는 게 나은지 경험 공유해주시면 감사하겠습니다.

댓글 2개

댓글을 작성하려면 로그인이 필요합니다

로그인하기

최

최프론트2026년 3월 15일

저는 상태 변경이 필요한 부분만 클라이언트 컴포넌트로 분리하고, 나머지는 전부 서버 컴포넌트로 두고 있어요. 폼의 경우에도 입력 부분만 별도 컴포넌트로 빼면 됩니다.

정

정타입2026년 3월 15일

use client 경계를 최대한 아래로 내리는 게 포인트입니다. 공식 문서의 Composition Patterns 부분을 참고하시면 좋아요.