article thumbnail
[React] Router을 사용해서 URL parameter에 따라 화면 다르게 보이기
공부 기록/React 2023. 7. 3. 17:59

React를 공부하면서 페이지를 만들고 있다보니 효율적이지 못한 페이지여도 새롭게 하나하나 React의 기능들을 알아가고 있다. 이전까지는 React에서 JSP와 같이 URL에 정보를 담는 법을 알지 못해 session 영역에 데이터를 저장한다든가, 변화하는 값을 target해서 target 된 값에 따라 백엔드 서버로 값을 넘기는 주소를 달리한다든가의 일을 여러 번 처리하게 만들었었다. 하지만 중복되는 코드가 늘어나면서 비효율적인 코드가 될 수밖에 없었다. 이번엔 Router을 사용하면서 URL에 담겨있는 parameter를 추출하고, parameter에 따라 페이지가 다르게 보이도록 만든 것을 정리하려 한다. 1. URL에 parameter 포함하기 URL에 parameter를 붙이는 여러 방법에 대..