inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

해결됨

[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 조회수 77

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

해결됨

비개발자 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 조회수 170

샘 빌드한 앱이 안올라가요

해결됨

비개발자 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 조회수 79

딥링킹 문제

미해결

React Native with Expo: 제로초에게 제대로 배우기

expo 로 돌아가고 있는거 확인한 상태에서, uri scheme 여는 명령어를 입력해도 여전히 에러가 발생한는데 어떤 부분을 확인해봐야 할까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
박종혁 댓글 1 좋아요 0 조회수 70

앱빌드중 네트우크 ssl에러때문에 모듈이 안불러와집니다!

미해결

React Native with Expo: 제로초에게 제대로 배우기

"dependencies": { "expo": "^54.0.0", "expo-font": "~14.0.8", "expo-router": "~6.0.3", "expo-secure-store": "~15.0.7", "react": "18.3.1", "react-dom": "^18.3.1", "react-native": "^0.76.9" }, "devDependencies": { "@react-native/gradle-plugin": "^0.76.0", "@types/react": "~18.3.12", "typescript": "^5.3.3" } > Could not resolve expo.modules:expo-module-gradle-plugin:1.0.0. Required by: root project : > Could not resolve expo.modules:expo-module-gradle-plugin:1.0.0. > Could not get resource ' https://repo.expo.dev/maven/expo/modules/expo-module-gradle-plugin/1.0.0/expo-module-gradle-plugin-1.0.0.pom '. > Could not GET ' https://repo.expo.dev/maven/expo/modules/expo-module-gradle-plugin/1.0.0/expo-module-gradle-plugin-1.0.0.pom '. > The server may not support the client's requested TLS protocol versions: (TLSv1.2). You may need to configure the client to allow other protocols to be used. For more on this, please refer to https://docs.gradle.org/8.10.2/userguide/build_environment.html#sec:gradle_system_properties in the Gradle documentation. npx expo run 하면 위처럼 에러가나옵니다 찾아보니 최근데 생기는 에러들인것같은데 별로 쌓인데이터도 없고 검색햇을때 나오는것들도 없어서 많이힘드네용

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
최경민 댓글 2 좋아요 0 조회수 210

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

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

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

좋은 강의 잘 듣고 있습니다. 다름이아니라, 이전 강의들에 에러들을 다 해결해서 80강을 듣기 전 까지 상품 상세 페이지 구현 후, 상품 상세 페이지 보기까지 에러 없이 잘 되던 것이 80강을 듣고 코드를 작성 후 부터 ' 상품 상세 페이지 ' 가 뜨지를 않고 있습니다. 아래 사진 첨부 합니다. 사진 1. 아래 사진으로 DB Browser for SQLITE에서 이미지를 작성 해 준 뒤 일단 이미지는 잘 받아 옵니다. 참고로, 사진 1 은 VS CODE 폴더(GRAB-MARKET-SERVER)에서 server.js에 소스 order : [['createdAt','DESC']], 입력을 일단 개인적인 이유로 빼었기 떄문에 , 판매되는 상품 에 순서가 바뀌어 있습니다. order : [['createdAt','DESC']] 을 넣게 된다면 상품 순서는 축구공,농구공,키보드,키보드로 화면에 나타나는데요 , 아래 사진과 같아요. 제일 먼저 축구공을 누르게 되면 localhost:3000/products/4라고 뜨기에요, 원래 제대로 되려면, 축구공을 누르면 localhost:3000/products/1로 되어야 하는거 아닌가요? 그리고 위 첨부한 사진 보면 왼쪽과 같이 에러가 발생하는데요, 어떻게 해야 제대로 작동 할까요? 그리고 잘못 소스코드를 입력하고 실행하다보니 키보드가 2개 생성 되었습니다만 , 이것 을 하나만 남기고 싶은데 어떻게 해야 하는지요? -->DB Browser for SQLite에서 삭제하는 방법이 있나요? 위에 사진 1에서 가장 마지막인 4번째의 축구공을 누르면, 위와 그리고 아래와 같은 에러가 발생하며 상품 정보 상세 페이지 . 즉 상품 정보를 받고 있습니다... 만 그대로 멈춰있고 이전 강의 챕터에서 만든 것(상품상세페이지) 불러올 수 없게 되어 질문을 남깁니다. 즉 상품 정보 상세 페이지가 잘 만들어져서 그대로 에러 없이 잘 해왔는데, 에러가 나서 여쭈어봅니다. -추가 질문 : 상품 정보를 받고 있습니다... 페이지 경우는 POSTMAN 가짜 서버(=mock서버)에서랑 관련이 깊은 건가요? POSTMAN(=mock서버)에서 그랩님의 강의를 따라올때, 다른점들이 몇가지 있었는데요(몇가지 다른점은 에러가 있었습니다 .), 그래서 위 에러가 발생하는 건가요? 다른점이 발생한 경우라면 포스트맨 에러 스샷을 추가로 올리겠습니다. 그럼 봐주실 수 있나요? 아니라면 POSTMAN(=mock서버)과 관련 없이 우리는 Node 서버를 구축 했기에, Mock서버인 POSTMAN과 전혀 상관이 없는 건가요? [상품 상세 페이지] 불러오지 못하는 것은 만일 Node 서버의 문제이지, Postman과 상관 없다면,node 서버측에서는 무엇을 고쳐주거나 어떤 소스를 작성해줘야 에러가 해결될까요? 더불어서 79강 강의 2분 56초 부터 3분 32초 보면, POSTMAN 테스트 를 하는 부분이 나오는데, 여기서 아래 사진을 보면[왼쪽 메뉴 get product] Body 부분에서 그랩 강사님 화면과 다르게 뜨는데, 이것은 왜 그런건가요? 어떻게 해야 http://localhost:8080/products/1 , http://localhost:8080/products/2 , http://localhost:8080/products/3 을 제대로 작동하게 할 수 있나요? 마지막으로 [참고 사진]으로 POSTMAN의 잘 작동하는 [get products]사진 첨부해 봅니다. 어떻게 해야 이 모든 에러 를 해결 할 수 있을지에 대해 자세한 답변 부탁드립니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
isbcom1004 댓글 1 좋아요 0 조회수 181

혹시 딥링킹 uri-scheme 테스트 안 되시는 분

미해결

React Native with Expo: 제로초에게 제대로 배우기

질문 글을 올리려다가 방법을 찾고, 혹시 같은 상황이신 분이 있을지도 몰라서 공유합니다. 빌드 환경에 Expo Go인지 development build인지 확인이 필요하더라구요... 저는 왜 안되는지 이것저것 삽질하며 살펴보다가 현재 환경이 Expo Go 환경이 아니라는 걸 알고 너무 허무했습니다 ㅠ uri-scheme은 expo 환경만 테스트 되니까 development build 이신 경우에 s를 눌러서 Expo Go로 바꾸시면 됩니다!

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
  • 딥링크
  • uri-scheme
jasinis102 댓글 1 좋아요 2 조회수 90

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

해결됨

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

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

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

activity/replies가 [username]/replies로 빠져나가는 문제

미해결

React Native with Expo: 제로초에게 제대로 배우기

안녕하세요 중첩 라우터와 그룹폴더의 활용 듣고있는데 activity/replies가 [username]/replies로 빠져나가는 문제가 발생하고 있습니다 어떻게 해결하면 될까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
TJ 댓글 2 좋아요 0 조회수 64

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

미해결

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

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

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

tab 을 stack 에 쌓았을 때 문제

미해결

React Native with Expo: 제로초에게 제대로 배우기

<Stack> <Stack.Screen name="(tabs)" options={{ headerShown: false }} /> <Stack.Screen name="modal" options={{ presentation: "modal", headerShown: false }} /> </Stack> 위와 같이 작업하면 탭을 누를 때마가 스택이 쌓이는게 아닌가요? 그러면 물리 백버튼을 눌렀을 때 탭 이동이 될 것 같아서요. 카카오를 예시를 보면 탭은 스택을 쌓지 않고 있어서 탭 이동을 아무리 해도 뒤로 가기를 누르면 탭 이동을 하고 있지 않네요.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
박종혁 댓글 2 좋아요 0 조회수 81

wipe data 이후에 npm run android 오류

미해결

React Native with Expo: 제로초에게 제대로 배우기

wipe data 이후에 npm run android 를 실행하면 아래와 같은 오류가 발생합니다. CommandError: No development build (com.devparkoon.rntutorial) for this project is installed. Install a development build on the target device and try again. 강의 영상과 다르게 npm run android 를 실행했을 때 expo 를 다시 설치하는 과정이 없는데 어떤 문제일까요? 위 이슈를 해결하기 위해 eas build 를 다시 하면 되긴 합니다 (10분 넘게 다시 소요됨)

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
박종혁 댓글 2 좋아요 0 조회수 106

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

인기 태그

인프런 TOP Writers

주간 인기글