- 메인페이지 하위의 기록 컴포넌트에서 기록을 하거나 새로고침 하면 차트 컴포넌트로 자꾸 바뀐다. 일반적으로 페이지 구분이 될경우 url로 경로를 관리해 뒤로가기 해도 이전에 머물렀던 페이지로 돌아가지만tab으로 구성된 것이라 url경로 관리는 불가했다. tab 컴포넌트는 url과 별개로 독립적으로 작동하기 때문이다. url과 tab 컴포넌트 상태를 연동해서 동작을 조정할 수 있는것을 알았다.
- useLocation과 useNavigate 훅을 사용하고, url의 쿼리 파라미터나 경로의 일부분으로 현재 선택된 탭을 나타내는 방법을 고려했다.
- 쿼리스트링 라이브러리로 tab1, tab2의 경로로 나누었다. 기록을 저장완료해도 기록 컴포넌트에 잘 머문다!
'프로젝트' 카테고리의 다른 글
| 문제해결_ 공공 데이터의 배신 ( 숫자여야만 하는데…) (0) | 2024.03.12 |
|---|---|
| 문제해결_사용자 경험을 향상시키기 위해 ( useEffect ) (0) | 2024.03.12 |
| 문제해결_ 코드가 길어지면 props도 헷갈린다.( 객체구조분해할당 ) (0) | 2024.03.12 |
| 문제해결_ 리코일을 처음 사용해보니…( 결국엔 로컬 스토리지2 ) (0) | 2024.03.12 |
| 문제해결_ 공공데이터 일일 트래픽 초과 ( 결국엔 로컬 스토리지1 ) (0) | 2024.03.12 |
