#18 React - useParams(), useSearchParams()로 URL에서 파라미터 가져오기,react-router-dom을 통해 라우팅 하기

이번에는 아~주 간단한 검색서비스를 제작하며 React에서 React Router 라이브러리(react-router-dom)을 통해 라우팅하는 방법을 설명하고, URL을 통해 파라미터를 가져와, 동적 경로에 따라 어떤 페이지 또는 컴포넌트를 전달해야 하는지 식별할 수 있는 React Router 라이브러리(react-router-dom)에서 제공하는 훅인 useParams(), useSearchParams()에 대해 정리해보려고 한다! 0.

URL 파라미터? 동적 경로라 함은 사용자가 전달한 파라미터에 따라 달라지는 경로를 말한다.

이는 우리가 웹사이트를 사용할 때 아주 흔히 볼 수 있다. 우리는 웹사이트의 사용자로서 대부분 검색창이나 버튼을 통해 페이지를 이동하거나 컴포넌트를 가져오지만, 사실 이는 주소창에서 URL을 통해 파라미터를 전달하는 행위이다.

네이버을 통해 이를 이해해보자. 네이버 루트페이지 위 사진은 네이버 루트페이지(m.naver.com)이다.

즉, URL에 아무런 ...