inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

리액트 쿼리의 suspense 스트리밍 기능 구현 중 버그가 발생해 인사이트를 얻고자 질문드립니다. 상위 컴포넌트에서 useInfiniteQuery 로 promise를 반환하고, 해당 promise를 자식 컴포넌트의 props로 넘긴 뒤 React의 use hook으로 감싸서 data를 반환하도록 구현했습니다. 그리고 promise를 throw하는 자식 컴포넌트를 Suspense로 감싸서 promise를 캐치하도록 했는데요. 페이지 렌더링 자체는 정상적으로 되는데, request가 완료되지 않는 문제가 있습니다. 크롬 개발자도구의 Network 탭에서 document를 확인하면 "Caution: request is not finished yet"이라는 경고가 표시됩니다. TanStack Query 공식 문서에도 useInfiniteQuery 의 promise 사용 시 "This can be used with React.use() to fetch data"라고 명시되어 있어 React use 와 함께 사용하라고 안내하고 있는데, 혹시 이 문제의 원인을 알 수 있을까요? 참고로 prefetch는 안했습니다. 그리고 prefetch 안하는 방법으로 suspense 스트리밍을 구현하고 싶습니다. 코드는 아래와 같습니다. 감사합니다! export default function DetailReviewWrapper({ pid, userId }: DetailReviewProps) { const { observerRef, isFetchingNextPage, refetch, promise } = useReviewListInfinity({ userId, pid, }) return ( <Suspense fallback={<DetailReviewLoading />}> <DetailReview pid={pid} userId={userId} promise={promise} refetch={refetch} isFetchingNextPage={isFetchingNextPage} observerRef={observerRef} /> </Suspense> ) } export default function DetailReview({ pid, userId, promise, refetch, isFetchingNextPage, observerRef, }: DetailReviewProps) { const data = use(promise) return ( <> <section> <ReviewListView userId={userId} pid={pid} data={data?.list || []} className={cn('review-list')} refetch={refetch} showPoint /> {isFetchingNextPage && <Loading />} <div ref={observerRef} /> </section> export function useReviewListInfinity(params: UseReviewListInfinityProps) { const section = useSearchParams().get('contentType') as SectionType const orderType = useRecoilValue(commentOrderState) const filterType = useRecoilValue(filterTypeState) const { fetchNextPage, hasNextPage, isFetchingNextPage, isLoading, refetch, promise } = useInfiniteQuery({ queryKey: [REVIEW_LIST_KEY, params, orderType, filterType, section], queryFn: ({ pageParam = 1 }) => getReviewApi({ uid: params.userId, pid: params.pid, section, pageInfo: { curPage: pageParam, pageSize: 20, }, orderType: orderType === 'RECOMMENDED' ? 'like' : 'date', filterType, }), select: (data) => { return { list: data.pages.flatMap((page) => page.data.list), info: data.pages[0].data.info, } }, getNextPageParam: (lastPage) => { const nextPage = lastPage.data.pageInfo.curPage + 1 return nextPage <= lastPage.data.pageInfo.pageCount ? nextPage : undefined }, initialPageParam: 1, }) const { observerRef } = useIntersectionObserver({ onScroll: () => { if (hasNextPage && !isFetchingNextPage) { fetchNextPage() } }, }) return { isLoading, isFetchingNextPage, observerRef, refetch, promise, } } const getQueryClient = (): QueryClient => new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, refetchInterval: false, refetchOnReconnect: true, refetchOnMount: true, staleTime: Infinity, gcTime: Infinity, retry: false, experimental_prefetchInRender: true, }, }, }) 무한 로딩 시 개발자 도구 캡쳐이미지입니다.

  • react
  • typescript
  • next.js
변재정 댓글 1 좋아요 0 조회수 81

1번유형

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

Int x = 25는 아무것도 아닌건가요? 부모에서 5가 가는게 이해 안됩니다.

  • python
  • java
  • c
  • 정보처리기사
김장호 댓글 2 좋아요 0 조회수 79

DFS 에서 스택을 사용하는 이유

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

안녕하세요, 현재 DFS 관련하여 내용을 수강하고 있습니다. (39강. DFS & BFS) 깊이 탐색인 알고리즘인 DFS를 처음엔 재귀로 접근하셨다가 RecursionError 의 이유로 스택을 사용하셨는데요, 스택을 생각하게 된 생각의 흐름(?) 을 잡아보고싶어 질문을 드리게되었습니다. (나중에 코테 연습 때 대비가 될까하여 더 고민을 해보는 것인데, 시간대비 효율이 나지않는다면 말씀해주세요 ㅎㅎ) 일단 제가 이해한 흐름은 여기까지입니다. DFS는 깊이 우선 탐색 깊이 파고들었다가 다시 나오고 반복 그래프의 끝까지 깊이 파고들었다가 , 방문하지 않는 노드를 방문하기 위해 나중에 다시 돌아갈 "기준점" 이 필요하게 될 것임 그렇다면 이전에 어디까지 방문했는지 기록 을 해놓아야함 어떻게 해야 기록을 더 효율적으로 할 수 있을까? 하지만 여기서 스택을 사용해야겠다고 생각이 들게 되는 이유를 찾고 싶습니다 ㅎㅎ 알고리즘을 잘하시는 분들 보시면 이런 부분은 큐를 써야겠고, 스택을 써야겠다 라고 바로 생각을 하시는데, 저로서는 왜 이게 바로 스택을 써야한다고 생각이 드는지 이해가 되질 않아서요 혹여 이전에 강의때 설명하신 부분이라면 죄송합니다..ㅎㅎ

  • python
  • 코딩-테스트
  • 알고리즘
  • data-structure
깡패 햄스터 댓글 3 좋아요 1 조회수 236

문제 7번, 풀이 코드 cond = df.iloc[1] > mean_2001 관련

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

저는 저 부분을 아래와 같이 for문 안에 if구문으로 처리 하고 싶었는데... if구절에서 i 값을 찍어보면 처음 값만 데이터 그대로 나오고.. 그 담부턴 어뚱한 값이 나오네요.. 뭘 잘못한걸까요? ㅠㅠ mean_2001 = df.iloc[1].mean() print(mean_2001) #print(df.iloc[1]) #cond = df.iloc[1] > mean_2001 #sum(cond) for i in list2001: if i > mean_2001: print(i)

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
김지혜_남는건 사진이였어 댓글 2 좋아요 0 조회수 54

2회 기출 1번 문제

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

1번 문제 코드를 짜보았는데 결과 값이 조금 다른 것 같아서 질문 드립니다 import pandas as pd df = pd.read_csv("https://raw.githubusercontent.com/lovedlim/inf/refs/heads/main/p1/members.csv") df.nlargest(10, 'views') m=df.loc[21,'views'] df.iloc[:10,-1]=m cond=df['age']>=80 df[cond]['views'].mean()

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
99ethan 댓글 2 좋아요 0 조회수 47

예시문제 작업형3(ver. 2023-2) / 로지스틱 회귀 내용 포함(필수)

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

제목과 같이, 로지스틱 회귀 내용에 대한 코드는 없나요? 삭제된것일지 궁금합니다. 필수적으로 들어야하나요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
personal_92 댓글 3 좋아요 0 조회수 105

노션 공유 부탁드립니다!

해결됨

코딩테스트 [ ALL IN ONE ]

어제 노션 공유를 부탁드렸는데 아직 안와서 다시 공유 요청 드렸습니다 노션 공유 부탁드려요! 혹시 제가 잘못 요청해서 못 받은거라면 알려주세요

  • python
  • 코딩-테스트
  • 알고리즘
2 하품2 댓글 2 좋아요 1 조회수 123

27:56

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

prev->next = curr->next 해석이 curr->next 값을 prev->next에 넣으라는 뜻이 아닌가용??? 4->3 = 3->2 2와 3위치를 바꾸는게 아닌가요...? 원래 뒤에거를 앞에 덮어쓰는게 아닌가요..? 너무 헷갈리네요 ㅠㅠ

  • python
  • java
  • c
  • 정보처리기사
조찬희 댓글 2 좋아요 0 조회수 39

작업형 2 질문 드립니다(결과)

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

이런식으로 코드를 진행 했는데 결과가 문자로 안나오고 숫자로 나오는데 혹시 원핫인코딩을 하지 않고 레이블 인코딩을 진행해서 그런건가요??

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
이윤성 댓글 2 좋아요 0 조회수 57

업캐스팅 + 생성자 호출순서

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

시간대 8:09에서 정적메서드 static에 의해 Type을 명시한다고 했는데 자식에만 Static이 있을 수 있나요? 아니면 부모에만 Static이 있을 시 그래도 값이 같은 지 궁금합니다.

  • python
  • java
  • c
  • 정보처리기사
jkkim406 댓글 2 좋아요 0 조회수 55

부모 기본 생성자 출력 관련

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

부모 기본 생성자 출력 관련하여 질문. 예를 들어, B 테슬라 = new B //자식 호출 위와 같이 메인 구문에서 있을 때 부모 기본 생성자 X, 자식 기본 생성자 O 부모 기본 생성자 O, 자식 기본 생성자 X 1번과 2번에 대한 출력이 어떻게 되는지 궁금합니다.

  • python
  • java
  • c
  • 정보처리기사
dhkdxo12 댓글 2 좋아요 0 조회수 64

hiding 질문

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

public string name = "Parent"; public string name = "Child"; 이렇게 되어있는데 static이 들어가 있어야 하지 않나요? 또한, 인스턴스 변수일 때 메서드가 아닌 변수도 오버라이딩이 되나요?

  • python
  • java
  • c
  • 정보처리기사
dbndus0024 댓글 2 좋아요 0 조회수 69

return함수

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 질문과 관련된 영상 위치를 알려주면 더 빠르게 답변할 수 있어요 먼저 유사한 질문이 있었는지 검색해보세요 빅데이터 왕초보입니다 하지만 선생님 믿고 따라가려고 강의시작하였습니다.. 함수 부문에서 return함수를 쓰는 이유가 정확하게 와닿지 않아서요.. 그냥 뭔가 미지수, a,b~로 도출하는것 같은데.. return함수 쓰는거랑 안쓰는거랑 차이?점이 정확하게 무엇일까요 감사합니다

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
합격 댓글 3 좋아요 0 조회수 43

같지만 다른 것들 6:10, 6:42

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

double 비교 (6:10) double num1 = 128.0; Double num2 = 128.0; 이 두개를 ==로 비교하면 true인가요? boolean 비교 (6:42) boolean a = true; Boolean b = Boolean.TRUE; 이 두개를 ==로 비교하면 true인가요?

  • python
  • java
  • c
  • 정보처리기사
muu 댓글 2 좋아요 0 조회수 59

50:18

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

연산까지는 다 이해했는데 왜 oddTotal에 25가 들어가고 evenTotal에 20에 들어가는지 모르겠습니다. 뒤에 넘벌스 트루, 펄스와 연관이 있나요?

  • python
  • java
  • c
  • 정보처리기사
조찬희 댓글 2 좋아요 0 조회수 56

5:10

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

왜 p와 *p 값이 같은가요? P는 주소값도출이 되어야되는거 아닌가요ㅠㅠ?

  • python
  • java
  • c
  • 정보처리기사
강선민 댓글 1 좋아요 0 조회수 51

27:00

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

i<year year=3 i<3 왜 1.1 x 1.1 x 1.1 인지 이해가안갑니다.. 설명이 초보자가 이해할 수 없습니다..

  • python
  • java
  • c
  • 정보처리기사
조찬희 댓글 1 좋아요 0 조회수 44

10분 4초에서 질문이 있습니다

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

질문은 동영상 강의에 들어가서 오른쪽에 커뮤니티 버튼을 통해 해주세요. 그래야 어떤 강좌에서 질문하셨는지 알 수 있습니다. 영상에서 몇 분 몇 초 대를 알려주셔야 제가 한 번에 질문 내용 확인이 가능합니다. 이미 다른 누군가가 질문을 한 이력 이 있을 수 있습니다. 질문 게시판을 한 번 확인 부탁 드립니다. 학교의 과제나 타 강사의 코드 등 외부 수업 자료에 대해서는 답변하지 않습니다. 제가 다루는 커리큘럼 외의 이론이나, 너무 디테일한 컴퓨터 이론에 대해서는 답변 드리지 않습니다. 시험에 안 나오는 경우가 많고, 나와 봤자 1문제 나오는데 외워야 할 부분이 많은 것 등 (예시: 서브넷 마스크 계산) 질문을 올릴 때 이 글은 모두 지우고 내용을 입력해주세요. insert 메서드에서 if(!new_node) return head; 부분에 head가 반환되는 경우는 메모리 부족으로 new_node가 만들어지지 않을때만 head반환되는건가요? 문제에서는 메모리 부족관련해서 정보가 기재되지 않으면 해당 오류는 발생하지 않으니까 무시해도 되는걸까요?

  • python
  • java
  • c
  • 정보처리기사
woo93xna 댓글 2 좋아요 0 조회수 49

기출 8회 2유형 customerID

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

customerID를 필요 없다며 drop하셨는데, drop을 안하고 진행하면 에러가 나나요? 굳이 뺄 필요가 없는 것 같아 타겟값만 전처리를 하고 레이블인코딩 진행했더니 최종 제출 파일 생성 시 에러가 납니다

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
kimjw528 댓글 2 좋아요 0 조회수 55

퀴즈 질문에 불필요한 문자들이 있어요

미해결

AI와 함께 배우는 Next.js

퀴즈에 1., 2. 이런 문자들이 있어서 보기가 조금 불편합니당 ..! 그래도 이해는 가능합니다 ..ㅎㅎ

  • javascript
  • react
  • next.js
  • cursor
  • 인공지능(ai)
Seoin 댓글 1 좋아요 0 조회수 87

인기 태그

인프런 TOP Writers

주간 인기글