inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

환경변수 즉 api 키값 저장된 env.local..인식문제.

해결됨

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

안녕하세요 .env 혹은 .env.local 환경변수를 써서 커서가 api 값들을 불러와 쓰게 하려면 못읽더라구요,보안상 규칙이라며..그럼.,, 다른식으로 우회하여 불러오는 방법있을까요~?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
화이팅! 댓글 2 좋아요 0 조회수 85

피그마 복사 이미지는 어떻게 가져오나?

해결됨

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

안녕하세요, 강사님. 강의 잘 듣고 있습니다. 피그마가 처음입니다. 복사 붙여 넣기 하면 이미지는 같이 복사가 안됩니다. [1] 어떻게 이미지 까지 한꺼번에 복사해서 가져올 수 있을까요? [2] export로 하면 이미지는 따로 가져오는 방법만이 해결책인가요? #제 환경 #강사님 환경

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

SSR 2.실습 14:35초 /search 파일 내부의 서버 사이드 함수 관련 질문드립니다.

해결됨

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

/search 파일 내부의 getServerSideProps함수 내부에서 console.log로 context 객체를 출력하면 서버측 콘솔에서 context내용이 출력된다고 강의 영상 14:35에서 언급 하셨습니다. 하지만 실습에서 저희가 사용하는 서버는 section02파일이 아닌 onebite-books-server-main 파일인 것으로 알고있었기에 의문이 생겨 질문을 드립니다. 또한 제가 이해한 개념은 section02파일은 프런트엔드, onebite-books-server-main파일은 백엔드 서버로 구분된다고 이해하고 있었습니다. 혹시 이 부분에서 제가 잘 못 이해한 부분이 있다면 제게 가르침을 주세요! 감사합니다!

  • react
  • typescript
  • next.js
박영현 댓글 1 좋아요 0 조회수 67

디자인 복제 프롬프트는 어디에있나요?

해결됨

[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기

본 강의의 12:33 부분에서 디자인 복제시키는 프롬프트는 어디서 확인할 수 있을까요?

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

피그마 링크?

해결됨

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

안녕하세요, 수강 시작한 백엔드 개발자입니다. 피그마가 처음이라 잘 모르겠어서 질문 드립니다. 2-1 강의를 보면 제공된 피그마 페이지에서 작업이 이루어지는데요. 그 피그마의 링크나 파일이 어디에 있는지 못 찾겠습니다. 감사합니다.

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

데이터 베이스 관련 질문입니다.

해결됨

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

이 강의에서는 supabase를 이용하는데, 이게 무료라서 샘플로 쓰는 건가요? 아니면 대부분 이 서비스를 이용하는 것이라 그런가요? 이것 말고 다른 데이터베이스 서비스에는 어떤게 있을까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
남현욱 댓글 2 좋아요 0 조회수 75

shadcnui 의 button 의 cursor pointer 효과를 주는 방법

해결됨

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

shadcnui 의 button 의 cursor pointer 효과를 주는 방법이 있어 글 남깁니다. global.css 파일에 해당스타일을 정의해 주어야 효과가 있습니다. 참고 https://github.com/shadcn-ui/ui/issues/6843 fontend> app> global.css layer base { ..., button, [role="button"] { cursor: pointer; } }

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
hanbrang 댓글 1 좋아요 0 조회수 167

샘 빌드한 앱이 안올라가요

해결됨

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

안녕하세요 샘 혹시 구글 앱을 수익화로 만들진않았는데 구글애드센스도 사업자등록 해야나요?지침이 바뀐다고 하는거같던데요. 그리구 아래는 비공개테스트신청하려구 게시개요하려는데 개인정보더올릴게없는데.. 다른거입력해넣어도 오류생기면서 넘어가지질않네요ㅜ 이것도 역시 사업자등록정보나 다른정보를 끼워넣어야할까요?구글메뉴얼지침이 뭔가 또 업대된듯해서요 방법을 모르겠네요ㅜㅜ

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
화이팅! 댓글 2 좋아요 0 조회수 76

학습자료가 안열립니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

제가 코드캠프(백 + 프론트) 강의 2개를 2024년 3월 12일에 구매를 했는데 잘열리던 학습자료가 안열립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
gomboy11 댓글 2 좋아요 0 조회수 75

startTransition used in error.tsx

해결됨

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

안녕하세요 6.5)에러 핸들링(error.tsx) 강의의 18:34초에서 startTransition을 사용했는데 궁금한 것이 있어서 QA올립니다. startTransition이라고 함은 공식문서에서 ``` action: 하나 이상의 set 함수를 호출하여 일부 상태를 업데이트하는 함수입니다. React는 매개변수 없이 즉시 action을 호출하고 action 함수 호출 중에 동기적으로 예약된 모든 상태 업데이트를 Transitions으로 표시합니다. action에서 await된 비동기 호출은 Transition에 포함되지만, 현재로서는 await 이후의 set 함수 호출을 추가적인 startTransition으로 감싸야 합니다(문제 해결 참조). Transitions으로 표시된 상태 업데이트는 non-blocking 방식으로 처리되며, ``` 불필요한 로딩 표시가 나타나지 않습니다. 이렇게 나와있는데 어떻게 onClick={()=> { router.refresh(); reset(); }} onClickHandler가 의도하지 않게 작동할 때, startTransition을 사용하려는 생각을 가지게 되었는지가 궁금합니다. 그리고 강의 내용에서 router.refresh() 가 비동기라고 이야기 해주셔서 비동기인지도 확인해보려고 공식문서등을 확인했는데 안보여서 링크 공유등을 해주시면 감사합니다.

  • next.js
Coi 댓글 2 좋아요 0 조회수 112

prisma-class-generator 사용시 generator 옵션 누락 추가함

해결됨

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

backend/prisma/schema.prisma 파일에서 output 옵션을 작성해야 강의대로 __gen 파일이 생성되어서 글 남깁니다. 참고 https://github.com/kimjbstar/prisma-class-generator/blob/main/prisma/mongodb.prisma generator prismaClassGenerator { provider = "node -r ts-node/register/transpile-only src/index.ts" output = "../src/_gen/prisma-class" dryRun = "false" separateRelationFields = "false" }

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
hanbrang 댓글 1 좋아요 0 조회수 130

Image 컴포넌트에 cdn 경로를 작성할 경우 최적화 가능한가요?

해결됨

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

이미지들을 s3에 올려서 사용하고 있습니다. 이러한 경우 Image 컴포넌트 src에 s3 경로를 입력하게 된다면 최적화 적용이 안되나요? 이러한 경우에 어떻게 최적화할 수 있을까요?

  • react
  • typescript
  • next.js
Hailey.h.jang 댓글 2 좋아요 0 조회수 71

해당 챌린지는 구독이 필수일까요?

미해결

[4주 과정] <클로드 코드> 완독 챌린지 : 매일 1시간씩 4주 동안 클로드 코드 도서 완독하기!

안녕하세요. 클로드 챌린지 신청했는데, 프로요금제 구독은 필수로 진행하는게 좋을까요? 아니면 무료로도 챌린지에 진행가능할까요?

  • 업무-생산성
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
  • 바이브코딩
한라봉 댓글 1 좋아요 0 조회수 192

Streaming 관련해서 문의드립니다.

미해결

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

Stream을 구현할 때 posts, tags 정보를 서버사이드에서 호출하고 promises 를 클라이언트 컴포넌트에 넘겨 use 훅으로 받는데요. 서버와 클라이언트의 경계가 살짝 이해가 안되네요. 서버사이드에서 promise객체를 클라이언트로 던지고 클라이언트에서 promise를 resolve하는 건가요?

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
현자타임 댓글 2 좋아요 0 조회수 107

ISR 매커니즘에 대한 궁금증

미해결

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

안뇽하세요. 몇일 전 구매하고 열강하고 있는 개발자입니다. ISR 매커니즘에 대한 궁금증이 있는데요. 저희가 작성한 코드에 보면 export const generateStaticParams = async () => { const { posts } = await getPublishedPosts(); return posts.map((post) => ({ slug: post.slug, })); }; 이렇게 게시글들을 미리 ISR 하는 코드가 있습니다. 특정 게시글의 slug 정보 기반으로 미리 SSG 만드는 것으로 이해했는데요. 그래서 빌드를 하면 SSG + 두 개의 슬러그 페이지가 존재합니다. (getPubishedPosts의 기본 사이즈가 2개이기 때문) 그런데 제가 궁금한게 위 ISR 적용하기 전에 빌드한 후 상세 페이지에 진입을하면 약 1초 정도? 딜레이가 발생하고 화면이 렌더링이 되는데요. ISR을 적용한 후 기대한 동작은 미리 생성된 두 개의 slug에 대해서는 바로 화면에 보이지만 무한스크롤로 발생한 동적 블로그에 대해서는 빌드 전과 동일하게 1초의 딜레이가 발생하고 이후 접근 시 정적페이지가 생성되어 빠르게 보이는게 맞지 않나요? 하지만 현재 동작을 보면 미리 생성된 slug를 제외한 모든 게시글에 대해 빠르게 화면이 보여 제가 이해한게 아닌가 싶네요. 공식문서를 봐도 이해가 잘되지 않아 확인차 문의드립니다.

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
현자타임 댓글 2 좋아요 0 조회수 99

Variable Object 질문

해결됨

프론트엔드 마스터클래스

안녕하세요, 좋은 강의 감사합니다. 실행 컨텍스트 부분에서 궁금한 점이 있어서 질문드립니다. 강의에서 Variable Object를 설명해주셨는데, 제가 개인적으로 찾아본 자료들에서는 ES2015부터 실행 컨텍스트가 Lexical Environment, Variable Environment, this binding으로 구성된다고 나와 있더라고요. Variable Object는 그 이전 스펙에서 사용되던 용어인 것 같은데, 혹시 강의에서 이 개념을 선택해서 설명하신 특별한 교육적 의도가 있으셨을까요? 제가 아직 깊이 이해하지 못해서 그런데, 두 방식 중 어떤 것이 JavaScript 동작 원리를 학습하는 데 더 도움이 되는지, 또는 어떤 차이점들이 있는지 알려주시면 감사하겠습니다.

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

딩코님 수강 관련 문의드려요~

해결됨

[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기

딩코님 안녕하세요~ 어제부터 챌린지 오픈했는데, 보니까 기존 강의내용과는 동일하더라구요~ 기존 강의 아직 다 못들었는데, 챌린지로 이어서 들으면 될까요?! 챌린지 강의로 들으니 기존 수강한 강의는 안들은 걸로 돼서 강의율 100% 안될 것 같아서요! 혹은 기존 강의 다들은걸로 끌어서 채워놔야 할 지 합니다!

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
민중 댓글 1 좋아요 1 조회수 88

cursor AI 프로젝트 룰 관련 질문 드립니다.

미해결

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

안녕하세요 강사님! 강의 항상 재밌게 잘 보고 있습니다. 다름이 아니라 cursor AI가 영상의 버전과 다른 것 같은데, 프로젝트 룰을 어떤 걸로 설정해야하는지 모르겠습니다. 공식 문서와 다른 블로그들을 참고해도 모르겠어서 질문 올립니다ㅠㅠ

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
Nara 댓글 2 좋아요 0 조회수 426

홈페이지 저장 위치 및 삭제

해결됨

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

첫 웹사이트로 자기소개 싸이트 만들기 연습을 하고 있는데, 이걸 만들면 이 홈페이지는 lovable 서버에 저장이 되는거죠? 그럼, 이 홈페이지를 폐쇄하고 싶으면 어떻게 삭제하나요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
남현욱 댓글 2 좋아요 0 조회수 97

인기 태그

인프런 TOP Writers

주간 인기글