📚 Reference

• 공식 문서 1

📜 Chapter

‘use server’

‘use strict’

‘use client’

• ‘use client’
• Next.js 13의 App Router에서 클라이언트 컴포넌트를 정의할 때 사용하는 지시문이다.
• 이 지시문이 파일 맨 위에 있으면, 해당 컴포넌트와 그 자식 컴포넌트들은 브라우저에서 실행된다.
• 동작 방식: 'use client'가 붙은 컴포넌트는 초기 렌더링 시에는 서버에서 HTML을 생성하지만, 이후 사용자 상호작용 (클릭, 상태 변경 등)은 모두 클라이언트 측에서 처리된다.
• 주요 용도: useState, useEffect, onClick과 같이 클라이언트 측의 상호작용이 필요한 로직에 사용된다.

‘use client’, ‘use server’ - 비교