inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

리뷰를 데이터베이스 입력 시 어떤 준비를 해야 하나요??

해결됨

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

강의를 보다가 리뷰 입력 하는 부분..약 2분 정도 되는 시점에서 리뷰를 데이터 베이스에 입력 하기 위해서는 준비해야 할 것이 많다고 하셨는데.. 구체적으로 어떤 준비가 필요한가요?? supabase를 사용 하는 것이니까 테이블 만들고.. insert 함수 호출 해서 입력 하면 되는 것 외에 다른 준비를 해야 하는 것이 있나요??

  • react
  • typescript
  • next.js
  • 카카오공채-개발
민경언 댓글 2 좋아요 0 조회수 301

prompt.103.enum.txt에 오타

해결됨

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

prompt.103.enum.txt에 오타가 있습니다. 실제 강의 내용과 이미지는 .png 파일 로 되어있는데, 다운로드 받은 prompt.103.enum.txt에는 .svg 로 되어있네요. 수정이 필요해보여요.

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

톡투피그마 mcp 연결이 안돼요 ㅠㅠ

해결됨

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

톡투피그마 mcp 연결이 안돼요 ㅠㅠ 노란불 들어오다가 결국 빨간불 들어옵니다 윈도우라 개발 환경이 다른걸까요?

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

깃은 어떻게 하나요?

해결됨

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

개발 초보인데url로 배포해서 결과물 보고 싶은데 초보라 모르겠습니다

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

현재 버전과 맞지 않습니다.

해결됨

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

위 내용대로 하면 될까요? 업데이트 반영 부탁드립니다.

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

룰 적용이 계속 안되는것 같아요

해결됨

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

뒤의 강의대로 구현하다보면 룰적용이 항상 안되서 봤는데 위 이미지처럼 나옵니다. 조건-커서룰 적용이 왜 안되는지 궁금합니다.

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

global-error에서는 window.location.refresh()를 쓰면될까요

해결됨

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

라우트 그룹의 경로에 에러가 안나오고 레이아웃의 footer에서 걸려서 아래 질답글을 보고 글로벌에 연습해보고 있는데요. 해당 에러가 발생해서 ai에 물어보니 아래와 같이 답변하는데 ai의 답변이 정확할까요? section04\src\app\global-error.tsx:16 Uncaught TypeError: reset is not a function ai: global-error.tsx 에서 reset 이 동작하지 않는 이유는 Next.js의 알려진 버그 때문입니다. error.tsx 에서는 reset() 함수가 정상적으로 작동하지만, global-error.tsx 에서는 reset() 호출 시 내부적으로 parallelRoutes.get 을 호출하려다가 parallelRoutes 가 null 이어서 "Cannot read properties of null (reading 'get')" 에러가 발생합니다.​ 문제 원인 global-error.tsx 는 루트 레이아웃 전체를 대체 하는 특수한 에러 바운더리이기 때문에, 일반 error.tsx 와 달리 내부 라우터 상태를 제대로 복구하지 못하는 구조적 한계가 있습니다. Next.js 팀에서도 이 문제를 인지하고 있으며 여러 canary 버전에서 수정을 시도했지만, 최신 버전까지도 완전히 해결되지 않은 상태입니다.​ 해결 방법 global-error.tsx 에서는 reset() 대신 router.refresh() 만 사용 하거나, 아예 페이지 새로고침 ( window.location.reload() )을 사용하는 것이 권장됩니다. 코드를 다음과 같이 수정하세요

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

폰트 css url 링크

미해결

다양한 프레임워크로 구축하는 포트폴리오 사이트 개발 마스터 클래스

fonts.css의 폰트 url 링크가 변경된거 같습니다. 최신화 업데이트 요청드립니다.

  • vue.js
  • react
  • 포트폴리오
  • next.js
  • vitejs
한상호 댓글 1 좋아요 0 조회수 62

cursorTalkToFigmaMcp 사용방법

해결됨

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

피그마 mcp 사용방법 따로 가이드 없을까요..? 커서에서도 뭔가 mcp툴을 설치해줘야하는것같고 bun을 설치해서 피그마에서 나오는 스크립트를 실행시켜줘야 커넥션이 생기는것같은데. 강의를 보고 따라했는데 실제로 figma랑 연결안하고 자동으로 타이포그라피랑 컬러를 생성하는것같아요..

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

use client때문인지???? zustand때문인지?

미해결

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

안녕하세요... top menu를 depth로 2단계 까지만 표현하고. left menu를 3~4단계를 표현하는 구성으로 했는데. 상태값으로 zustand를 사용합니다. top메뉴 컴포넌트에서 zustand값을 사용해야해서 use clinet로 하고. useEffect로 메뉴 정보를 가져온 다음 zustand로 메뉴 정보를 set하고 set할때 topmenu와 leftmenu 상태값으로 각각 set합니다. 문제는 처음 가지고 올때는 정상적으로 작동을 하는데....리플레쉬를 하거나 계시판을 페이지 이동을 하면 top 메뉴가 재구성 될때 너무 깜빡거리면서 이상하게 되네요. react로 할때는 이렇게 깜빡거리지는 않았는데... 도저히 이유를 모르겠네요...T.T 원인이 뭘까요?

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

Notion API-DB 연결이 안돼요

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

노션 API 통합해서 API키 제대로 입력했고, 블로그템플릿 데이터베이스에서 링크 오픈하고, 그 링크에서 사이트주소랑 쿼리스트링 다 날리고 ID 부분만 제대로 입력했고, 다 제대로 했습니다. 그런데 계속 노션 API 연결 안된다고 에러가 뜹니다. 아예 다 지우고 다시 만들고 해봐도 안됩니다. 왜그런걸까요? ㅠㅠ 그리고 현재 @notionhq/client 의 버전에서는 database.query가 아니라 dataSources.query입니다. const { Client, APIErrorCode } = require("@notionhq/client") try { const notion = new Client({ auth: process.env.NOTION_TOKEN }) const myPage = await notion.dataSources.query({ data_source_id: dataSourceId, filter: { property: "Landmark", rich_text: { contains: "Bridge", }, }, }) } catch (error) { if (error.code === APIErrorCode.ObjectNotFound) { // // For example: handle by asking the user to select a different data source // } else { // Other error handling code console.error(error) } }

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
오스틴 댓글 2 좋아요 0 조회수 681

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

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

해결됨

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

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

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

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

해결됨

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

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

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

이미지 최적화 관련 질문

미해결

한 입 크기로 잘라먹는 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 조회수 127

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

미해결

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

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

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

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

미해결

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

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글