inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

vercel에 배포하였으나 페이지가 제대로 동작하지 않습니다

해결됨

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

왜 안되는 것인지 잘 모르겠습니다. https://onebite-books-page-l47231g07-min-jiyeongs-projects.vercel.app/ 화면은 보였다가 안보였다가 하고, book id 별로 보이는 것도 있고 보이지 않는 것도 있습니다

  • react
  • typescript
  • next.js
민지영 댓글 2 좋아요 0 조회수 419

2.18) ISR 2. 주문형 재 검증 질문 )

해결됨

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

/book/3만 " 존재하지 않는 페이지 입니다."라고 뜨는데 이유를 잘 모르겠습니다. 아래는 npm run build 결과입니다. > section02@0.1.0 build > next build ▲ Next.js 15.1.6 ./src/components/book-item.tsx 17:7 Warning: Using <img> could result in slower LCP and higher bandwidth. Consider using <Image /> from next/image or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element ./src/pages/book/[id].tsx 51:9 Warning: Using <img> could result in slower LCP and higher bandwidth. Consider using <Image /> from next/image or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element @next/next/no-img-element ./src/pages/search/index.tsx 20:6 Warning: React Hook useEffect has a missing dependency: 'fetchSearchResult'. Either include it or remove the dependency array. react-hooks/exhaustive-deps info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/app/api-reference/config/eslint#disabling-rules ✓ Linting and checking validity of types Creating an optimized production build ... ✓ Compiled successfully ✓ Collecting page data 인덱스 페이지 렌더링 fetchOneBook error Error: 서버 상태 오류 at u (.next/server/pages/book/[id].js:1:634) at async x (.next/server/pages/book/[id].js:1:873) ✓ Generating static pages (8/8) ✓ Collecting build traces ✓ Finalizing page optimization Route (pages) Size First Load JS ┌ ● / (ISR: 3 Seconds) 1.05 kB 95.7 kB ├ /_app 0 B 94.6 kB ├ ○ /404 322 B 94.9 kB ├ ƒ /api/hello 0 B 94.6 kB ├ ƒ /api/revalidate 0 B 94.6 kB ├ ● /book/[id] (5318 ms) 705 B 95.3 kB ├ ├ /book/3 (5072 ms) ├ ├ /book/1 ├ └ /book/2 └ ○ /search 1.11 kB 95.7 kB + First Load JS shared by all 96.9 kB ├ chunks/framework-a4ddb9b21624b39b.js 57.5 kB ├ chunks/main-d4c20200ddabac7f.js 33.7 kB └ other shared chunks (total) 5.68 kB ○ (Static) prerendered as static content ● (SSG) prerendered as static HTML (uses getStaticProps) (ISR) incremental static regeneration (uses revalidate in getStaticProps) ƒ (Dynamic) server-rendered on demand // book/[id].tsx // index.tsx

  • react
  • typescript
  • next.js
민지영 댓글 2 좋아요 0 조회수 145

모든 class들은 컴파일시 자동으로 Class라는 static변수가 생성되나요?

미해결

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요?예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] Class clazz = String . class ; // 1. 클래스에서 조회 Class helloClass = Hello.class; 위 방식으로 클래스를 조회하는것을 보면 각각의 클래스에 Class라는 static변수에 접근하는 것으로 보이는데 이는 컴파일 시 모든 클래스들에 직접 입력하지 않아도 Class라는 static변수(private static Class class)가 자동으로 생성되기 때문인가요?

  • java
  • 객체지향
sticker_inverts.06 댓글 1 좋아요 1 조회수 163

게시글목록 최적화 전략설계 질문

해결됨

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

조회용 게시글 목록 캐시가 미리 있는 상태에서 게시글이 수정이 된다면 게시글 조회 서비스에서 구독을 통해서 캐시 수정이 이뤄져야 하는걸까요? 강의에서는 작성/삭제 두가지만 말해주시는거 같아서 수정인경우도 알고싶습니다~

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
쭈도리 댓글 2 좋아요 0 조회수 138

연관관계 매핑의 의미가

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

연관관계 매핑: 객체의 참조와 테이블의 외래키를 매핑하고, 객체간의 관계(다대일관계)와 테이블간의 관계(외래키-기본키관계)를 매핑하는것. 객체간의 관계에서는 Member객체는 team필드를 통해 Team객체를 참조한다. 테이블간의 관계에서는 MEMBER테이블의 외래키(TEAM_ID)를 통해 TEAM테이블을 참조한다. 이렇게 객체와 테이블은 구조적으로 다르기 떄문에 객체간의 관계와 테이블간의 관계를 동일하게 해주기 위해 연관관계 매핑이 필요하다. team필드를 통해 Team객체를 참조하던것을 외래키(TEAM_ID)를 통해 기본키(id)를 참조하도록 변경한것이라고 생각하면된다. 이렇게 이해하고 정리해봤는데 이게 맞을까요?

  • java
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 109

Snowflake 강의 질문입니다.

해결됨

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

1. intelliJ java file outside of source root 에러가 뜹니다 Snowflake 강의를 듣다가 질문이 생겨서 질문올립니다. 강의자료에 있는 Snowflake 자료를 복사 붙여넣기 하다가 intelliJ java file outside of source root 에러가 뜹니다. 아래와 같이 시도를 해보았습니다. https://stackoverflow.com/questions/63521181/java-file-outside-of-source-root-intellij 이싸이트에 나와있는 IntelliJ의 오른쪽 도구 모음에서 "gradle"을 클릭한 다음 새로 고침 버튼을 클릭합니다. File > Project Structure > Modules > Sources 그리고 Java 파일 디렉토리를 소스로 표시를 변경하라고 나옴. 이 방법 시도 하지만 common->src로 변경했더니 IntelliJ IDEA에서 동일한 resources 디렉터리가 두 개의 모듈에서 중복으로 설정되어 있을 때 발생 하는 문제가 생겨 적용 불가능 현재 프로젝트 close하고 다시 open함. java버전과 스프링부트 버전 확인 build.gradle에서 버전 확인 위와 같이 해결방법을 모색해봤는데 해결방법을 모르겠습니다. 프로젝트 파일 첨부합니다.

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

6-F 문제 드래곤 전투를 while문으로 고쳐보고 싶습니다.

해결됨

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

안녕하세요 큰돌님!! 강의 수강중에 궁금증이 있어 질문 드립니다. 이분탐색을 하다가 체크하는 과정 중 드래곤과 플레이어가 전투중일때 if(monsterHp % currentAttack ==0) { currentHp -= (monsterHp/currentAttack -1)*monsterAttack; } else { currentHp -= (monsterHp/currentAttack)*monsterAttack; } if(currentHp <=0) { return false; } 이렇게 구현 하였을 경우 맞았다고 나옵니다. 하지만 while(true) { monsterHp -= currentAttack; if(monsterHp<=0) { break; } currentHp -= monsterAttack; if(currentHp<=0) { return false; } } 이렇게 while문으로 구현하였을 경우 시간초과가 나오면 이해하지만 백준 정답 사이트에서 "틀렸습니다"라고 나옵니다. 혹시 제가 짠 while문에서 처리하지 못한 예외처리가 있을까요??

  • 코딩-테스트
  • java
양대열 댓글 2 좋아요 0 조회수 75

무한 스크롤 질문있습니다

해결됨

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

학습 관련 질문을 최대한 상세히 남겨주세요! 고민 과정도 같이 나열해주셔도 좋습니다. 먼저 유사한 질문이 있었는지 검색해보세요. 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 갑자기 페이징 쿼리 설명하다가 다음 강의에서 무한 스크롤에 대한 설명을 하시는데요. 1.이는 분산환경에서의 페이징 쿼리시의 단점을 보완하기 위한 방법으로 무한 스크롤을 설명하시는건가요?? 2.아니면 단순 무한 스크롤의 장점에 대해서 설명하시는건가요?? 3.아니면 분산 환경에서의 페이징 쿼리의 단점으로 인해 분산 환경에서는 무한 스크롤 방식을 선호한다는 것 일까요?? 저는 SpringDataJPA를 사용하여 페이징과 Slice를 구현해본적이 있는데 해당 기능이라던가 QueryDSL과 같은 기능을 사용하지 않고 네이티브 쿼리를 사용하는 이유는 무엇일까요??

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
service 댓글 1 좋아요 0 조회수 238

게시글 CRUD API 설계 강의에 대해 질문있습니다.

해결됨

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

강의 1분 47초에서 샤드를 bored id는상관 없이 articleid로 짝수면 오른쪽, 홀수면 왼쪽으로 나뉘어진건가요? 샤딩 id가 articleid와 bored id 인건가요?

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
zzzzz 댓글 1 좋아요 0 조회수 86

연관관계 매핑의 의미

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

안녕하세요. 연관관계 매핑의 의미가 객체의 참조와 테이블의 외래키를 매핑하는것을 의미하는것인가요? 아니면 객체간의 관계와 테이블간의 관계를 매핑하는것을 의미하는것인가요? 비슷한 의미이지만 헷갈려서 질문드립니다.

  • java
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 78

JPQL 기본 함수에서 substring

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

[질문 내용] member.setUsername("member1); 한 회원의 이름을 셋팅하고 substring으로 쿼리를 작성하였을 때 String query = "select substring(m.username, 1, 3) from Member m"; substring(m.username, 1, 3) 에서 몇번째 문자에서 자를지 넣는 숫자에 1이나 0을 넣어도 같은 "mem" 이 출력 되는데 "member1"은 공백이 없이 setter가 되었는데 왜 0, 1의 출력값이 동일하게 나오는건가요? 애초에 substring의 숫자는 0 부터 시작하는거 아닌가요?

  • java
  • jpa
soojinkimss 댓글 1 좋아요 0 조회수 120

24:49초 Explain 쿼리 문에서 질문드립니다

해결됨

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

학습 관련 질문을 최대한 상세히 남겨주세요! 고민 과정도 같이 나열해주셔도 좋습니다. 먼저 유사한 질문이 있었는지 검색해보세요. 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 저는 왜 Using where과 Using Index 두개가 같이 나올까요? 오로지 Using Index만 나와야 커버링 인덱스를 이용해서 데이터를 성공적으로 조회했다 라고 이해했는데 Using where와 같이 나온거 보면 뭔가 MySQL 내부에서 커버링 인덱스만으로 데이터를 조회하지 못했으니 뭔가를 더 실행한 것일까요?? # 5만 페이지 스킵 쿼리 explain select * from ( select article_id from article where board_id = 1 ORDER BY article_id DESC limit 30 offset 1499970 ) t left join article on t.article_id = article.article_id; 해당 쿼리에서는 Using where; Using index 이렇게 나옵니다. explain select * from article where board_id = 1 order by article_id desc limit 30 offset 90; 해당 쿼리에서는 Usind index condition이 나옵니다 저는 MySQL 쿼리문을 터미널에서 실행한게 아닌 DataGrip으로 실행 했는데 여기서 차이가 있는 걸까요??

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
service 댓글 3 좋아요 0 조회수 238

짝수 출력

미해결

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

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 아래와 같이 작성해도 결과가 동일한데 이렇게 작성해도 되나요? package Loop.ex; public class CountEx { public static void main(String[] args) { for(int num=2;num<=20;num=num+2){ System.out.println(num); } } }

  • java
  • 객체지향
가보자고 댓글 2 좋아요 0 조회수 116

java -jar오류

해결됨

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/) [질문 내용] cmd에서 빌드를 하려고 합니다. gradlew 이랑 gradlew build모두 다 어찌저찌 해 냈는데 java -jar에서 자꾸 오류가 나네요. 여기저기 알아보고 수정해 봤는데 경로를 찾을 수 없어서 생긴 오류라고 하더라고요 프로젝트 폴더는 이렇게 있고 gradle.build폴더는 이렇게 있습니다. main파일도 이렇게 있습니다. 아무리 찾아봐도 안보이는데 어디서 잘못된 건지 알 수 있을까요? 버젼은 17로 다 맞추어 놓았습니다(환경 변수까지)

  • java
  • spring
  • mvc
  • spring-boot
6jtgoeun 댓글 2 좋아요 0 조회수 131

[강의록 오타] 9. 컬렉션 프레임워크 - Map, Stack, Queue

해결됨

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

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [강의록 오타] 대상 강의록: 9. 컬렉션 프레임워크 - Map, Stack, Queue.pdf 페이지: p.6 상단 내용: (기존) Map의 값 목록 을 중복을 허용한다. (수정) Map의 값 목록 은 중복을 허용한다. 영상 잘 보고 있습니다. 너무 재밌어요 영한님!

  • java
  • 객체지향
  • 코딩-테스트
  • 알고리즘
dev.rudevico 댓글 2 좋아요 0 조회수 136

컬럼명

미해결

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

db에서의 컬럼명을 warehousingDate로 정의하고 자바에서 warehousingDate로 필드를 선언하여 테스트했을 때 매핑되지 않아 테스트에 실패합니다. db는 스네이크 케이스를 사용해서 jpa가 warehousingDate를 warehousing_date로 매핑시키려고 해서 그런 것 같은데 @Column(name = "warehousingDate")로 해도 안 되고 db의 컬럼명을 warehousing_date로 수정해야 정상 작동하는데 db에서 warehousingDate를 그대로 사용하고 정상적으로 매핑이 되게 하려면 어떻게 해야 하나요?

  • java
  • spring
  • aws
  • mysql
  • spring-boot
  • jpa
wk 댓글 2 좋아요 1 조회수 121

page값에 대해서

해결됨

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

count 값을 구하는 로직을 보면 값이 커지면 커질수록 쿼리 속도가 현저히 저하되는 상황을 볼 수 있는데요. 이럴경우 어떠한 방식으로 대처하면될까요? 예를들어 500,000을 page값으로 설정하면 2~3초정도 걸리게 됩니다.

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

앱 라우트 방식에서 반응형 구현하는 방법

해결됨

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

안녕하세요 선생님. 강의 잘 듣고 있습니다! 강의 주제에 벗어나는 것 같아서 조심스럽게 질문드려보자면, 앱 라우트 방식에서 반응형을 구현하는 방법을 알고 싶습니다. 저는 이전에 페이지 라우터 방식에서 작업할 때 window.matchMedia 를 사용해서 useMediaQuery 훅을 만들어 반응형을 구현했습니다. 근데 서버 컴포넌트에서는 위와 같은 방식을 사용하기 어려울 것 같은데 혹시 앱 라우트 방식에서 반응형을 구현할 때 많이 쓰이는 방식이 있을까요? 화면 너비에 따라 컴포넌트의 size prop을 다르게 넘겨주어야 하는 경우에 클라이언트 컴포넌트로 사용해야 할까요? 이 경우 다수의 컴포넌트가 클라이언트 컴포넌트가 될 것 같아 우려스럽더라고요. Next.js의 앱 라우터에서 반응형을 구현하는 방식에 대해 조언을 구하고 싶습니다.

  • react
  • typescript
  • next.js
메가 댓글 1 좋아요 0 조회수 214

하이브리드앱 강의는 언제쯤 올라올 예정인가요?

해결됨

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

31일에 올라오지 않아서 궁금해 질문드립니다!

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
bs k 댓글 1 좋아요 0 조회수 128

질문드립니다..

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

1. Member엔티티의 필드와 MEMBER 테이블의 외래키 컬럼을 매핑하고, Member테이블의 외래키(TEAM_ID)를 Team테이블의 기본키와 매핑한다. 2. member.getTeam()을 할때 MEMBER 테이블의 외래키(TEAM_ID)를 통해 TEAM테이블의 기본키를 참조하여 Team 데이터를 가지고 올 수 있다. 3. Member테이블의 외래키와 Team테이블의 기본키를 매핑해서 외래키-기본키 관계를 설정한다. 이 3가지가 각각 @JoinColumn때문인지, @ManyToOne때문인지 구분이 안되서 질문드립니다.. 각각 어느 어노테이션에 의해 동작되는것인가요??

  • java
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 67

인기 태그

인프런 TOP Writers

주간 인기글