inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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 조회수 124

lovable에서 DB연결하는 방법

해결됨

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

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

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

WINDOW + Vite를 사용하여 소스 코드 변경이 반영되지 않는 현상

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

vite를 사용하여 리액트를 생성하는 경우는 CRA를 통한 리액트 생성하는 방법과 다른것 같습니다. vite.config.js에서 옵션 추가하고 실행하면 정상적으로 동작합니다! import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; // https://vite.dev/config/ export default defineConfig({ plugins: [react()], server: { host: true, // start 옵션 추가 watch: { usePolling: true, }, // end 옵션 추가 }, });

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • vite
최민혁 댓글 1 좋아요 0 조회수 116

강의 마지막에 언급하는 '다음 강의'란?

해결됨

Git & GitHub, 원리부터 차근차근 - 근본깃 [AI 더빙]

안녕하세요, geek님. 강의 끝까지 잘 들었습니다. 해당 강의가 근본깃-기초 편의 마지막 강의인데, 영상이 끝날 때 "다음 강의에서는 이를 활용하여 동료와 협업하는 방법에 대해서 배운다" 라고 언급하셨더라고요. 이때의 '다음 강의'는 근본깃-완성 편으로 이해하면 될까요?

  • git
  • github
dev.rudevico 댓글 1 좋아요 0 조회수 102

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

해결됨

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

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

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

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

해결됨

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

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

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

이미지 최적화 관련 질문

미해결

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

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

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

명령 프롬프트 복원

해결됨

AI 시대, 반나절 만에 웹사이트 개발부터 배포까지 AI 코딩 with MCP & Gemini CLI

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

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

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

미해결

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

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

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

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

미해결

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

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

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

Layout이 Dynamic이면 하위 페이지도 다 Dynamic이 되는지 궁금합니다.

미해결

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

안녕하세요! 좋은 강의로 Next.js를 배울 수 있게 해주셔서 감사드립니다. Full Route Cache 관련해서 궁금한 점이 있습니다. 레이아웃 파일에서 cookies()나 headers() 같은 동적 함수를 사용하는 경우, 그 아래에 있는 페이지들도 영향을 받는지 궁금합니다..! 예를 들어서 블로그 레이아웃에서 사용자 테마를 쿠키로 가져오고 있고, 블로그 포스트 페이지 자체는 force-cache로 정적 데이터만 사용한다면, 이 경우 페이지가 Static으로 빌드될 수 있을까요? 아니면 상위 레이아웃이 Dynamic이면 하위 페이지도 함께 Dynamic으로 처리되는 건지 궁금합니다! 감사합니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
junyeokk 댓글 1 좋아요 0 조회수 81

배포 관련 내용 추가될 예정이 있을까요?

해결됨

프론트엔드 마스터클래스

안녕하세요, 좋은 강의 잘 보고 있습니다. 혹시 CDN 등 배포 관련 섹션이나 내용이 추가될 예정이 있을지 궁금합니다.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
Eun 댓글 1 좋아요 0 조회수 169

supabase 오픈 소스 사용에 대해서

미해결

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

supabase는 공식 사이트에서 요금을 받고 있지만 오픈 소스로 로컬에 설치할 수 있잖아요. 그러면 기존의 스토리지 트래픽 비용이, 리눅스 호스팅 업체의 트래픽 비용으로 대체되나요?

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
유니온 댓글 0 좋아요 0 조회수 114

next와 react query 버전 업데이트 관련 질문

미해결

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

next와 react query 버전이 업데이트 되면서 서버 액션에 폼데이터를 전달하는 것이 불가능해진것 같은데 어떤식으로 수정하면 좋을까요?

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
둘기 댓글 1 좋아요 0 조회수 91

학습자료는 따로 공유가 안되는건가요?

해결됨

프론트엔드 마스터클래스

그 전까지는 크게 불편함이 없었는데 이번 장에 위에 설명이 건너뛰기가 돼서 놓치게 되네요. 다양한 학습자료 제공에 miro형식 파일이라고 강의 소개에 적혀있긴한데, 따로 첨부파일이나 링크는 등록이 안돼있는것 같아서요.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
임영민 댓글 2 좋아요 0 조회수 232

query-string과 url파라미터 이름이 같은 경우는 어떻게 되나요?

미해결

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

안녕하세요 예를 들어서 book 디렉토리 밑에 [id.tsx] 을 만들고 /book/10?id=test 이런 형태로 넘긴다면 router.query의 값은 어떤 형태로 저장이 되나요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
qazwsxqaz 댓글 3 좋아요 0 조회수 129

3-way merge에서의 conflict를 해소할 수 있는 4가지 방법

해결됨

Git & GitHub, 원리부터 차근차근 - 근본깃 [AI 더빙]

안녕하세요, geek님. 영상 16:55~ 부분에서 설명해주시는 conflict를 해결할 수 있는 방법에 대해서 다음 네 가지를 설명해주셨습니다. main 브랜치 쪽 diff를 더한다. test 브랜치 쪽 diff를 더한다. (선택됨) 둘 다 더한다. 둘 다 더하지 않고, 아예 다른 내용을 적는다. 그리고 예제에서는 2번 방식을 선택해주셨고, 이에 따라서 머지 커밋은 다음과 같이 계산됩니다. base( red ) + main 최신 커밋과의 diff( green ) + test 최신 커밋과의 diff( blue ) 즉, 3개가 더해져서 만들어지는 커밋인데요. 이로 인해 3-way merge라는 이름으로 불린다고 이해했습니다. 여기서 질문이 생기는데요. 만약 1번 방식을 선택한다면, 머지 커밋이 다음과 같이 계산됩니다. base( red ) + main 최신 커밋과의 diff( green ) 즉, 2개가 더해져서 커밋이 만들어집니다. 그런데 앞서 말씀하신 내용을 고려하면 머지의 세부 명칭(예를 들어 3-way merge같은)에 영향을 주는 요소는 '커밋 히스토리의 모양'입니다. 따라서 2개가 더해져서 커밋이 만들어지는 이 상황도 여전히 3-way merge라고 부를 수 있습니다. 그래서 처음 들었던 의문은 "1번 방식을 택했을 때는 2개가 더해지는 건데, 이때도 3-way라고 부르는 것은 그냥 관례적인 표현인가?" 입니다. 그리고 질문을 작성하면서 제가 스스로 내린 답변은 "더하는 개수가 3개여야 하는 것이 아니고, 더할지 말지 고민하는 기준점이 3개 인 상황이라 3-way라는 이름이 붙은 것 같다" 입니다. 즉, 커밋 히스토리가 예제와 같은 상황에서는 다음 3가지 를 기준점으로 사용하게 됩니다. 두 브랜치의 공통 부모 (base) main 브랜치의 최종 커밋 test 브랜치의 최종 커밋 각 기준점에 대해 어떤 판단을 내리느냐에 따라 세 개를 더하는 2번 상황이 되거나 두 개를 더하는 1번 상황이 되거나, 또 다른 3번, 4번 상황이 될 수도 있습니다. 하지만 '기준점이 3개'라는 사실을 모든 상황에서 동일하기 때문에 3-way merge라는 이름이 붙여진 것으로 판단했습니다. 가르쳐주신 내용에 혼란을 느낀 부분을 서술하느라 글이 좀 길어졌는데, 결론적으로 '기준점이 3개라서 3-way merge라고 부른다'는 제 판단이 적절한지 여쭤보고 싶습니다.

  • git
  • github
dev.rudevico 댓글 2 좋아요 0 조회수 192

브랜치 병합 전략에 대한 지식공유자님의 생각이 궁금합니다.

해결됨

Git & GitHub, 원리부터 차근차근 - 근본깃

안녕하세요, 강의 잘 듣고 있습니다. Git을 정리하는 데 큰 도움을 받고 있습니다. 다름이 아니라 GitHub에서 브랜치를 메인 브랜치로 병합할 때 사용하는 전략에 대해 궁금합니다. 기본 병합(merge), 스쿼시 & 머지(squash & merge), 리베이스 & 머지(rebase & merge) 방식이 있는데, 어떤 방식을 선호하시는지 여쭤보고 싶습니다. 개인적으로는 로컬에서 작업할 때는 리베이스 & 머지 를 선호합니다. 히스토리를 깔끔하게 유지할 수 있기 때문입니다. 반면에 메인 계열 브랜치(dev, prod 등)로 병합할 때는 기본 병합 을 사용해야 기능 추가 히스토리를 명확히 추적할 수 있다고 생각합니다.

  • git
  • github
  • 브랜치
Robbie 댓글 1 좋아요 0 조회수 136

비공개 보안

해결됨

깃허브 데스크탑으로 프로젝트 관리하기

민감한 정보를 포함하는 비공개(Private) GitHub 저장소의 보안을 강화하기 위해 조치가 있을까요

  • git
  • github
  • github-actions
  • github-pages
  • github-desktop
지웅 장 댓글 2 좋아요 0 조회수 117

강의에 언급된 영상 질문

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

안녕하세요! 좋은 강의 만들어주셔서 감사합니다 🙂 수업을 순서대로 보고 있는데, 지난 시간에 살펴봤다는 에러 정의가 담겨 있는 영상이 무엇인지 궁금합니다..! 커리큘럼 상으로는 이전 영상이 라우팅 관련된 것이라서 에러 관련 내용이 없었거든요.

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

인기 태그

인프런 TOP Writers

주간 인기글