inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

배포 시 오류 발생

미해결

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

안녕하세요 선생님, 강의 잘 들었습니다! 다만 마지막 챕터에서 vercel로 배포 진행 시 동일한 오류가 계속 발생하고 있습니다 Error: Internal Server Error at Object.n [as generateStaticParams] (.next/server/chunks/610.js:1:2820) > Build error occurred [Error: Failed to collect page data for /book/[id]] { type: 'Error' } Error: Command "npm run build" exited with 1 지피티나 제미나이는 빌드 시에 서버에서 데이터를 가져올 수 없어서 발생하는 에러라고 하는데 npm run build 로 localhost에서 데이터를 가져오는 경우에는 오류없이 빌드도 잘 되고 next > server > app > book 경로에 12개의 book 데이터가 잘 생성되는 것까지 확인했습니다! 그런데 vercel로 배포시에만 계속해서 동일한 오류가 발생합니다 ㅠ 참고로 배포한 서버 URL입니다 https://onebite-books-server-ten-sandy.vercel.app/ 또한 강의를 보며 작성한 코드 깃허브 URL입니다 https://github.com/younheejae/onbite-books-next.git 프로젝트 세팅에 Environment Variables 도 잘 설정한 것 같습니다! 확인부탁드립니다.. 감사합니다.!

  • react
  • typescript
  • next.js
윤희재 댓글 2 좋아요 0 조회수 114

무한 스크롤 방식에서 페이지 번호 방식 쿼리의 문제점 의문

해결됨

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

안녕하세요, 무한 스크롤 방식에서 페이지 번호 방식 쿼리의 문제점을 설명한 부분에 질문이 있습니다. 페이지 방식을 무한 스크롤 방식에 적용 시 문제점으로 아래 2가지를 제시하셨는데요, 1) 페이지가 추가된 경우, 데이터 중복 조회 문제 2) 페이지가 삭제된 경우, 데이터 누락 문제 궁금한 점은, 이러한 문제는 무한 스크롤에서 사용했을 때 뿐 아니라, 페이지 번호 방식을 사용할 때도 마찬가지로 문제가 있는 것 아닌가 싶다는 것입니다. 페이지 번호 방식 자체의 한계라고 생각하는데, 페이지 번호 방식에서는 발생하지 않는 문제인가요?

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
최재량 댓글 2 좋아요 1 조회수 100

클로드코드 cli 모델 관련 질문

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요, 강의 보니 초기 기획이나 분석 등은 opus 모델이 활성화 되어있고, 코드 작성할 때는 sonnet 모델을 사용하시더라구요. 직접 수동으로 일일이 바꾸시는 건가요? 아닌 경우에는 어떻게 자동으로 바꾸는지 궁금합니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
앤기브마케팅 댓글 2 좋아요 0 조회수 191

싱글톤과 스프링

미해결

자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)

안녕하세요. 싱글톤 관련 질문 드립니다. 특정한 의문점에 대한 질문은 아니고요. 스프링 컨테이너는 핸들러나 서비스 빈을 싱글톤으로 관리하게 되는데, 혹시 강의에서 등장한 자바와 코틀린의 싱글톤 사용 방식의 차이에 의해 발생하는 스프링 싱글톤 관련된 이슈가 있는지 궁금합니다. 싱글톤 관리는 언어와 관계없이 스프링 컨테이너가 맡게 되니 별 상관이 없을 것으로 예상되긴 합니다만.. 혹시 싶어 질문 드립니다. 감사합니다.

  • java
  • kotlin
  • 객체지향
akakakakak 댓글 2 좋아요 0 조회수 94

깃허브 강의 관련 오류

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

1)github 강의중에 해당 오류가 발생합니다. 그리고 커밋목록이 새로 생기지 않습니다. 2) 터미널에서 ll -al을 치면 아래와같은 오류가 나옵니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
noodle 댓글 2 좋아요 0 조회수 143

equals의 재정의(overriding)에 대해서

해결됨

기초 탄탄! 독하게 시작하는 Java - Part 2 : OOP와 JVM

먼저, 이렇게 양질의 강의 올려주셔서 정말 감사드립니다. 잘 듣고 있습니다. 49강의 실습에서 equals 메소드를 재정의한다고 말씀하셨습니다. 그런데, MyString 은 Object 로부터 equals(Object) 를 상속 받았고, 강의에서 보여주신 코드에서는 equals(MySring) 을 정의했으므로, 메소드 시그니처가 달라 재정의(overriding)보다는 overloading이 더 적절한 표현이 아닌가 싶어서 질문드립니다. 실제로 인텔리제이에서 equals(MyString) 에 @Override 어노테이션을 붙이려하면 아래의 사진과 같은 오류가 발생합니다. 아니면 제가 재정의에 대해서 오해하고 있는 부분이 있는걸까요?

  • java
  • 객체지향
  • jvm
  • data-structure
IIIllIllII 댓글 2 좋아요 0 조회수 122

커서에디터에서 코드라인 드래그 한게 클로드코드에서 안보여요

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

커서 IDE 에서 터미널 켜서 클로드코드를 실행했는데요 /ide 하여도 아래와 같이 뜹니다 ㅠㅠ 감지된게 없다고 뜨네요 ❯ /ide Select IDE Connect to an IDE for integrated development features. No available IDEs detected. Make sure your IDE has the Claude Code extension or plugin installed and is running. Enter to confirm · escape to cancel

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
트트킁 댓글 2 좋아요 0 조회수 121

클로드코드 터미널에서는 이미지 복붙이 안되는게 맞나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

claude code for vs code 의 설치가 지속적으로 안되었고 강의에서는 터미널 모드로 작업하는 걸 권장하여 터미널로 듣고 있었는데 이미지 복사 붙여넣기가 터미널 모드에서는 안되는거 같아서요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김진경 댓글 4 좋아요 0 조회수 1037

코드 공부는 안해도 될까요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

저는 비개발자라서 클로드코드를 통해 프로젝트를 만들때마다 코드 언어에 대해서 모르는것에 대한 찝찝함이 있습니다 그래서 개발 언어를 처음부터 공부해야할지, 아니면 클로드코드를 통해 워크플로우나 도메인 지식을 공부하는게 방향이 좋을지 의견을 여쭈어 보고싶습니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
트트킁 댓글 2 좋아요 0 조회수 257

PPT 사용 툴

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

[ADDED_251223]토큰과 컨텍스트 그리고 사용량 제한 강의처럼 PPT를 만들고 싶은데요 혹시 어떤 툴을 사용하셨는지 알 수 있을까요? 이것도 클로드 코드나 AI를 이용하셨나요 아니면 특정 디자인 레퍼런스를 이용하셨나요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
yhsonny 댓글 2 좋아요 0 조회수 233

뭔가 Cursor AI IDE와 클로드가 연결이 안되는 거 같네요.. 내용이 바뀐거 같습니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

뭔가 Cursor AI IDE와 클로드가 연결이 안되는 거 같네요.. 내용이 바뀐거 같습니다. 최근 것으로 update가 필요한 것 같습니다. 화면에 배치도 다르고 작동도 안되네요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김창범 댓글 2 좋아요 0 조회수 412

커서에 claude code for VS code 연결아 안되어요

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

설치를 눌를 시 아래와 같은 버그 메세지가 뜨면서 설치가 안됩니다ㅠㅠ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김진경 댓글 2 좋아요 0 조회수 328

클로드 프로 가입했는데 아래와 같은 내용이 뜨네요. 어떻게 해야 하나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

Browser didn't open? Use the url below to sign in (c to copy) https://claude.ai/oauth/authorize?code=true&client_id=9d1c250a-e61b-44d9-88ed-5944d1962f5e&response_type=code&redirect_u ri=https%3A%2F% 2Fplatform.claude.com %2Foauth%2Fcode%2Fcallback&scope=org%3Acreate_api_key+user%3Aprofile+user%3Ainferenc e+user%3Asessions%3Aclaude_code&code_challenge=plDgLDWTjUdKeSQ1786N6AKteMlHWYxFtf20PXIA8a8&code_challenge_method=S256&st ate=kpbHEA2awRNd3lzjot40sii-GPF3iRqcEbMwDqD5O9I Paste code here if prompted >

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
유영준 댓글 3 좋아요 0 조회수 1326

TestEx 객체 생성 시 생성자 호출 질문

해결됨

기초 탄탄! 독하게 시작하는 Java - Part 2 : OOP와 JVM

안녕하세요. 강의를 듣던 중 생성자 호출 결과와 관련해 궁금한 점이 생겨 질문드립니다. 해당 예제에서 new 연산자 사용 시 다중 정의된 int 타입 파라미터를 받는 생성자가 호출된다고 설명해 주셨는데, 그 이유가 궁금합니다. new 연산자에 int 타입 매개변수를 전달한 상황을 가정하고 설명하신 것일까요? 강의와 유튜브 항상 잘 보고 있습니다. 감사합니 다.

  • java
  • 객체지향
  • jvm
  • data-structure
cola1886 댓글 2 좋아요 0 조회수 98

Command에 대하여

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

Claude Code Custom Command 을 프로젝트 레벨로 등록 후 Max Plan을 구독중인데 5분만 사용해도 Context 가 소진되고 있습니다. 혹시 해당 Command 을 사용하지 않아도 토큰을 소비하는것일까요? 저의 생각이 맞다면 Command 의 내용을 간략화 하기 위하여 지침을 참조 문서로 변경하면 개선이 될까요? Skiil 로 변경하는것이 좋을까요? 참고로 제가 추가한 Command 입니다. # BlockNote Upgrade Command BlockNote 패키지를 최신 버전으로 업그레이드합니다. ## 실행 방법 이 명령은 다음 작업을 순서대로 수행합니다: 1. 현재 BlockNote 버전 확인 2. npm registry에서 최신 버전 조회 3. GitHub releases에서 변경사항 분석 4. Peer dependencies 호환성 검사 5. 사용자 확인 후 업그레이드 수행 6. 빌드 검증 --- ## 지시사항 ### Step 1: 현재 버전 확인 pnpm-workspace.yaml 파일에서 현재 BlockNote 버전을 확인하세요: ```yaml "@blocknote/core": &blocknote "X.X.X" ``` 관련 의존성 버전도 함께 확인: - @mantine/core - @tiptap/core - @shikijs/core ### Step 2: 최신 버전 조회 npm registry에서 최신 버전을 확인하세요: ```bash npm view @blocknote/core version ``` ### Step 3: 릴리스 노트 분석 GitHub releases 페이지에서 변경사항을 확인하세요: ``` WebFetch: https://github.com/TypeCellOS/BlockNote/releases ``` 다음 항목을 확인: - Breaking Changes 여부 - 새로운 기능 - 버그 수정 - Peer dependency 변경 ### Step 4: Peer Dependencies 확인 BlockNote가 의존하는 패키지들의 버전을 확인하세요. 확인할 파일들: | 패키지 | URL | 확인할 의존성 | |--------|-----|--------------| | @blocknote/mantine | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/mantine/package.json | @mantine/core, @mantine/hooks | | @blocknote/core | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/core/package.json | @tiptap/*, yjs | | @blocknote/react | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/react/package.json | react, react-dom | | @blocknote/code-block | https://raw.githubusercontent.com/TypeCellOS/BlockNote/main/packages/code-block/package.json | @shikijs/* | 우선순위: 1. @blocknote/mantine → Mantine (가장 자주 변경) 2. @blocknote/core → Tiptap, Yjs 3. @blocknote/react → React 4. @blocknote/code-block → Shikijs WebFetch로 각 package.json을 확인하고 peerDependencies 섹션에서 버전 요구사항을 추출하세요. ### Step 5: 버전 비교 및 변경사항 정리 현재 프로젝트의 버전과 BlockNote가 요구하는 버전을 비교하여 표로 정리: | 패키지 | 현재 버전 | 필요 버전 | 업데이트 필요 | |--------|----------|----------|--------------| | @blocknote/* | X.X.X | Y.Y.Y | O/X | | @mantine/core | ^X.X.X | ^Y.Y.Y | O/X | | ... | ... | ... | ... | ### Step 6: 사용자 확인 변경사항을 사용자에게 보여주고 진행 여부를 확인하세요: - Breaking Changes가 있으면 경고 - 업데이트할 패키지 목록 표시 - 진행 의사 확인 ### Step 7: pnpm-workspace.yaml 수정 승인되면 pnpm-workspace.yaml을 수정하세요: ```yaml # BlockNote 버전 업데이트 "@blocknote/core": &blocknote "NEW_VERSION" # 필요시 관련 패키지도 업데이트 "@mantine/core": &mantine "^NEW_VERSION" ``` ### Step 8: Clean Install 메이저 의존성 업그레이드 시 기존 node_modules를 정리하고 새로 설치합니다: ```bash # node_modules 및 dist 폴더 삭제 pnpm clean # 의존성 새로 설치 pnpm install ``` > 이 단계는 캐시된 이전 버전 패키지로 인한 호환성 문제를 방지합니다. ### Step 9: 빌드 검증 ```bash pnpm --filter @collaboration/common build pnpm --filter @collaboration/editor build ``` ### Step 10: 결과 보고 업그레이드 결과를 보고: - 변경된 패키지 버전 - 빌드 성공 여부 - 다음 단계 안내 (개발 서버 실행, 기능 테스트) --- ## 롤백 안내 문제 발생 시 이전 버전으로 롤백하는 방법도 안내하세요: ```yaml # pnpm-workspace.yaml에서 이전 버전으로 변경 "@blocknote/core": &blocknote "PREVIOUS_VERSION" ``` ```bash pnpm install ``` --- ## 참고 문서 - 업그레이드 가이드: docs/blocknote-upgrade-guide.md - pnpm catalog 가이드: docs/pnpm-catalog-guide.md - BlockNote 공식 문서: https://www.blocknotejs.org/docs - GitHub 저장소: https://github.com/TypeCellOS/BlockNote

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
신석균 댓글 2 좋아요 0 조회수 57

응시권 재발송해주시길 바랍니다.

미해결

개발 역량 + 자격증까지, Java로 PCCP 자격증 준비하기

응시권이 확인되지 않습니다. 재발송해주시길 바랍니다.

  • java
  • 코딩-테스트
  • 알고리즘
  • data-structure
조홍식 댓글 1 좋아요 0 조회수 59

ROADMAP.md 파일과 관련하여

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

학습 설명중 /init 사용하여 claude.md 파일을 생성하면 해당 내용은 memory 파일이라고 강의를 들었습니다. 그렇다면 /init 을 사용하지 않고, 아래와 같이 작성한다면 생성된 ROADMAP.md 파일은 memory 파일이 아닌가요? "개발자 웹 이력서를 개발 할 수 있도록 ROADMAP.md 파일을 작성해 주세요. 기술스택: -html, css, javascript, tailwindcss 이력서 내용: -일반적인 내용으로 간단히 작성해줘"

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
kmkang 댓글 2 좋아요 0 조회수 163

구조체포인터

해결됨

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

1:20초에서맨아래두번째줄 curr->next=head 가아니고 prev->next =head 가. 아닌가요?

  • python
  • java
  • c
  • 정보처리기사
고은채 댓글 2 좋아요 0 조회수 65

get() = 3

미해결

자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)

안녕하세요. 상속과 별로 연관된 질문은 아닌 듯 하지만 강의에서 나온 부분에 궁금증이 생겨 질문 남깁니다. val swimAbility: Int get() = 3 이라는 예제 코드를 작성하셨는데요. 코틀린은 어차피 필드를 선언하면 게터, 세터를 만들어주고 필드 선언 시 디폴트 값도 지정해줄 수 있는데 그렇다면 위와 같은 형태의 커스텀 게터는 굳이 구현할 필요 없는 것 아닌가? 하는 생각이 듭니다. 그냥 초기값 3을 갖는 필드를 선언하기만 하면 게터까지 알아서 만들어질 테니까요. 그냥 인터페이스의 게터 상속 의도를 표현하기 위해 별 의미나 실 용례는 없는 코드를 작성하신 거라고 봐도 될지? 아니면 저런 방식의 커스텀 게터에 제가 이해하지 못하는 어떤 의미가 있는 것일지가 궁금합니다. 감사합니다. ㅇ

  • java
  • kotlin
  • 객체지향
akakakakak 댓글 2 좋아요 0 조회수 76

docs아래에 있는 문서들은 언제 넣은 걸까요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의를 좀 급하게 보느라고 놓친건지... 영상을 여러 차례 찾아 보아도 docs/아래에 있는 next-15.md와 forms-react-hook-form.md 등... 5개의 md문서들을 따로 설명을 못 들은 것 같습니다. 어떤 작업을 하다가 넣은 문서인가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
dev8 댓글 2 좋아요 0 조회수 79

인기 태그

인프런 TOP Writers

주간 인기글