URL Parameters (useParams)
우리는 localhost:3000/topics에서 토픽 전체에 대한 정보가 아니라, switch라는 특정 주제만 보여주고 싶은 경우가 있다.
그럴 때에는 localhost:3000/topics/switch와 같이, topics라는 URL 뒤에 id를 넣어주면 된다. 이를 파라미터라고 하는데 흔히 파라미터는 특정 아이디 혹은 이름을 사용해 무언가 조회할 때 사용 한다.
useParams는 동적 라우팅(Route)를 설정해줘야 하며, 그 곳에서부터 parameter를 받아온다.
App.js
Profile.js
➡ 결과
Query Parameters (useLocation)
localhost:3000/topics?version=new와 같은 방식이며, 쿼리 또는 쿼리 스트링이라고 불린다. 어떤 키워드를 검색하거나 페이지에 옵션을 전달할 때 사용 한다.
About.js
➡ 결과
