Next.js는 React의 프레임워크!

리액트에서처럼 라우팅을 할 필요가 없다! 파일시스템이용 URL 생성!

app/page.jsx app/page.tsx

layout.jsx / page.jsx / not-found.jsx 정해진 페이지들

React 처럼 <a>태그 대신 <Link> 태그 이용 ! >페이지 리프레쉬 xx

usePathname hook사용

Next는 SSR !!!!! 렌더링을 서버단에서 하고 던져준다 (create react app 으로만 만든 페이지는 CSR)

hydration >> 초기 ssr으로 html을 로딩한 후에! (빠른속도) 그다음 인터렉티브한 react와같은 컴포넌트로 변환해주는 과정!

use client >> use hydrate >> hydration은 use client를 갖고있는 컴포넌트에서만 발생한다. 인터렉티브한 컴포넌트에만 작성하면 됨 >> 장점! 유저가 모든 js파일을 받지않아도 된다 >> “use client” 컴포넌트만 골라서 받음 >>