React Router의 Link 컴포넌트 사용하여 페이지 이동시키기

React Router의 Link 컴포넌트와 일반적인 HTML <a> 태그를 사용하는 것의 차이점

#브라우저 내비게이션 방식

• <a> 태그: 클릭 시 페이지가 새로고침되면서 링크된 주소로 이동한다.
• Link 컴포넌트: 클릭 시 페이지가 새로고침되지 않고, React Router가 관리하는 페이지로 이동.

 

#SPA에서의 사용

• <a> 태그: SPA에서는 새로운 페이지를 로딩할 때마다 애플리케이션의 상태를 잃어버릴 수 있다. 
• Link 컴포넌트: SPA에서는 새로운 페이지를 로딩하지 않기 때문에 애플리케이션의 상태를 유지하면서 페이지 간 전환을 수행할 수 있음. 

 

 

동적라우팅 처리