[React] <Link>와 <a> 태그의 차이와 동작 원리

서론React에서 페이지 이동을 처리하는 방법으로 와 태그가 있다.둘 다 사용자의 클릭을 통해 다른 페이지로 이동하는 역할을 하지만, 동작 방식에는 큰 차이가 있다.이번 글에서는 React의 와 태그의 차이점과, 의 내부 동작 원리를 분석해보겠다. 1. 태그와 의 차이(1) 태그란?HTML에서 태그는 기본적인 하이퍼링크(hyperlink) 역할을 한다.클릭하면 전체 페이지를 새로고침(F5)하며 이동한다.Example 페이지로 이동장점단점브라우저의 기본 기능을 그대로 사용React 애플리케이션에서는 전체 페이지가 새로고침됨 → SPA 성능 저하서버 측에서 렌더링(SSR)되는 페이지에서는 유용상태(state)가 초기화됨 → 애플리케이션이 비효율적으로 동작(2) 태그란?import { Link } ..