inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

npx prisma studio 오류

미해결

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

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 7.2) 리뷰 추가 기능 구현하기 수강하고 있는데요 리뷰데이터를 보기 위해 npx prisma studio를 터미널에 치면 % npx prisma studio Need to install the following packages: prisma@6.17.1 Ok to proceed? (y) npm error code ETIMEDOUT npm error syscall read npm error errno -60 npm error network read ETIMEDOUT npm error network This is a problem related to network connectivity. npm error network In most cases you are behind a proxy or have bad network settings. npm error network npm error network If you are behind a proxy, please make sure that the npm error network 'proxy' config is set properly. See: 'npm help config' npm error A complete log of this run can be found in: /Users/minsu/.npm/_logs/2025-10-13T05_36_52_783Z-debug-0.log 라고 나오네요 혹시 해결법 알 수 있을까요? prisma 초기화 하고 prisma 클라이언트 생성해도 모델이 없다고 떠서 리뷰 데이터 확인이 불가합니다

  • react
  • typescript
  • next.js
  • 카카오공채-개발
hinpuo 댓글 2 좋아요 0 조회수 131

lovable에서 DB연결하는 방법

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

[진도] 1주차 5강 [질문] Lovable에 superbase 연결이 없어졌습니다. 상황: lovable에 DB연결을 하려고 하는데, 업데이트가 된 건지 우상단 superbase 버튼이 없어지고, cloud라는게 추가된 것으로 보여요 해당 부분 강의 업데이트가 가능한가요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
leoni 댓글 2 좋아요 0 조회수 438

forEach에서 continue, break 동작안하는 문제

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

forEach에서 continue, break 동작안하는 문제 가 발생하였는데 continue랑 break를 쓸거면 일반적인 for문을 이용할 수밖에 없는 건지 궁금합니다. ^^

  • javascript
  • react
  • node.js
  • 카카오공채-개발
JS K 댓글 1 좋아요 1 조회수 71

CityList개발-handleLoadMore함수질문

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요! + 오류 메세지도 함께 올려주시면 좋아요 🙂 안녕하세요 강의에 따라 그림이 로드 되는 것까지는 성공했지만 이후 handleLoadMore를 넣고 배열이 나오지 않아요... 그리고 handleLoadMore함수가 어떻게 실행까지 이어지는지 알려주세요 예) handleLoadMore가 new CityList의 인수로 지정되고 cityList 함수에 부여되어 00줄 console.log함수로 출력 추가한 코드만 넣었습니다...! 주석 단 부분으로 확인해보니 이렇게 작동됨은 확인했습니다! const cityList = new CityList({ $app, initialState: this.state.cities, handleLoadMore: async () => { const newStartIdx = this.state.startIdx + 40; const newCities = await request(newStartIdx, this.state.region, this.state.sortBy, this.state.searchWord); } }); //console.log(cityList) ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.

  • javascript
  • rest-api
  • spa
  • dom
김규태 댓글 1 좋아요 0 조회수 100

react도 포멧팅 스타일이 따로 있나요?

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

구글 스타일 처럼 대표적인 포맷팅 스타일이 있나요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
문수 댓글 2 좋아요 0 조회수 44

socket connect 오류

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요. nestJS강의를 잘 시청하고있습니다. 진행하는 과정에서 Socket Connect 연결 요청시 Error: socket hang up 오류가 발생하며 연결이 되지 않는 문제가 발생 하였습니다. 저는 현재 NestJS최신버전인 11.1.6버전을 이용해 진행중입니다. PostMan에서 Connect 시도시 아무런 로그가 남지 않습니다. 혹시 아래 문제에 대해서 도움을 받을 수 있을까요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
임성호 댓글 2 좋아요 0 조회수 143

강의 제목과 실제 강의 내용이 다릅니다.

미해결

Mastering Zustand: Simplified State Management for Modern React Applications

zustand 강의로 알고 신청했는데 git 강의..가 나와요..

  • react
  • zustand
책개발 댓글 1 좋아요 0 조회수 47

공유 자료 요청합니다

미해결

바이브코딩으로 Spring Boot 게시판 개발하기 (Claude, Gemini, OpenAI Codex)

명령어와 절차들을 기록한 공유자료를 찾을 수가 없네요. 위치 알려주시면 감사하겠습니다.

  • HTML/CSS
  • javascript
  • java
  • 인공지능(ai)
budnamu 댓글 3 좋아요 0 조회수 98

리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?

미해결

[React 1부] 만들고 비교하며 학습하는 React

강사님, 리액트 1부 강의를 너무 알차게 수강한 터라 인프런에 올리신 리액트 1,2부의 후속 강의나 준비 중인 다른 강의 계획이 있는 지 궁금합니다.

  • javascript
  • react
  • 웹앱
  • mvc
mosara999 댓글 2 좋아요 1 조회수 137

12.13 new 페이지 구현하기 1.UI 부분에서 마지막 설명부분이 이해가 가지 않습니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

마지막에서 작성완료와 취소하기 버튼 부분에 배경색 하얀색 부분 즉 #root background-color:white부분이 적용되지 않았습니다. 이때 해결방법을 body에 display:flex를 넣음으로써 해결이 된다하셨는데, 이게 root부분에 어떤 영향을 끼치길래 height가 늘어났는지 궁금합니다

  • javascript
  • react
  • node.js
  • 카카오공채-개발
남기정 댓글 2 좋아요 0 조회수 83

디자인 시스템 파운데이션 단계를 토큰화 해뒀는데 어떻게 적용할 수 있을까요?

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

안녕하세요 현직 디자이너입니다. 질문 1 2-1강듣고있는데 디자인 시스템 파운데이션 단계를 토큰화 해뒀는데 어떻게 적용할 수 있을까요? 네이밍이나 다크모드 컬러 폰트등 모두 토큰화 해둔 시스템이라서 여쭤봅니다. json을 뽑을 수 있는데 넣으면 해결될까요 질문 2 제가 지금 사내에서 피그마의 디자인 시스템을 그대로 바이브코딩으로 구축한 뒤 플러터의 스토리북인 위젯북에 담을 예정입니다. 개발자분이하면 좋겠지만 커서나 디자인시스템을 모른다고 하셔서 제가 진행중인데 혹시 위젯북에 대해서도 좀 아실까요? 스토리북과 다를게없나요

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
한재욱 댓글 2 좋아요 0 조회수 174

Figma MCP 도구에 접근할 수 없다고 나오네요....

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

2-1 강의를 듣고 있는데요. 수업 내용대로 피그마 마일을 드레프트로 올리고 mcp커넥트 하고 노드 id와 mcp채널을 입력하고 해도 안되네요 수업내용대로 새로 고침하고 새로은 노드 iD와 mcp채널을 입력해도 마찬가지로 figma mcp에 접근할 수 없다고 나오네요... 어떻게 해결해야 할까요 ?

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
pyo5330 댓글 2 좋아요 0 조회수 314

객체와 배열의 const 차이

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

const로 했을 때 객체는 수정이 되고 배열은 수정이 안된다는 설명 부분이 이해가 잘 안됩니다. 고유 ID가 아니라는 말도 이해가 잘 안되는데 보충 설명을 받을 수 있을까요?

  • javascript
  • rest-api
  • spa
  • dom
이선재 댓글 1 좋아요 0 조회수 78

const 객체/배열 차이

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

왜 객체는 const로 했을 때 수정이 되고, 배열은 const로 했을 때 수정이 안 되는지 이해가 잘 안됩니다.

  • javascript
  • rest-api
  • spa
  • dom
이선재 댓글 2 좋아요 0 조회수 99

이미지 최적화 관련 질문

미해결

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

섹션9. 이미지 최적화 수강중 궁금한 내용이 있습니다. 강의 내용은 넥스트에서 제공하는 image 컴포넌트를 사용할 경우 이미지 파일이 webp로 변환되어 성능 최적화 하는 것으로 이해했습니다. 혹시 이미지 확장자 중 webp와 jpg가 동시에 불러올 수 있도록 컴포넌트를 커스텀 할 수 있나요?

  • next.js
말랑한망고 댓글 2 좋아요 0 조회수 93

header 개발 새로고침 오류

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

검색어 입력 후 새로고침을 하면 Failed to load resource: the server responded with a status of 500 () 이와 같은 오류가 뜨는데 왜 그러는걸까요? 그리고 그 밑에 SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON 이렇게 함께 콘솔창에 나옵니다.

  • javascript
  • rest-api
  • spa
  • dom
박유빈 댓글 2 좋아요 0 조회수 150

명령 프롬프트 복원

해결됨

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 - 포트폴리오 사이트도 완성 (Gemini CLI, MCP)

강의 잘 듣고 있습니다. 감사합니다. 명령 프롬프트 창을 나가면, 이전 대화한 결과물이 모두 사라지는 데요. 강의 처음 지시사항부터 다시 시작하는 것 외에 방법이 없나요?

  • git
  • next.js
  • ai-활용-(ax)
  • 바이브코딩
이혜경 댓글 2 좋아요 0 조회수 135

섹션5 최종프로젝트에는 게시글 작성 수정 이런내용은 빠져있는건가요? 원래 없는건가요?

해결됨

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

Q. 수업 영상에서의 질문은 오로지 아래 이메일 주소로 아래 양식과 함께 질문 부탁드립니다. 그린 코딩 강사 이메일 주소: canesblack0107@gmail.com 이메일 제목 양식 예시[필수]: [인프런-00강좌 질문드립니다.] 안녕하세요. ~~ 질문드립니다.! => 제가 이메일 외의 인프런트에 질문 카테고리 페이지는 답변이 늦을 수 있습니다. 섹션5 최종프로젝트에는 게시글 작성 수정 이런내용은 빠져있는건가요? 원래 없는건가요?

  • react
  • aws
  • docker
  • spring-boot
  • github-actions
고난하구나 댓글 2 좋아요 -1 조회수 133

css 라이브러리 추천 부탁드립니다

미해결

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

안녕하세요 제로초님 강의에서는 css module 사용하셨고, 왜 그걸 사용하셨는지 이유를 말씀해 주셨는데요 저는 tailwind나 vanilla extract로 css를 작성해가며 수강하려하는데요 현 시점 기준 시장에서는 어떤 라이브러리를 좀 더 활발하게 사용하는지, 제로초님은 어떤걸 더 선호하시는지, 그리고 이유가 있으시다면 무엇인지 궁금합니다

  • next.js
  • tailwind
  • vanilla-extract
ayaan 댓글 2 좋아요 0 조회수 192

클라이언트 컴포넌트에서 fetch 하는 경우가 있는지 궁금합니다.

미해결

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

Next.js에서 서버 컴포넌트가 주로 데이터 페칭을 담당하는 것으로 알고 있습니다. 서버컴포넌트 외에 클라이언트 컴포넌트에서 fetch를 직접 호출하는 사례가 있는지 궁금합니다. 추가로 클라이언트 컴포넌트에서 fetch를 할 때도 Next.js의 request memoization 기능이 자동으로 동작하는지 질문드려요.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
sbbt 댓글 2 좋아요 0 조회수 85

인기 태그

인프런 TOP Writers

주간 인기글