Router.push vs Link href

박광민·2023년 2월 27일
0
  • 둘다 공통적으로 이동을 시켜주지만
    Link태그는 페이지에 새로고침 없이 무조건 이동하도록 해줌
    코드간결성과 성능면에서 좋아보이지만 페이지의 상태변화가 일어나진 않기 때문에 상태변화까지 필요한 경우에는 router.push를 써줌
  • Link (React)
    -> 상태변화, 새로고침 없이 단순 이동 (성능 빠름)
    -> Link컴포넌트는 브라우저에서 제공하는 기본 기능을 사용하지 않아 XSS(Cross-site scripting)같은 보안이슈를 걱정하지 않아도됨
  • router.push -> 상태변화 포함 이동 (Next.js)
profile
developer(Frontend)

0개의 댓글