inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

ISR on-demand 사용해서 전체 새로고침 없이 새로운 추천도서 받아오기

해결됨

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

안녕하세요! ISR on-demand 활용해서 인덱스 페이지에서 전체 페이지 새로고침 없이 "새로 추천 받기" 버튼 을 눌렀을 때 추천 도서(recoBooks) 만 새롭게 받아오도록 구현하고 싶습니다. getStaticProps 를 통해 전달된 recoBooks 가 useState 의 초기값으로 들어갈 때, 해당 데이터도 여전히 빌드 타임에 fetch되어 정적 HTML과 함께 포함되는지 궁금합니다. 개발자 도구를 보면 정적으로 렌더링되는 것 같은데, useState 로 상태를 만들었기 때문에 초기 렌더링이 정적인지 아니면 클라이언트 측에서 동적으로 할당되는건지 헷갈립니다. // CSS Module import SearchableLayout from '@/components/searchable-layout'; import style from './index.module.css'; import { ReactNode, useState } from 'react'; import BookItem from '@/components/book-item'; import { InferGetStaticPropsType } from 'next'; import fetchBooks from '@/lib/fetch-books'; import fetchRandomBooks from '@/lib/fetch-random-books'; export const getStaticProps = async () => { console.log('인덱스 페이지'); const [allBooks, recoBooks] = await Promise.all([ // 병렬로 함수 호출하기 fetchBooks(), // fetchRandomBooks(), ]); return { props: { allBooks, recoBooks, }, }; }; export default function Home({ allBooks, recoBooks }: InferGetStaticPropsType<typeof getStaticProps>) { const [recommended, setRecommended] = useState(recoBooks); const revalidate = async () => { try { const response = await fetch('/api/revalidate'); const result = await response.json(); // console.log(result); if (result.revalidate) { //페이지 갱신이 됐을 때 const rebooks = await fetchRandomBooks(); setRecommended(rebooks); } else { //페이지 경신 안됐을 때 } } catch (err) { //에러처리 console.error(err); } }; // console.log(recoBooks); return ( <div className={style.container}> <section> <h3>지금 추천하는 도서</h3> <button onClick={revalidate}>새로 추천 받기</button> {recommended.map((book) => ( <BookItem key={book.id} {...book} /> ))} </section> <section> <h3>등록된 모든 도서</h3> {allBooks.map((book) => ( <BookItem key={book.id} {...book} /> ))} </section> </div> ); } Home.getLayout = (page: ReactNode) => { return <SearchableLayout>{page}</SearchableLayout>; };

  • react
  • typescript
  • next.js
김혜빈 댓글 2 좋아요 0 조회수 174

5분 케이스 4번

해결됨

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

this(a,b)에서 매개변수를 2개 넣은것이 만약 2개 이상이라면 코드가 잘못된 것인가요? 아니면 두 개 다 호출하나요?

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

2.7 글로벌 레이아웃 질문

해결됨

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

강사님 영상대로 했는데 왜 저부분이 왜 적용이 안되는걸까요 혹 index.module.css 해도 배경을 하얀색으로 해야 하나요 강의 내용에는 별 말씀이 없으셨는데

  • react
  • typescript
  • next.js
댓글 2 좋아요 0 조회수 134

데모사이트 기능이 동작 오류

미해결

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

알려주신 완성본 (완성본) 데모사이트 링크 https://inf.run/fBsfH 가서 경험해보려고 가니 검색기능도 안되고 상품 클릭해도 정보가 안나오네요

  • react
  • typescript
  • next.js
Ming 댓글 2 좋아요 0 조회수 104

화면 새로고침 문의

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 제로초님 ! 강의보고 따라해보고 있는데 화면 새로고침할때 깜빡거리는걸 없애고 싶은데 getServerSideProps을 사용해서 상태값을 변경해주면 가능한걸까요??

  • react
  • redux
  • node.js
  • express
  • next.js
ᅵᅵ 댓글 1 좋아요 0 조회수 136

read_html 오류 해결법

미해결

파이썬 알고리즘 트레이딩 파트1: 알고리즘 트레이딩을 위한 파이썬 데이터 분석

sp500 = pd.read_html(url) 에서 오류가 나는 경우, pip install lxml 해주면 됩니다

  • python
  • 머신러닝
  • pandas
  • 객체지향
  • 퀀트
  • 병렬-처리
stupidstudent 댓글 2 좋아요 1 조회수 176

강의 자료 요청드립니다

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

chpter05_03_ex1 에 대한 강의 자료 요청드립니다. dpdltmee@gmail.com 어떤강의는 강의 옆에 다운로드가 있는데 어떤강의는 다운로드가 없습니다. 영상에서는 다운로드 받을 수 있다고 하시는데 어디로 가면 모든 자료를 다운로드 받을 수 있을까요?

  • python
jsr 댓글 2 좋아요 0 조회수 102

수업 자료 문서

미해결

김영한의 실전 자바 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 수업자료로 사용하시는 메모장은 어떤 프로그램을 사용하신건가요?

  • java
  • 객체지향
Hyunju Lee 댓글 1 좋아요 0 조회수 104

57분

해결됨

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

57분 필기하신거를 보면 {1, 5, 3, 9, 2} 배열을 int *arr 포인터 변수에 대입하시는데 왜 배열 첫번째 요소의 주소가 대입되는게 아니라 {1, 5, 3, 9, 2} 배열 전체가 대입이 되는건가요?

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

주석처리

미해결

남박사의 파이썬 기초부터 실전 100% 활용

비쥬얼 스튜디오에서 코드 드레그 하고 컨트로 + / 키를 입력했는데 주석처리가 안됩니다..

  • python
  • 웹-크롤링
turtlestory920 댓글 1 좋아요 0 조회수 144

선언되었지만 아직 사용하지 않은 함수에 대한 빨간줄

해결됨

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

defined but never used.eslint@typescript-eslint/no-unused-vars 만들고 아직 다른 곳에서 import 하거나 사용하지 않아서 빨간줄이 뜹니다. 문제는 없으나 헷갈리기도 하고 ,, 강의에서 강사님은 빨간줄이 안뜨는데 ESLint 설정을 따로 하신 걸까요? 헷갈리니 설정을 하는 것을 추천하시나요?

  • react
  • typescript
  • next.js
박지성 댓글 4 좋아요 0 조회수 280

문제 1번 동시성 오류의 이유

미해결

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

간단한 질문 하나가 있습니다! 혹시 문제 1번에서는 "멀티 코어" 이기 때문에 발생한 상황으로 봐도 맞을까요? count = count + 1 이 세가지 작업을 수행하긴 하지만, 한 줄이기 때문에 CPU 가 한 줄씩 수행하는 입장에서 도중에 스레드를 변경하진 않는 것 아닌가 싶은 의문이 들어서 문의드리게 되었습니다!

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
강우석 댓글 2 좋아요 0 조회수 180

[오타 제보] pdf 4.

미해결

김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성

오타 제보 드려요 4. 스레드 제어와 생명 주기2.pdf 6페이지 이때 work 스레드는 TIMED_ WAITNG 부분입니다.

  • java
  • 객체지향
  • 동시성
  • multithread
  • thread
잉어 댓글 2 좋아요 0 조회수 68

Rest API - 많이하는 실수 에서 복수형

미해결

Java/Spring 주니어 개발자를 위한 오답노트

회사 컨벤션마다 다르긴한데 생각보다 단수로도 많이 사용하지 않나요? 단일 데이터를 생성하는것과 여러 데이터를 생성하는 것을 구분하는 경우도 많은 것으로 알고있습니다. 실제로 naver, kakao의 많은 부서에서도 이런 컨벤션을 지키는것으로 아는데 반드시 복수형으로 쓰면 안되는것일까요? 참고 공식자료가 있을까요?

  • java
  • spring
  • 객체지향
  • 소프트웨어-테스트
댓글 1 좋아요 0 조회수 482

KeyError: &#x27;Adj Close&#x27; 해결법

미해결

파이썬 알고리즘 트레이딩 파트1: 알고리즘 트레이딩을 위한 파이썬 데이터 분석

KeyError: 'Adj Close' 오류가 나는 이유는, yahoo finance method가 변경되어 Adj Close를 안 가져오기 때문입니다. #기존 df = yf.download(tickers=["AAPL","MSFT","GOOG","AMZN"])["Adj Close"] #고침 df = yf.download(tickers=["AAPL","MSFT","GOOG","AMZN"])["Close"] 으로 변경하면, 오류가 해결됩니다.

  • python
  • 머신러닝
  • pandas
  • 객체지향
  • 퀀트
  • 병렬-처리
stupidstudent 댓글 2 좋아요 0 조회수 307

nbformat&gt;=4.2.0 해결법

미해결

파이썬 알고리즘 트레이딩 파트1: 알고리즘 트레이딩을 위한 파이썬 데이터 분석

ValueError: Mime type rendering requires nbformat>=4.2.0 but it is not installed 오류가 나오는 경우, pip install ipykernel pip install --upgrade nbformat 코드를 돌리고 Visual Studio Code 윗쪽에 Restart 버튼을 눌려 Kernel 재시작하면 작동합니다.

  • python
  • 머신러닝
  • pandas
  • 객체지향
  • 퀀트
  • 병렬-처리
stupidstudent 댓글 1 좋아요 0 조회수 454

유니온파인드

미해결

2주만에 통과하는 알고리즘 코딩테스트 (2024년)

유니온 파인드 문제에서 최적화 후 정답이 나오지 않고 오류가 나옵니다. 유니온 함수만 최적화 했습니다.

  • python
  • 코딩-테스트
  • 알고리즘
이상원 댓글 1 좋아요 0 조회수 129

Transactional Outbox 모듈 적용에서 빈이 실습과 다릅니다

해결됨

스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판

안녕하세요 다름이 아니라 application.yaml에서 설정값 모두 맞추고, gralde 빌드도 되었습니다 그런데 ArticleApplication 실행하는 부분부터 강의와 다르게 정상실행이 되고, ArticleService에서 OutboxEventPublisher 빈을 못 찾고 있습니다 outbox-message-relay 패키지 내 설정값 혹은 어노테이션 살펴봐도 감이 잘 오지 않습니다 지식공유자님의 코드와 샅샅이 차이점을 찾으려 했으나, 차이는 메세지릴레이 부분 뿐이었습니다 위 빈 문제를 해결하기 위해서 어느 부분을 확인하면 될 지 여쭤보려 합니다

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
woo 댓글 2 좋아요 0 조회수 168

강의 버전 정보

미해결

스프링과 JPA 기반 웹 애플리케이션 개발

프로그램 버전 정보가 없는데 어디서 찾아요?

  • java
  • spring
  • spring-boot
  • jpa
  • thymeleaf
오니온 댓글 1 좋아요 0 조회수 145

섹션2 연산자와 기출문제 7:17 질문 있습니다.

해결됨

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

안녕하세요 섹션2 연산자와 기출문제 7:17 질문 있습니다. 기출문제로 배우는 연산자 Java 23년 2회 문제에서 정답을 m/1000 m%1000/500 m%1000%500/100 m%1000%500%100/10 이렇게 써도 무방할까요?

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

인기 태그

인프런 TOP Writers

주간 인기글