📚 Reference
📜 Chapter
'use client'
가 붙은 컴포넌트는 초기 렌더링 시에는 서버에서 HTML을 생성하지만, 이후 사용자 상호작용 (클릭, 상태 변경 등)은 모두 클라이언트 측에서 처리된다.useState
, useEffect
, onClick
과 같이 클라이언트 측의 상호작용이 필요한 로직에 사용된다.종류 | ‘use client’ | ‘use server’ |
---|---|---|
실행 환경 | 브라우저 (클라이언트) | 서버 |
주요 역할 | 사용자 상호작용, 상태 관리 | 데이터 처리, DB 접근, 파일 시스템 작업 |
사용 예시 | onClick 핸들러, useState | 폼 제출, DB CRUD 작업, API 호출 |
특징 | 번들 크기 증가 가능성 있음 | 번들 크기에 영향 없음 |