Next 에서 Server component와 client component

Next에서 page.js 는 기본적으로 server component로 되어있어서 스크립트 기능을 쓸수가없다

예를들어

<button onClick={()=>{
	console.log('클릭');
}}>버튼</button>

버튼을 누르면 console이 찍히게 하고싶은데 이 기능 자체가 client에서 js로 돌아가는거기때문에

Server component에서 작동하지 않는다

그래서 js기능을 쓰고싶으면 클라이언트 선언을 해줘야하는데

'use client';

코드 맨 윗줄에 이렇게 선언해주면 서버 컴포넌트가 클라이언트 컴포넌트로 전환된다.

그래서 클라이언트 컴포넌트는 따로 컴포넌트 폴더에 분리해서 넣어주는게 좋다