[Next.js] 모든 클라이언트 컴포넌트에 'use client'를 붙여야 할까?
문제상황Next.js 14 에서 프로젝트를 생성하면 기본적으로 /app 디렉토리 내의 모든 컴포넌트들은 서버 컴포넌트이다. 따라서 클라이언트 컴포넌트로 사용하려면 상단에 use client 를 붙여주어야 한다. 그런데 작업 중 깜빡하고 useState를 사용하는 컴포넌트에 use client를 붙이지 않았는데 앱이 에러 없이 잘 동작하는 것을 보게 되었다. 일시적인 현상인가 싶어 새로고침을 해보았는데 여전히 앱이 잘 작동하길래 당황했다. use client 매번 달아주는 거 귀찮았는데 살짝 좋기도 하고.. 클라이언트 컴포넌트에는 use client를 무조건 붙여야 한다고 알고 있었는데 use client가 없어도 잘 작동하는 이유가 뭘까? React가 UI를 표현하는 방법이 현상을 이해하기 위해 먼저..
Client/Next.js
2025. 3. 12. 12:01
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 제어 컴포넌트
- 동기
- 중급 프로젝트
- 비제어 컴포넌트
- innerhtml
- CSS
- 코드잇 스프린트
- currentTarget
- map
- Target
- 객체
- javascript
- 취업까지달린다
- html
- rest parameter
- 리액트
- 코드잇스프린트
- Git
- tanstackquery
- 스프린트프론트엔드6기
- js
- GitHub
- 프론트엔드
- 유사배열객체
- Next.js
- 비동기
- arguments
- react
- hydrationboundary
- 배열
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
글 보관함