[React] Link 컴포넌트

1. Link 컴포넌트란?

라우팅 기능을 구현할 수 있는 컴포넌트

import { Link } from "react-router-dom";

 <Link to="/main">
   <button className="inputinfo loginBtn" id="login-btn">
   로그인
   </button>
</Link>

• to : 이동할 컴포넌트 경로

💡 <Link>와 <a> 태그의 차이는?

• <Link> : 실제 서버에 요청을 보내지않고 url만 변경
• <a> : 페이지 이동 시 서버로부터 매본 새로운 페이지를 요청해서 받아옴
  -> 몇가지 부분만 바뀌어서 렌더링해야하는 작업에도 전체화면을 렌더링하기 때문에 비효율적
  외부 사이트로 이동할 때는 항상 전체 페이지를 새로 렌더링해야하기 때문에 a태그 사용