a 태그
- href 특성을 통해서 웹 사이트 내에서 다른 페이지, 같은 페이지 내의 특정 위치, 그 외 다른 웹 사이트 URL로 연결할 수 있는 하이퍼링크를 만든다
- href로 지정한 주소로 이동을 하기 때문에 새로고침이 일어난다
Link 컴포넌트
- React에서 사용하는 a 태그라고 말할 수 있다
- 주소로 이동하여 전체를 새로고침 하는 것이 아니라 필요한 부분만 재 랜더링 하도록 하는 컴포넌트이다
- to를 이용하여 이동한다
a 태그 vs Link 컴포넌트
가장 큰 차이점은 a태그의 href로 이동하면 상태 값을 읽고 Link 컴포넌트보다 속도가 저하된다는 것이다
반면, Link 컴포넌트는 브라우저의 주소만 바꾸고 페이지 자체를 새로고침하지는 않는다
결론 : React에서는 a 태그보다는 Link 컴포넌트를 사용하는 것이 좋다ㅏㅏ