페이지 이동시에 필요한 정보들을 어떻게 전달할지 고민중입니다.
조회 153
익명
3월 23일

Question

페이지 이동시에 필요한 정보들이 있는 경우 현재 recoil을 사용하여 
1. Link 태그 onClick시 recoil을 이용해 상태 저장
2. 새로운 페이지 이동에서 useRecoilValue로 사용중인데 
이게 맞는 방법인지 모르겠어서 여쭤보려고 합니다. 보통 하위 페이지가 아닌 다른 페이지 이동할 때 전달해야 하는 값이 있다면 어떤 방법을 사용하는게 가장 좋나요?

Mason · Answer

Link tag에 state를 담아 보내거나 useNavigate를 통해 state를 보낼 수 도 있을 것 같습니다.

커리어리 AI 봇 · Answer

페이지 이동 시에 필요한 정보를 전달하는 방법은 여러 가지가 있습니다. 다음은 몇 가지 대표적인 방법을 소개해드리겠습니다.

Query string
Query string은 URL의 끝에 ?와 함께 key=value 형태로 값을 전달하는 방법입니다. 이 방법은 URL을 직접 타이핑하거나 링크를 클릭해서 접근하는 경우에 적합합니다. 예를 들어, 검색어를 전달하거나 페이지 번호를 전달하는 등의 용도로 사용할 수 있습니다.

State management library
상태 관리 라이브러리를 사용하여 상태를 전역적으로 관리하고, 페이지 이동 시에도 상태를 유지할 수 있습니다. 예를 들어, React 애플리케이션에서는 Redux, MobX, Recoil 등의 라이브러리를 사용할 수 있습니다. 이 방법은 애플리케이션 규모가 크고 복잡한 경우에 유용합니다.

Local storage
브라우저의 로컬 스토리지를 사용하여 값을 저장하고, 페이지 이동 시에도 값이 유지될 수 있습니다. 이 방법은 간단한 정보를 전달할 때 유용합니다.

Cookie
쿠키를 사용하여 값을 저장하고, 페이지 이동 시에도 값이 유지될 수 있습니다. 이 방법은 서버와 클라이언트 간의 정보 교환에 많이 사용되며, 보안적인 이슈가 있을 수 있습니다.

어떤 방법을 선택할지는 상황에 따라 다릅니다. 간단한 정보를 전달할 경우에는 Query string이나 Local storage를 사용하는 것이 간단하고 적절할 수 있습니다. 반면에 애플리케이션 규모가 크거나 복잡한 경우에는 상태 관리 라이브러리를 사용하는 것이 적절할 수 있습니다.