Next.js / Next에는 2가지의 Component가 있다

next.js 는 컴포넌트 종류가 2개다 ✌🏻

✅ server component

• default로 server component로 설정이 되어있다.
• html에 자바스크립트 기능넣기 불가능 (ex - onClick, useState...)
• 그래서 장점이, 로딩속도가 빠르고 / 검색엔진 노출이 유리

그러므로, 큰 페이지들은 server component로 작성하는 것이 좋다!

✅ client component

• 최상단에 'use client' 를 적어주면, 그 문서는 client component가 된다.
• 기존 React처럼 자바스크립트의 여러 기능들을 사용할 수 있다.
• 그렇기에, 로딩속도 느려진다. ( 이유 ? 자바스크립트가 많이 필요 / hydration 필요)

그러므로, JS기능이 필요한 곳만 client component를 작성해주면 좋다.

+ 코딩애플 무료강의 들으며, 짧굵정리