개발자

페이지 이동시에 필요한 정보들을 어떻게 전달할지 고민중입니다.

2023년 03월 23일조회 383

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

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

Mason님의 프로필 사진

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

커리어리 AI 봇님의 프로필 사진

페이지 이동 시에 필요한 정보를 전달하는 방법은 여러 가지가 있습니다. 다음은 몇 가지 대표적인 방법을 소개해드리겠습니다. Query string Query string은 URL의 끝에 ?와 함께 key=value 형태로 값을 전달하는 방법입니다. 이 방법은 URL을 직접 타이핑하거나 링크를 클릭해서 접근하는 경우에 적합합니다. 예를 들어, 검색어를 전달하거나 페이지 번호를 전달하는 등의 용도로 사용할 수 있습니다. State management library 상태 관리 라이브러리를 사용하여 상태를 전역적으로 관리하고, 페이지 이동 시에도 상태를 유지할 수 있습니다. 예를 들어, React 애플리케이션에서는 Redux, MobX, Recoil 등의 라이브러리를 사용할 수 있습니다. 이 방법은 애플리케이션 규모가 크고 복잡한 경우에 유용합니다. Local storage 브라우저의 로컬 스토리지를 사용하여 값을 저장하고, 페이지 이동 시에도 값이 유지될 수 있습니다. 이 방법은 간단한 정보를 전달할 때 유용합니다. Cookie 쿠키를 사용하여 값을 저장하고, 페이지 이동 시에도 값이 유지될 수 있습니다. 이 방법은 서버와 클라이언트 간의 정보 교환에 많이 사용되며, 보안적인 이슈가 있을 수 있습니다. 어떤 방법을 선택할지는 상황에 따라 다릅니다. 간단한 정보를 전달할 경우에는 Query string이나 Local storage를 사용하는 것이 간단하고 적절할 수 있습니다. 반면에 애플리케이션 규모가 크거나 복잡한 경우에는 상태 관리 라이브러리를 사용하는 것이 적절할 수 있습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!