React에서 전역으로 데이터를 실시간으로 호출하게 하려면 어떻게 해야할까요 ?

Question

안녕하세요.React에서 전역으로 데이터를 실시간으로 호출하려면 어떻게 해야할지 궁금하여 질문 남깁니다.현재는 reactquery에서해당 코드와 같이 커스텀훅 형태로 getStockInfo를 2초 간격으로 지속적으로 불러오는 query를 만들고 특정 한 페이지에서만 호출하고있는데 해당 query를 전역에서 호출하여 사용하려면 어떻게 해야할까요 ? 정말 단순한 생각으로는 해당 커스텀훅을 모든 페이지에서 불러오는 짓을 생각했지만 이건 도저히 아닌거같고효율적인 방법을 여쭙고자 질문글을 올려봅니다제가 원하는 동작을 짧게 알려드리자면현재 : 특정 한 페이지서만 2초 간격으로 주식 데이터를 불러옴원하는 것 : 모든 페이지에서 2초 간격으로 주식 데이터를 불러옴해당 결과물을 통해 얻으려 하는것은 제가 현재 주식사이트를 사이드 프로젝트로 하고있는데주식 데이터를 다른 페이지를 넘나들어도 지속적으로 불러오게끔 하여지속적으로 변동되는 데이터를 다른 페이지에서 사용하려고 합니다.글재주가 없어서 말이 좀 중구난방인거 같은데 그래도 최대한 이해를 도와드리고자 열심히 써보았습니다.감사합니다 !

Clickin · Accepted Answer

제일 간단하게 생각하면 해당 쿼리를 app.tsx이나 기타 root 컴포넌트에서 호출하면 전역에서 호출하는 것과 동일한 효과가 나지 않을까요?혹시 Next.js 환경이시라면 좀 다른 방법을 생각해봐야겠지만요

camelCase · Answer

쿼리를 라이브러리 화 시켜서 페이지 이동할 때 호출하는 방식으로실제로 보는 페이지만 state 내용물 바꿔치기하고 업데이트하고 보는 게 낫지 않을까요? 페이지가 많아지는데 그걸 일일히 2초마다 다 호출하는 형식을 취하게 되면 가면 브라우저 상이든 서버든 부담이 상당할 거 같은데...

React에서 전역으로 데이터를 실시간으로 호출하게 하려면 어떻게 해야할까요 ?

2개의 답변

Q&A 목록