<a>와 <Link>의 차이점

이지우·2024년 1월 12일

프론트엔드

목록 보기
1/7
post-thumbnail

a 태그

  • href 특성을 통해서 웹 사이트 내에서 다른 페이지, 같은 페이지 내의 특정 위치, 그 외 다른 웹 사이트 URL로 연결할 수 있는 하이퍼링크를 만든다
  • href로 지정한 주소로 이동을 하기 때문에 새로고침이 일어난다
  • React에서 사용하는 a 태그라고 말할 수 있다
  • 주소로 이동하여 전체를 새로고침 하는 것이 아니라 필요한 부분만 재 랜더링 하도록 하는 컴포넌트이다
  • to를 이용하여 이동한다

가장 큰 차이점은 a태그의 href로 이동하면 상태 값을 읽고 Link 컴포넌트보다 속도가 저하된다는 것이다
반면, Link 컴포넌트는 브라우저의 주소만 바꾸고 페이지 자체를 새로고침하지는 않는다

0개의 댓글