inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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 조회수 82

1번유형

해결됨

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

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

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

메서드 오버라이드

해결됨

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

2025년 2회 코드문제 -1 11:40 이해 안되는게 있는데 자식에서 재정의 하면 자식에서 실행되어야 하는거 아닌가요? 순수 부모여서그런건가요? 또한 만약 Parent ref= new 자식이였다면 4P가 되는건가요? 스테틱이면 부모꺼 출력으로 알고 있어서 혹시 제가 잘못 알고 있는부분있으면 추가적으로 알려주세요 ㅜ

  • java
  • 정보처리기사
jongbin7245 댓글 2 좋아요 0 조회수 88

4강에서 SerAPI 부분에 에러가 났어요. ^^;

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

위와 같이 에러가 나네요. ㅠ..ㅠ OpenAI에 물어보니 Add Option에서 Add Option Manually나 Expression Editor에 들어가서 q {{ $json.chatInput }} 입력하고 Execute Step을 다시 눌러보면 된다고 하는데... Add Option에 해당 메뉴가 아예 없습니다. ^^+ Q&A를 찾아보니 해당 게시글이 몇 개 있는데... 당췌 무슨 말인지 잘 모르겠어요. ㅠ..ㅠ step by step으로 화면 캡쳐해서 해결 방법을 좀 보여주시면 안될까요? 이제4강인데... 벌써 포기할 수는 없어요. 부탁드려요~

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
  • 카카오공채-개발
  • 카카오공채-서비스
이강택 댓글 5 좋아요 3 조회수 221

api 테스트용 curl 생성 오류

해결됨

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

영상처럼 curl -X POST로 시작하는 명령어가 아닌, 다른 명령어가 나오는 거 같습니다. 어떤 점이 문제일까요? 포트는 3001으로 수정된 상태입니다.

  • react
  • typescript
  • tailwindcss
  • nextjs
  • chatgpt
forever1542 댓글 3 좋아요 0 조회수 155

https://localhost:3000/ 링크가 안열려요

미해결

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

안녕하세요 클론 코딩 인강을 듣고 있는 대학생입니다. 다름이 아니라, 제목처럼 localhost 사이트에 접속하는 것이 제한되어 이렇게 문의드립니다. 위와 같이 연결할 수 없다는 에러가 발생하여 이에 대한 해결방법이 궁금합니다! 우선 현재 사용중인 랩탑의 프록시 설정 및 방화벽은 별도로 활성화하고 있지 않습니다.

  • react
  • typescript
  • tailwindcss
  • nextjs
  • chatgpt
forever1542 댓글 1 좋아요 0 조회수 583

기출 25년 2회 코드문제-1 람다

해결됨

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

안녕하세요 9분 48초 인터페이스와 예외처리 질문입니다. 헷갈리는 부분이 있어 질문이 두개가 있습니다. run(f) 는 런메소드 내부에서 f.app3이 호출 되었지만 f기 때문에 람다함수로 가서 리턴값이 7로 나오는건가요? 만약 run(3)이었다면 리턴값 3이 정답이 되나요? -질문 1 run(n->n+9) 에선 f가 아니여서 f. app3 실행후 리턴값 3->3+9 = 12출력 하고 끝나는건가요? 그래서 통째로 계산하여 (2번) run( (1번) n->n+9) 1번 풀고 run(12)를 다시 돌리지 않고 끝내는건가요? -질문 2 답변 기다리겠습니다 감사합니다 !

  • java
  • 정보처리기사
이준재 댓글 2 좋아요 0 조회수 154

27:56

해결됨

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

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

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

429 에러 발생합니다

미해결

Spring AI 실전 가이드: RAG 챗봇 만들기

https://platform.openai.com/docs/guides/error-codes/api-errors 여기서 할당량 초과 에러 코드라는데, ChatGpt plus 구독중인데 따로 결제를 해야되는건가요?

  • spring
  • spring-boot
  • llm
  • rag
  • spring-ai
ewgregerg c 댓글 1 좋아요 0 조회수 136

오타 제보 드립니다

미해결

김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] IO 기본 2 문자 다루기1 시작 pdf파일, ReaderWriterMainV1 코드에서 마지막에 System.out.println("read bytes: " + Arrays.toString( writeBytes )); readBytes가 아닌 writeBytes가 들어가 있습니다

  • java
  • 네트워크
  • 객체지향
이규빈 댓글 2 좋아요 0 조회수 108

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

해결됨

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

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

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

.

미해결

React Native with Expo: 제로초에게 제대로 배우기

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 132

맥 사용자는 GIT 어떤걸 설치해야하나요?

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

맥 사용자는 Homebrew, MacPorts, Binary Installer 중에 어떤걸 설치해야하나요? Gemini 왈 Binary 라는데 확인부탁드립니다 .

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
  • 카카오공채-개발
  • 카카오공채-서비스
김서연 Seoyeon Kim 댓글 2 좋아요 0 조회수 119

2-4 도커 빌드 에러가 계속 납니다.

해결됨

6주 완성! 백엔드 이력서 차별화 전략 4가지 - 똑같은 이력서 속에서 돋보이는 법

1. 현재 학습 진도 2챕터 4강 2. 어려움을 겪는 부분 docker compose -d --build 를 터미널에 입력하면 이렇게 => ERROR [internal] load metadata for docker.io/library/openjdk:17-jdk-slim 해당 에러가 계속 발생합니다. (docker compose -d 는 정상 실행 됩니다.) 3. 시도해보신 내용 찾아보니 docker 설정 파일을 삭제하고 하라던지 jdk 이미지를 삭제하고 하라던지 해서 rm ~/.docker/config.json 라던지 등을 해봤습니다만 계속 문제가 생깁니다. 현재 해당 도커 이미지가 사용 중지된거같아서 Dockerfile 에 FROM eclipse-temurin:17-jdk-jammy 로 수정했는데 이래도 괜찮을까요 ?

  • java
  • spring
  • mysql
  • redis
  • 이력서
  • 카카오공채-채용
주민규 댓글 2 좋아요 0 조회수 347

부모 기본 생성자 출력 관련

해결됨

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

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

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

프로젝트 조언 요청드립니다.

해결됨

RAG를 활용한 LLM Application 개발 (feat. LangChain)

안녕하십니까! 강병진 강사님! 강의를 수강하고 인터뷰도 보면서 많은 에너지와 영향을 받았습니다. 정말 감사드립니다! 강병진님의 langchain강의 커리큘럼에서 n8n을 제외하고 모두 수강하였습니다. 덕분에 RAG를 어떻게 구성하고 어떤식으로 정확도를 향상시킬 수 있는지도 배웠습니다. 다름이 아니라 저는 현재 대학교 3학년으로써 프로젝트를 진행하고 싶은데 강병진님 같은 훌륭하신 선배 개발자님께서 좋게 보실 만한 프로젝트가 어떤 프로젝트인지 조언을 구하고 싶습니다. 단순 챗봇을 구현해보기에는 기업에서 이러한 것이 많이 중요할까? 라는 걱정도 있습니다. 기업에서는 어떤식으로 RAG를 사용하고 원하는 경험이 무엇일까 궁금합니다. 저는 실무에서 RAG를 어떤식으로 사용하는지도 잘 모르고 선배님들께서 이러한 기술로 어떤 업무들을 하시는지도 잘 모릅니다. 그래서 어떤 방향성으로 준비해야 할지 잘 모르겠습니다. 만약 강병진님께서 같이 일할 주니어를 뽑으신다면 어떤 프로젝트 경험이 있는 주니어를 뽑으실 지 가능하신다면 조언 한번만 부탁드리고 싶습니다! 현재 사용할 수 있는 기술은 알려주신 langchain관련 기술과 fastapi로 백엔드 구현이 가능합니다. 도메인마다 원하는 방향성이 다르겠지만 프로젝트 기획하는 단계로써 좋은 출발을 하고 싶어서 질문드립니다! 계신 시간대로 저녁일거라 예상되는데 좋은 저녁 보내시길 바랍니다ㅎㅎ 감사합니다!

  • vector-database
  • llm
  • langchain
  • rag
  • openai-api
  • 카카오공채-개발
Jh P 댓글 1 좋아요 0 조회수 85

hiding 질문

해결됨

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

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

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

루트 쿼리라는것은

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

강의에서 말씀하신 루트쿼리 라는것은 가장 먼저 실행되는 쿼리를 말하는것일까요? 아니면 toOne코드에 대해서 실행하는 쿼리를 말하는것일까요??

  • java
  • spring
  • spring-boot
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 92

메서드를 분리하는 기준

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

강의 내용을 보시면 한 메서드안에서 코드를 작성하시다가 리팩토링을 해서 메서드를 따로 분리하셨는데, 메서드를 분리하는 기준이 따로 있을까요? 한 메서드 안에서, 로직이 너무 길어지면 메서드를 따로 만들어서 분리해야하는것일까요?

  • java
  • spring
  • spring-boot
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 97

같지만 다른 것들 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 조회수 61

인기 태그

인프런 TOP Writers

주간 인기글