ReactRouter1 useNavigate 와 Link 리액트로 개발을 하다 문득 useNavigate와 Link의 차이가 뭔지 궁금해졌다. 그동안 페이지 이동이 필요한 경우 익숙하다는 이유로 useNavigate를 주로 사용했었는데, 생각해 보니 Link도 비슷한 기능을 하는 것으로 알고 있는데 왜 굳이 두 가지 방법이 존재하는 걸까 의문이 들었다. 먼저, useNavigate는 리액트 라우터에서 제공되는 Hook이고, Link는 리액트 라우터에서 제공되는 Component이다. 리액트 라우터(React Router)란 싱글 페이지 애플리케이션을 만드는 리액트에서 화면 전환, 즉 라우팅을 위해 사용되는 라이브러리이며, 결국 두 가지 방식의 차이는 '훅이냐, 컴포넌트이냐.' 인 것이다. 공식 문서의 예제를 보면, import * as React from "r.. 2023. 6. 28. 이전 1 다음