Next.js Component 는 뭐가 다른가?

1. Server Side Component 와 Client Side Component

• SSC(Server Side Component) 특징

1. SSC는 자바스크립트 기능을 작성할수없다.
2. SSC는 로딩속도가 빠르다.
3. SSC는 SEO(Search Engine Optimization)의 좀더 유리하다.

• CSC(Client Side Component) 특징

1. CSC는 자바스크립트 기능을 넣을수있다.
2. SEO(Search Engine Optimization)의 불리하다.
3. 'use Client'를 가장 상단에 적어준다.
4. 부분적으로만 useClient를 만들순없고 , 컴포넌트로 빼서 만드는것은
   가능하다.

• 사용하기 좋은 부분
  • SSC(Server Side Component)는 정보는 표현하지만 사용자와
    상호작용하지 않는부분을 SSC로 만드는것이좋다.
  • CSC(Client Side Component)는 사용자와 상호작용하는 부분을
    만드는것이 좋다.