[Next.js] CSR의 Link 태그의 원리, Link와 useRouter의 차이점

Yeong·2025년 3월 5일

1Link 컴포넌트의 자동 클라이언트 측 렌더링!
Next.js의 Link 컴포넌트는 자체적으로 클라이언트 측 렌더링을 수행하기 때문에 "use client"를 명시적으로 선언하지 않아도 클라이언트 측에서 렌더링됩니다. 이것은 Link 컴포넌트가 클라이언트 측 라우팅을 지원하기 위해 설계되었기 때문입니다.

Link 컴포넌트는 Server Side Rendering + Client Side Routing이다. Next.js에서 제공하는 클라이언트 사이드 라우팅을 구현하는데 사용되며, 클라이언트 측 라우팅을 위한 컴포넌트이기 때문에, "use client"를 명시적으로 선언하지 않아도 클라이언트에서도 렌더링 된다. Next.js의 Link 컴포넌트가 기본적으로 클라이언트 측 라우팅을 지원하기 때문에 클라이언트 측에서만 동작하도록 설계되어 있기 때문이다.

참고 자료 : https://junvelee.tistory.com/166

0개의 댓글