inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

loading이 동작하지 않습니다.

해결됨

Next.js App router 기반 Chat GPT 만들기

https://github.com/JeanYoungPark/next-chat-gpt loading 부분 코드 작성중인데 loading 컴포넌트가 따로 로드되지 않는 것 같습니다. 원인을 알 수 있을까요?

  • react
  • typescript
  • next.js
  • tailwindcss
  • zustand
  • chatgpt
박진영 댓글 2 좋아요 0 조회수 251

params 질문

미해결

Next + React Query로 SNS 서비스 만들기

[username] 슬러그 / 즉 유저 프로필 페이지에서 params값을 받아서 유저정보를 불러오는데 params의 값을 출력해보니 값이 나오긴하는데 인코딩된 값이 나옵니다 ㅠㅠ encodeURIComponent 함수를 사용한 적이 없는데 왜 이렇게 나오는지 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 5 좋아요 0 조회수 203

async 제거(영상내용) 후 searchParams 오류

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요 강사님. 해당 강의 8:31 초 내용을 저장했을때 아래와 같은 오류가 나왔습니다. 언뜻 봤을 때는 await를 적용하지 않아서 라는 것으로 해석이 되는데, 영상 초반에 비동기 컴포넌트를 따로 빼내어 사용하기로 하여 async를 제거하였는데 아래와 같은 오류가 나오지만 화면은 의도된 바와 같이 동작을 합니다. 강의 영상 및 자료와 동일하게 진행하였습니다 강사님의 강의자료에서 코드를 복사하여 BookListSkeleton만 제거 수정을 하여 테스트 시 위와 같은 오류가 동일하게 발생합니다. https://github.com/winterlood/onebite-next/blob/main/section06/chapter05/src/app/(with-searchbar)/search/page.tsx 영상에서는 저와 같은 오류가 발생하지 않는 것 같은데, 이런 오류가 발생하면 빌드가 안되는데... 확인 부탁드립니다.

  • react
  • typescript
  • next.js
김은미 댓글 3 좋아요 0 조회수 586

revalidatePath 오류

미해결

한 입 크기로 잘라먹는 Next.js

강의 처럼 revalidatePath(`book/${bookId}`)를 해서 리뷰를 작성하고 작성하기 버튼을 눌러서 페이지를 재검증하는 상황 revalidatePath는 퍼지를 통해서 캐시가 모두 삭제되는 것이 이해함 빌드 후, 프로젝트 모드로 실행 리뷰를 작성하고 리뷰를 누르는 상황 작성한게 보이긴 하지만 두번째꺼가 ㅋㅋㅇㄹㅋ 였는데 아래와 같이 바뀝니다. 또한 새로고침을 누르면 다시 원상태로 돌아갑니다. 아래와 같이 새로고침을 누르면 퍼지 후에 book/1 페이지는 다이나믹으로 작동해야되는데 하지 않는 것으로 파악됩니다. prisma studio를 확인해보면 데이터는 들어갔습니다. 그런데 npm run dev로 하면 잘 됩니다... 왜 그런 걸까요??

  • react
  • typescript
  • next.js
댓글 4 좋아요 0 조회수 183

중첩클래스 static

미해결

김영한의 실전 자바 - 중급 1편

안녕하세요 . 중첩클래스 관련하여 NetworkMessage를 static으로 중첩클래스로 만들면 외부클래스와 논리적으로 엮인다는것은 이해했습니다. 다만 static영역으로 관리할시 NetworkMessage 안 인스턴스의 값이 공통으로 관리되는 것아닌가여? 즉 content의 값은 매요청마다 동일한 값을 공유하게 되는것 아닌가여??

  • java
  • 객체지향
yongjun413 댓글 1 좋아요 0 조회수 92

데이터 연동

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 서버가 정상적으로 떳는데 목록 조회시 디비랑 연결돼지 않습니다. 디비에 데이터가 존재하는건 확인했습니다.

  • java
  • spring
  • mvc
  • spring-boot
댓글 1 좋아요 0 조회수 226

SrpingConfig 오류

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 리턴을 JdbcMemberRepository로 변경시 하단의 사진과 같은 오류가 나는데 기존걸로 돌리면 오류가 없어집니다 왜 그러는 걸까요? return new JdbcMemberRepository ( dataSource ); 왜 빈을 만드는데 다 실패했다고 뜨는지...딱히 잘못해보이는게 없어 보이는데 무엇이 문제인지 모르겠습니다.

  • java
  • spring
  • mvc
  • spring-boot
이왕로 댓글 2 좋아요 0 조회수 196

optimistic Lock 재시도 질문입니다.

해결됨

재고시스템으로 알아보는 동시성이슈 해결방법

public void decrease(Long id,Long quantity){ while(true){ try{ service.decrease(id,quantity); break; }catch (Exception e){ Thread.sleep(50); } } } OptmisticLock 이 실패했을때 재시도로직에서 일정시간 대기후 서비스로 감소로직을 무한히 실행하는데 실무에서도 optimistic lock 을 이런 방법으로 처리하는지 궁금합니다. 이렇게될경우 로직이 성공할떄 까지 계속 쿼리를 날리게되는데 좀더 개선된 방법이 있을까요?

  • java
  • spring
  • 동시성
쵸잉 댓글 2 좋아요 0 조회수 263

트렌드섹션 질문

미해결

Next + React Query로 SNS 서비스 만들기

회원가입 후 바로 로그인 된 상태에서 home으로 가면 트렌드를 가져올 수 없다고 뜨는데 혹시 로그인 후 로그아웃버튼이 뜨지 않았던 상황과 비슷한 상황인가요 ? 로그아웃 버튼처럼 prop으로 session정보를 넘겨줘야 하는건지 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 2 좋아요 0 조회수 82

h2 버전

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] h2 버전을 1.4.200을 써야하나요 스프링부트 3.xx 버전 이상을 쓰는데 문서에는 2.1.214버전을 쓰라고 되어있고 강의자료에는 1.4.200버전을 쓰라고 안내되어 있습니다.

  • java
  • spring
  • mvc
  • spring-boot
이왕로 댓글 2 좋아요 0 조회수 364

에러 핸들링 오류

해결됨

한 입 크기로 잘라먹는 Next.js

인덱스 페이지를 오류를 발생시키는 상황입니다. 과정에서 error.tsx 파일을 (with-searchbar) 폴더안에 만들었습니다. 데이터를 불러오는 서버를 끄로 인덱스 페이지를 새로고침하면 Footer에서 오류가 발생합니다. 글로벌 레이아웃에 Footer 컴포넌트를 불러와서 이런 오류가 발생하는 걸까요?

  • react
  • typescript
  • next.js
Full Stack 개발자 댓글 3 좋아요 0 조회수 121

왜 런타임에러가 나는지 모르겠습니다. 결과값은 문제 없습니다.

미해결

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

import java.io.*; import java.util.*; class Solution { public static String solution(String str) { char[] s = str.toCharArray(); int lt = 0, rt = str.length() - 1; while(lt < rt) { if(!Character.isAlphabetic(s[lt])) lt++; else if(!Character.isAlphabetic(s[rt])) rt--; else { char tmp = s[lt]; s[lt] = s[rt]; s[rt] = tmp; lt++; rt--; } } return String.valueOf(s); } public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String str = br.readLine(); System.out.println(solution(str)); } }

  • java
  • 코딩-테스트
건영 댓글 2 좋아요 0 조회수 144

'섹션 06-01 동기/비동기' 강의

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

[중급] 웹 프론트엔드 부트캠프 강의중에서 '섹션 06-01 동기/비동기' 강의는 강의영상이 없다고 뜨는데 강의영상이 없는게 맞는건가요??

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
601135 댓글 2 좋아요 0 조회수 124

이론 pdf문의

해결됨

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

안녕하세요 이번 1회 필기 부터 시험접수하였습니다 혹시 정보처리기사 필기도 올려주신 이론 pdf 만봐도 가능할까요??

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

동기화

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

동기화 강의 중 Room room = new Room(); Runnable cleaner1 = new Runnable() { @Override public void run() { System.out.println("-- 직원1 청소 시작 --"); for (int i = 1; i <= 5; i++) { room.clean("직원1"); try { Thread.sleep(1000); } catch (InterruptedException e) { throw new RuntimeException(e); } if (i == 2) { throw new RuntimeException("못해먹겠다!!"); } } System.out.println("-- 직원1 청소 끝 --"); } }; Runnable cleaner2 = () -> { System.out.println("-- 직원2 청소 시작 --"); for (int i = 1; i <= 5; i++) { room.clean("직원2"); try { Thread.sleep(1000); } catch (InterruptedException e) { throw new RuntimeException(e); } } System.out.println("-- 직원2 청소 끝 --"); }; Thread cleanerThread1 = new Thread(cleaner1); Thread cleanerThread2 = new Thread(cleaner2); cleanerThread1.start(); cleanerThread2.start(); 수업에 사용한 위 코드가 10번방까지 출력이 되는 것은, for 반복문으로 1~5 까지 5개씩의 반복을 두 개 만들었기 때문에 자연적으로 10번까지 출력할 수 있는건가요?

  • java
  • 객체지향
김재훈 댓글 2 좋아요 0 조회수 151

컨트롤러가 필수인지

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 프로젝트를 하다보니 내부적으로만 동작하는 로직이 담긴 엔티티 및 레포지토리, 서비스가 있는데 이럴 때는 컨트롤러를 안만들기도 하나요? 예를 들어 포인트 계산 로직이 외부적으로 쓰이기보다 내부적으로 다른 파트에서 그때그때 계산이 필요할 때 가져다 쓰기 위해 설계를 했다고 치면 이럴 때는 컨트롤러 없이 구현하기도 하나요?

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
염경호 댓글 1 좋아요 0 조회수 159

Casting3 클래스에서 형변환 값이 수업과 다르게 나옵니다

미해결

김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음

[질문 내용] 강사님이 말씀하신 것 처럼 오버플로우가 발생하지 않고 값이 그대로 출력됩니다 ㅠ *코드 입니다 *컴파일 결과입니다

  • java
  • 객체지향
peachicedtea 댓글 2 좋아요 0 조회수 140

SearchResult 인수 타입 적용

해결됨

한 입 크기로 잘라먹는 Next.js

search 페이지에서 아래 처럼 SearchResult 함수로 빼준 경우, searchParams의 타입을 어떻게 해야 하나요? async function SearchResult({ searchParams }: { searchParams: Promise<T> }) { await delay(1500); const { q } = await searchParams; const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/search?q=${q}`, { cache: "force-cache" } ); if (!response.ok) { return <div>오류가 발생했습니다.</div>; } const books: BookData[] = await response.json(); return ( <div> {books.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); }

  • react
  • typescript
  • next.js
Full Stack 개발자 댓글 2 좋아요 0 조회수 96

트리 구조의 구현에서의 노드 객체 필드

미해결

김영한의 실전 자바 - 중급 2편

========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예 [질문 내용] "트리 구조의 구현" 부분에서 Node0의 왼쪽 노드는 자신의 왼쪽 자손 노드, 오른쪽 노드는 자신의 오른쪽 자손 노드라고 할 때 Node 객체의 필드를 구성하는 prev, item, next에서 prev는 left, next는 right로 생각하면 될까요? 해당 교재 내용에서 Node 객체 필드가 prev, item, next라고 되어있어 질문드립니다.

  • java
  • 객체지향
  • 코딩-테스트
  • 알고리즘
공이_21jh 댓글 1 좋아요 0 조회수 134

enum 마지막 문제 질문

미해결

김영한의 실전 자바 - 중급 1편

[질문 내용] 여기에 질문 내용을 남겨주세요. enum의 마지막 문제 정답인데, 어떻게 values()를 아무런 호출변수없이 바로 호출이 가능하나요?

  • java
  • 객체지향
진우 댓글 1 좋아요 1 조회수 94

인기 태그

인프런 TOP Writers

주간 인기글