강의재생문제
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
강의가 일부 재생이 안됩니다. 크롬, 사파리 상관없이 영상이 안뜹니다. 예를 들어 27강은 나오고, 28강은 안나오는데 어떻게 해결할 수 있을까요?
- python
- java
- c
- 정보처리기사
신수진
댓글 3
좋아요 0
조회수 63
묻고 답해요
172만명의 커뮤니티!! 함께 토론해봐요.
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
미해결
Next + React Query로 SNS 서비스 만들기
리액트 쿼리의 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 { infoData, 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
- next.js
- react-query
- next-auth
- msw
변재정
댓글 1
좋아요 0
조회수 121
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
메서드 오버라이드
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
2025년 2회 코드문제 -1 11:40 이해 안되는게 있는데 자식에서 재정의 하면 자식에서 실행되어야 하는거 아닌가요? 순수 부모여서그런건가요? 또한 만약 Parent ref= new 자식이였다면 4P가 되는건가요? 스테틱이면 부모꺼 출력으로 알고 있어서 혹시 제가 잘못 알고 있는부분있으면 추가적으로 알려주세요 ㅜ
- java
- 정보처리기사
jongbin7245
댓글 2
좋아요 0
조회수 86
기출 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
조회수 153
27:56
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
prev->next = curr->next 해석이 curr->next 값을 prev->next에 넣으라는 뜻이 아닌가용??? 4->3 = 3->2 2와 3위치를 바꾸는게 아닌가요...? 원래 뒤에거를 앞에 덮어쓰는게 아닌가요..? 너무 헷갈리네요 ㅠㅠ
- python
- java
- c
- 정보처리기사
조찬희
댓글 2
좋아요 0
조회수 39
오타 제보 드립니다
미해결
김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션
[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] IO 기본 2 문자 다루기1 시작 pdf파일, ReaderWriterMainV1 코드에서 마지막에 System.out.println("read bytes: " + Arrays.toString( writeBytes )); readBytes가 아닌 writeBytes가 들어가 있습니다
- java
- 네트워크
- 객체지향
이규빈
댓글 2
좋아요 0
조회수 104
업캐스팅 + 생성자 호출순서
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
시간대 8:09에서 정적메서드 static에 의해 Type을 명시한다고 했는데 자식에만 Static이 있을 수 있나요? 아니면 부모에만 Static이 있을 시 그래도 값이 같은 지 궁금합니다.
- python
- java
- c
- 정보처리기사
jkkim406
댓글 2
좋아요 0
조회수 55
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
조회수 341
부모 기본 생성자 출력 관련
해결됨
(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
조회수 68
루트 쿼리라는것은
미해결
실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
강의에서 말씀하신 루트쿼리 라는것은 가장 먼저 실행되는 쿼리를 말하는것일까요? 아니면 toOne코드에 대해서 실행하는 쿼리를 말하는것일까요??
- java
- spring
- spring-boot
- jpa
오리쉐리
댓글 1
좋아요 0
조회수 85
메서드를 분리하는 기준
미해결
실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
강의 내용을 보시면 한 메서드안에서 코드를 작성하시다가 리팩토링을 해서 메서드를 따로 분리하셨는데, 메서드를 분리하는 기준이 따로 있을까요? 한 메서드 안에서, 로직이 너무 길어지면 메서드를 따로 만들어서 분리해야하는것일까요?
- java
- spring
- spring-boot
- jpa
오리쉐리
댓글 1
좋아요 0
조회수 94
같지만 다른 것들 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
조회수 55
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
퀴즈 질문에 불필요한 문자들이 있어요
미해결
AI와 함께 배우는 Next.js
퀴즈에 1., 2. 이런 문자들이 있어서 보기가 조금 불편합니당 ..! 그래도 이해는 가능합니다 ..ㅎㅎ
- javascript
- react
- next.js
- cursor
- 인공지능(ai)
Seoin
댓글 1
좋아요 0
조회수 87
인기 태그
인프런 TOP Writers
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv