Q&A
커뮤니티
지식
이벤트
더보기
OKKY
OKKY LogoOKKY Logo
OKKY Logo
Q&A지식커뮤니티이벤트부트캠프Jobs
Contact
로그인회원가입
react-query
questionsquestions
질문하기
  • 답변
    3
    먹는토털끼·9개월
    347
    0
    답변 3
    프로필 사진seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
    seo 관련해서 궁금한게 있습니다. seo 최적화라는게 크롤링 봇이 서버에서 렌더링된 html을 크롤링하고 인덱싱하는걸로 알고 있습니다. 만약 서버 fetch 를 했지만 data 자체는 렌더링하지 않은 경우는 크롤링 봇이 어떻게 인식을 하는지 궁금합니다. 예를 들어 서버 fetch를 했지만 아래와 같이 서스펜스 역할하는 로직으로 인해 클라이언트 환경에서 hydrate 된 이후에 데이터가 렌더링된다면 서버에서 fetch는 이루어졌지만 렌더링된건 아니기
  • 답변
    1
    촘촘·1년 이상
    583
    0
    답변 1
    프로필 사진next.js에서 react-query prefetchQuery 사용했을때 왜 페이지 이동시에 2번 fetch가 일어날까요
    혼자서 자료도 찾아보고 머리를 싸매봤는데 도저히 이유를 모르겠어서 질문드립니다 첫 페이지 로딩때는 제대로 hydration이 발생하여 prefetch된 데이터가 캐싱되어 useQuery쪽 fetch가 발생하지 않는데요, 문제는 페이지를 이동하고 cache가 stale 상태가 됐을때, 다시 원래 페이지로 이동해보면 prefetchQuery쪽 fetch와 useQuery쪽 fetch가 동시간대에 발생을 합니다. 그러니까 2중으로 fetch가 실행된다는 건
  • 해결
    3
    SDN·거의 2년
    229
    0
    해결 3
    프로필 사진NextJS에서 React-Query 캐싱 데이터 사용관련해서
    안녕하세요 웹린이 입니다. NextJS 리액트 쿼리를 배우고 있습니다. 저는 Navbar component에서 데이터를 불러와서 캐싱. HomePage에서 캐싱된 데이터를 사용하려고 합니다. 이때 HomePage에서 'use client' ... const { isLoading, data, error } = useQuery({ ... });이렇게 똑같이 작성해서 캐싱된 data에 접근해야 될까요? 아니면 간단한 접근 방법
  • 답변
    2
    AvFa·거의 2년
    506
    0
    답변 2
    프로필 사진React 웹 개발중 Access Token 질문
    안녕하세요. React를 이용해서 모바일 웹/관리자 웹 페이지를 개발하고 있습니다. 백앤드서버나, 모바일 앱에서 Access Token을 React에 전달해주면 그 값을 Zustand로 갖고 있다가 API 통신 할 때 해당 Access Token을 같이 보내려고 합니다. 현재는 react-query, axios를 통하여 백앤드와 API 통신을 하고 있고, axios에서 통신을 할 때 Zustand에 있는 값을 가져다가 사용하려고 합니다. 하지만 Z
  • 답변
    2
    고딩개발자·거의 2년
    320
    0
    답변 2
    프로필 사진타입스크립트 타입지정
    리액트 쿼리로 OptimisticUpdate 를 구현했는데 onError 에서 context 타입 지정을 어떻게 해야할지 모르겠습니다 ㅠㅠ context : 타입 하면 오류나고, data : 타입 = context 해도 오류나고 as 를 쓰면 해결되긴 하는데 더 좋은 방법 없을까요? ㅠㅠㅠ'use client'; import { useState } from 'react'; import { toast } from &#
  • 답변
    2
    고딩개발자·거의 2년
    324
    0
    답변 2
    프로필 사진무한스크롤 좋아요 버튼
    무한스크롤 리스트에 좋아요 버튼을 만들어 좋아요를 누르면 좋아요 개수가 올라가게끔 되어있습니다.하지만 리스트에 최 하단의 게시글의 좋아요 버튼을 누르면 모든 리스트요청이 보내진 다음에 좋아요 개수가 업데이트 됩니다 ㅠ업데이트된 리스트를 바로 보여주기 위해서 refetch 요청도 해야하구요..좋아요 개수를 업데이트 시키고 게시글 리스트 요청을 전부 보내지 않고 해당 게시글만 refetch 하는 방법이나.. 해결 방법 없을까요??// 무한스크롤import
  • 답변
    1
    먹는토털끼·약 2년
    243
    0
    답변 1
    프로필 사진React ErrorBoundary 관련 fallback UI 렌더링 이슈 질문
    React-query를 이용해 비동기함수를 호출 시 발생한 에러를 errorboundary에 throw하고 fallbackUI를 렌더링하는 기능을 구현하려합니다. <ErrorBoundary FallbackComponent={ErrorFallback} onReset={reset}> <ComponentA /> </ErrorBoundary> ErrorBoundary 에러핸들링의
  • 답변
    1
    Zustand·약 2년
    707
    0
    답변 1
    프로필 사진Next와 react-query의 prefetch에 대하여
    안녕하세요 ! Next14 버전과 tanstack-qeury를 이용해 프로젝트를 진행하던 도중 궁금한 점이 생겨 질문드립니다. Next의 서버 컴포넌트에서 data를 prefetching 하여 사용하려면 다음과 같은 단계를 밟아야 하는 것으로 알고 있습니다. 1. 서버 컴포넌트에서 queryClient.prefetchQuery를 사용해 데이터를 불러오고 이를 dehydrate하여 HydrationBoundary 내에 state로 넘겨준다. 2. 데이터
  • 답변
    2
    리브12·약 2년
    384
    0
    답변 2
    프로필 사진react query를 사용하지 않던 프로젝트에 react query 적용에 대해
    안녕하세요. 현재 프로젝트가 모든 요청을 fetch로만 구현되어있었고, 상태 관리는 use Store, props로만 관리하고있던 react 프로젝트를 만났습니다 현재는 상태관리는 zustand로 변경해둔 상태이고, fetch는 가능한선에서 zustand 내부에서 요청하는 방식으로 변경해서 처리중입니다. 여기서 갈리는게, 이 프로젝트에 참가중인 프론트엔드 개발자는 총 2명이고 그중 리드급은 저 하나입니다... 페이지는 속도가 느려서 가능하면 cac
  • 답변
    2
    그린티라떼·2년 이상
    291
    0
    답변 2
    프로필 사진react-query post 리턴 데이터 재사용 방법
    다음 처럼 POST 요청을 하고 const options = { // withCredentials : true, headers : { 'Authorization' : 'Bearer -------------', 'Content-Type' : 'ap
  • 답변
    2
    그린티라떼·2년 이상
    205
    0
    답변 2
    프로필 사진react-query 데이터 요청 시 오류 관련
    다음과 같이 react-query useQueries로 API 2개를 동시 호출하였습니다. export default function functionA(){ const result = useQueries({ queries : [ { queryKey : ['getNowStatus'], //column_a, column_b, column_c 데이터
  • 해결
    1
    뚜동·2년 이상
    152
    0
    해결 1
    프로필 사진react query return되는 data값이 string 문자열로 나와요...
    console.log(questionDatas)부분에서 typeof questionDatas로 찍어보면 string으로 찍히는데 왜일까요.... mock.json에는 배열안에 오브젝트값으로 json이 설정되어있습니다
  • 답변
    1
    띠치·거의 3년
    539
    0
    답변 1
    프로필 사진react-query, firebase를 이용한 infinite scroll 구현 시 발생한 문제
    안녕하세요 현재 react, firebase, react-query를 이용해 infinite scroll을 구현하는 도중 문제가 발생해 질문을 드립니다. firebase 에서 데이터를 처음 5개를 가져오고 이후에 IntersectionObserver를 이용해 스크롤 시 추가적으로 데이터들이 로드될 수 있도록 구현하려고 했는데 처음 데이터만 정상적으로 불러와지고 스크롤 시 데이터들이 로드되지 않습니다. 어느 부분에서 어떻게 문제가 생긴건지 알고싶습니다
  • 답변
    0
    qwerfds123·거의 3년
    176
    0
    답변 0
    프로필 사진Customhook 안에 Customhook (react-qeury infinity)
    웹 스토리지를 리펙토링 하고 있는데 이러한 방법이 괜찮은지? 더 좋은 방법이 있는지 궁금해서 글을 작성합니다. 폴더, 파일을 가져오는 API는 한개입니다. 파일 폴더를 가져오는 방법은 params : { type } 에 값을 입력해서 구별해 가져옵니다. infinity scroll을 사용합니다. 그냥 파일 폴더 상관없이 사용한다면 react-query useInfiniteQuery 를 사용하여 처리하면 되지만, 폴더를 위에서 모두 불러온 후 파일을 불
  • 답변
    1
    정지관·거의 3년
    245
    0
    답변 1
    프로필 사진react query Refetch
    react query v4에서 queryKey가 만약 ['todos', 1, 2]일 때 ['todos'] 만 가지고 refetch를 할 수 있는 방법이 있을까요?
  • 답변
    1
    devyj·약 3년
    825
    0
    답변 1
    프로필 사진로그인 로직도 react-query를 사용하나요?
    안녕하세요. 지금 프로젝트에서 로그인이랑 회원가입 부분을 맡아서 하고 있는데 해당 두 부분에도 react-query를 적용해야 하나 고민이 됩니다. react-query는 데이터 관리를 쉽게 하기 위해 사용하는 라이브러리라고 알고 있습니다. 그런데 로그인이나 회원가입의 경우에는 관리해야할 데이터가 마땅히 없지 않나 싶습니다. 로그인의 경우 access token은 웹 스토리지와 전역 상태로 관리하고 있습니다. 조언 부탁드립니다.
  • 답변
    0
    두다다·약 3년
    249
    0
    답변 0
    프로필 사진react query invalidateQueries 캐시
    function Dashboard(): ReactElement { const queryClient = useQueryClient(); const getDashboard = async () => { // 대시보드 데이터 가져오는 로직 }; const { data, isLoading } = useQuery(['dashboard'], getDashboard
  • 해결
    1
    초보개발자르파일·약 3년
    304
    0
    해결 1
    프로필 사진리액트 쿼리 useInfiniteQuery 스테이트 변경 시 전체 조회 되는 현상
    리액트 쿼리 useInfiniteQuery 사용 문의 useInfiniteQuery 사용하여 게시판을 구현하고 있습니다. 스크롤 이동 시 api 호출은 잘 되는 것은 확인하였습니다. 4회까지 확인 근데 조회 후 게시글에 있는 좋아요 버튼을 누르거나 화면에 리랜더링을 하는 스테이트를 변경하게 되면 useInfiniteQuery 다시 호출 됩니다.. export default function Board() { const {
  • 답변
    1
    초보개발자르파일·약 3년
    227
    0
    답변 1
    프로필 사진리액트 쿼리 항상 리페치되게 할 순 없을까요 ?
    안녕하세요 리액트 쿼리 문의드립니다.상황은 아이디 중복확인 시 아이디를 변경하여도api 호출을 하지 않는 상황이 있었습니다.아래와 같이 수정하여 useEffect + refetch()를 사용 하여 해결 하긴 하였으나useEffect를 사용하지 않고 작업하는 방법은 없을까요 ?img alt="" src="https://file.okky.kr/images/
  • 답변
    1
    초보개발자르파일·3년 이상
    236
    0
    답변 1
    프로필 사진리액트쿼리 사용법 문의드립니다 ㅠ
    리액트 쿼리를 이용해 회원정보 호출하는 부분을 개발한고 있는데요queryFn을 호출할 때 인자값으로 user를 전달하게 되면 애러가 발생하는데 정확한 이유를 모르겠습니다..현자님들의 도움을 부탁드립니다img alt="" src="https://file.ok
  • 이전
  • 1
  • 2
  • 다음
OKKY LogoOKKY Logo
OKKY Logo

All That Developer

FacebookYoutubeEmail
  • 회사소개
  • 공지사항
  • 연락처
  • 광고문의
운영정책슬랙봇
  • 개인정보 처리방침
  • 통합 서비스 이용약관
운영정책슬랙봇
상호명: (주)오키코리아 | 대표명: 노상범
사업자등록번호: 592-87-02037
| 통신판매업신고번호: 제 2022-서울강남-04742호
| 직업정보 제공사업 신고번호: J1200020230009
주소: 서울 강남구 봉은사로 303 TGL경복빌딩 502호 (06103)
| 고객센터 : info@okky.kr (영업시간 평일 10:00~17:00) 주말 · 공휴일 휴무
© 2026 (주)오키코리아. All rights reserved.
sponsored by
iNamesiNamesiNames
NHN Cloud
NHN CloudNHN Cloud