inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

2.8 NextPage 타입을 확장한 이유

해결됨

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

type NextPageWithLayout 타입 선언할 때 NextPage를 확장하신 이유가 무엇인가요? ReactNode로만 하면 안되나요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
이동훈 댓글 2 좋아요 0 조회수 94

useRouter 두개의 차이가 뭔가요?

해결됨

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

next/navigation의 useRouter는 앱라우팅 때 사용한다고 하셨는데 앱라우팅이 뭔가요?? 무슨차이가 있는지 궁금합니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
이동훈 댓글 2 좋아요 0 조회수 134

49.행맨 프로그램 - 재시도 횟수 관련.

해결됨

실리콘밸리 엔지니어가 가르치는 파이썬 기초부터 고급까지

num_of_try -= 1 if num_of_try < 1: print("You LOST ~~") break # num_of_try -= 1 좋은 강좌 감사합니다. try 횟수 감소를 if 문 위로 해야 시도를 10회만 가능합니다. 참고하세요.

  • python
  • 알고리즘
MIKE.aeon 댓글 1 좋아요 1 조회수 97

TTS 생성요청 (JSON parameter needs to be valid JSON)

미해결

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

Fal Ai로 대본오디오 생성시 에러가 납니다 ㅜ ㅜ 강사님꺼 노드를 가져와도 에러가 납니다 ;;

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
smc86 댓글 4 좋아요 0 조회수 96

몽고DB 연결이 안됩니다.

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

이런 에러가 계속 뜨고 있습니다. MONGODB_URI=mongodb+srv://admin:qwe123!!@cluster0.eazdtgs.mongodb.net/react_blog?appName=Cluster0 .env 파일의 mongodb 넣는 곳입니다. 첫 clustor0 을 만들고 다른 에러가 나서 terminate 하고 새로 만들어서 한것입니다. 무엇이 문제일까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
hicy3nh 댓글 3 좋아요 0 조회수 96

그랩님의 답변을 기다립니다/102강 전반적인 에러

미해결

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

그랩님, 강의 잘 듣고 있습니다. 102강 강의를 듣고 있는데요, react-native-reanimated-carousel 설치를 위해 노션에 링크대로 npm install react-native-reanimated-carousel@3.3.0 명령어로 vs code 터미널에서 설치하고 그 이후 한번 더 expo install --npm react-native-reanimated react-native-gesture-handler 를 입력하여 vs code 터미널에서 성공적으로 설치를 완료 하였습니다. 질문 1. 그 이후 babel.config.js 파일 에 가서 plugins: ["react-native-reanimated/plugin"], 추가 해주려고 하는데요, 문제 는 babel.config.js 파일 이 어디에도 존재하지 않아 서 어디에서 플러그인 문구를 입력해 주어야 하는지 모르겠습니다. 아래는 첨부 사진입니다. 어떻게 해야 위 플러그인 문구를 입력 가능 할까요? 참고로 grab-market-mobile의 package.json에 디펜던시를 보면 아래와 같이 확인 할 수 있습니다. "react": "19.1.0", "react-native": "0.81.5", "react-native-reanimated-carousel": "^3.3.0", "react-native-reanimated": "~4.1.1", "react-native-gesture-handler": "~2.28.0" 질문 2. Babel 설정을 위해 Cache 초기화 하는 부분도 위에 질문1이 순서대로 정상적으로 진행이 되지 않아 스킵 하고 강의를 이어갔는데요, babel.config.js에 플러그인 문구부터 저장한 뒤 바벨 설정 캐시 초기화 하는 것이 옳은 건가요? 즉 순서대로 해야 하는지도 궁금합니다. 질문 3. 102강 시작부터 ~ 18분 56초 까지 타이핑 한 grab-market-mobile의 App.js react-native-reanimated-carousel 소스 내용 이 아래와 같은데요, 이것을 실행 하면 첨부한 사진과 같이 안드로이드 스튜디오(runtime not ready) 에서 에러 가 납니다. 참고 로 아래 App.js 소스는 강의 전체 완성본 소스 가 아니라 에러가 난 시점까지의 소스 입니다. 질문3-1. -->그리고 여기에서 Carousel 부분 살펴보면요, 아래 App.js 소스 에서 아래와 같이 작성하는 것 맞나요 ? 만약 아래 작성 소스 가 다르다면 , 어떻게 작성 해야하는지 답변 댓글에 소스를 적어주시면 감사하겠습니다 . < Carousel data = {banners} width = {Dimensions.get( " window ") .width } height = {200} autoPlay = {true} renderItem = {(obj) =>{ return( < TouchableOpacity > < Image source = {{uri :obj.item.imageUrl }} /> </ TouchableOpacity > ) }} /> import { StatusBar } from "expo-status-bar"; import React from "react"; import { StyleSheet, Text, View, Image, ScrollView, Dimensions, TouchableOpacity } from "react-native"; import BasketballImage from "./assets/products/basketball1.jpeg"; import Avatar from "./assets/icons/avatar.png"; import {API_URL} from "./config/constants"; import axios from "axios"; import dayjs from "dayjs"; import relativeTime from "dayjs/plugin/relativeTime"; import "dayjs/locale/ko"; import Carousel from "react-native-reanimated-carousel"; dayjs.extend(relativeTime); dayjs.locale("ko"); export default function App() { const [products, setProducts] = React.useState([]); const [banners, setBanners] = React.useState([]); React.useEffect(()=>{ axios.get(`${API_URL}/products`).then((result)=>{ setProducts(result.data.products); }).catch((error)=>{ console.error(error); }) axios.get(`${API_URL}/banners`).then((result)=>{ setBanners(result.data.banners); }).catch((error)=>{ console.error(error); }) },[]) return ( <View style={styles.container}> <ScrollView> <Carousel data={banners} width={Dimensions.get("window").width} height={200} autoPlay={true} renderItem={(obj)=>{ return( <TouchableOpacity> <Image source={{uri : obj.item.imageUrl}} /> </TouchableOpacity> ) }} /> <Text style={styles.headline}>판매되는 상품들</Text> <View style={styles.productList}> { products.map((product, index)=>{ return (<View style={styles.productCard} key={product.id}> {product.soldout === 1 && <View style={styles.productBlur}/>} <View> <Image style={styles.ProductImage} source={{uri: `${API_URL}/${product.imageUrl}`,}} resizeMode={"contain"} /> </View> <View style={styles.productContents}> <Text style={styles.productName}>{product.name}</Text> <Text style={styles.productPrice}>{product.price}원</Text> <View style={styles.productFooter}> <View style={styles.productSeller}> <Image style={styles.productAvatar} source={Avatar} /> <Text style={styles.productSellerName} >{product.seller}</Text> </View> <Text style={styles.productDate}>{dayjs(product.createdAt).fromNow()}</Text> </View> </View> </View>); }) } </View> </ScrollView> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', paddingTop: 32, }, productCard: { width: 320, borderColor: 'rgb(230,230,230)', borderWidth:1, borderRadius: 16, backgroundColor: "white", marginBottom: 8, }, ProductImage :{ width: '100%', height: 210 }, productContents : { padding: 8 }, productSeller : { flexDirection: 'row', alignItems: 'center' }, productAvatar: { width:24, height:24, }, productFooter: { flexDirection: 'row', justifyContent:'space-between', alignItems: 'center', marginTop: 12, }, productName : { fontSize: 16 }, productPrice: { fontSize: 18, fontWeight: '600', marginTop: 8 }, productSellerName: { fontSize: 16, }, productDate: { fontSize: 16, }, productList: { alignItems:"center", }, headline : { fontSize: 24, fontWeight: "800", marginBottom:24 }, productBlur : { position: 'absolute', top: 0, bottom: 0, right: 0, left: 0, backgroundColor: "#ffffffaa", zIndex: 999, }, }); 그랩님 께서 진행하시는 강의 처럼 에러가 뜨지 않고 제대로 결과값이 나와야 하는데, 아무리 해도 어떻게 에러를 해결해야 하는지 차근차근 알려주셨으면 좋겠습니다. 아직 그랩님의 강의 102강 처음부터 ~ 19분 안되는 정도까지 진행하다 위 에러를 만나게 되어 해결이 안되고 있어서 더 진행을 하지 못하고 있어서 질문을 남깁니다. 질문 4. 아래 AI 인턴 답변을 보고 vs code의 grab-market-mobile에서 babel.config.js 을 프로젝트 루트에 파일 을 직접 생성 하고 module.exports = { presets: ['babel-preset-expo'], plugins: ['react-native-reanimated/plugin'], }; 위 소스입력 후 저장을 완료 한 뒤 캐시 초기화 를 위해 vs code grab-market-mobile의 터미널에서 expo start -c 까지 차례대로 수행 한 후 ngrok과 grab-market-server와 안드로이드 스튜디오 에뮬레이터 실행 후 마지막으로 grab-market-mobile로 연동 실행 후 결과 가 위 버전 에러와 다르게 또 새로운 에러가 발생 하게 되었습니다. 아래 사진 첨부합니다. 이 점은 어떻게 해결 해야 하는지요? 질문 5. 그리고 Vs code에서 아래 인턴님이 답변 준대로 질문 2까지 수행 하니 아래와 같은 에러가 발생 하여 사진을 첨부합니다. 이 에러 는 어떤 것을 의미 하며 해결하는 방법 은 무엇인가요? 질문 6. AI 인턴님이 남겨주신 <질문 3 및 질문 3-1>에서는 " package.json 에서 관련 패키지 를 제거 하세요"라고 써있는데요, 이것은 구체적으로 무엇을 어떻게 수행하는 건가요? 예를들면 어떤 명령어를 입력해야 합니다와 같이 알려주시면 좋겠습니다. 질문 7. ( 확인 차원 에서 재 질문 합니다.) Carousel 소스 가 궁금 한데요, 그랩님께서 강의에서 찍었을 당시 오픈소스인데 오래된 것 이라 다른 것으로 변경하여 재 촬영 해주셨다고해서 조금 햇갈린데요 , Carousel 부분 살펴보면요, 아래 App.js 소스 에서 아래와 같이 작성하는 것 맞나요 ? 만약 아래 작성 소스 가 다르다면 , 어떻게 작성 해야하는지 답변 댓글에 소스를 적어주시면 감사하겠습니다 . < Carousel data = {banners} width = {Dimensions.get( " window ") .width } height = {200} autoPlay = {true} renderItem = {(obj) =>{ return( < TouchableOpacity > < Image source = {{uri :obj.item.imageUrl }} /> </ TouchableOpacity > ) }} /> 질문 8. AI 인턴님이 남겨주신 답변에 관한 질문 3 및 3-1은 하라는대로 실행해보면 에러가 더 많이 발생할까봐아직 수행을 안했는데요 , 아래 답변대로 명령어 3개를 입력해 줘도 괜찮은건가요 ? 여쭈어보고 하는게 나을 것 같아서 다시한번 작성해 보았습니다. 명령어 1: npm uninstall react-native-reanimated-carousel react-native-reanimated 명령어 2: npm install react-native-reanimated-carousel@3.3.0 react-native-reanimated@^2.0.0 명령어 3: expo install react-native-gesture-handler 확인하시면, 그랩님께서 꼭 답변 부탁 드립니다.

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

ｉｔｅｍ숫자가달라 다시하고있는데 여기서부터달라져요

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

지금 처음부터 다시 해봐요 에러때문에。 제가 직접 노드설계하지않고 이번에는 강사님 주신 템플릿에서 제 계정연동과 ａｐｉ키만 변경하고있어요 근데 스샷에 여기서부터 달라지거든요 설정은 같게 하고 실행하면 아웃풋이 １개로 강사님화면에는 나오는데 저는 ５개로 나와요

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
a45326163 댓글 4 좋아요 0 조회수 122

피그마 연결 오류

미해결

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

mcp.json에 피그마사이트의 json을 그대로 복사해서 붙여넣었는데 오류가 납니다

  • react
  • next.js
  • cursor
  • 바이브코딩
  • 오류
SM AHN 댓글 1 좋아요 0 조회수 183

링크드 리스트 원소 찾기 구현 방식 질문드립니다.

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 2-5 어떤 알고리즘을 학습하고 계신가요? 링크드리스트 여기까지 이해하신 내용은 무엇인가요? 파이썬의 클래스를 이용해서 링크드리스트 구현하기 2. 어려움을 겪는 부분 어느 부분에서 막히셨나요? 원하는 원소찾기 구현 코드의 어떤 로직이 이해가 안 되시나요? 어떤 개념이 헷갈리시나요? 3. 시도해보신 내용 문제 해결을 위해 어떤 시도를 해보셨나요? 원하는 원소를 찾는 것에 파이썬의 list를 사용했습니다. def get_node(self, index): cur = self.head node = [] while cur.next is not None: node.append(cur.data) cur = cur.next return print(node[index]) 파이썬의 list를 사용해서 원소를 찾아도 될까요?

  • python
  • 코딩-테스트
  • 알고리즘
  • data-structure
용맹돌맹 댓글 2 좋아요 0 조회수 96

강사님과 아웃풋쪽에 결과내용이 달라요

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

컴플리트라고 뜨고 성공이라고 뜨지만 실제로 제대로 안넘아간것같아요 그래서 뒤에서 못받는걸로 나옵니다.

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
a45326163 댓글 1 좋아요 0 조회수 34

이미지 프롬프트가 3개이거나 4개만 구글스트로 넘어가져요

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

실행하면 이단게는 정상적으로 넘어갑니다. 근데 오른쪽에 저런식으로 경고와 널값이라고 뜨고 실제로 구글시트에는 이미지 프롬프트가 5개가 안나오고 4개이거나 3개인경우가있어요

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
a45326163 댓글 2 좋아요 0 조회수 87

.

미해결

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

.

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

TTS 교정 부분

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

이렇게 되는데 문제가 무엇인지 잘 모르겠네요;;

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
Beshine 댓글 2 좋아요 0 조회수 66

2.7 전체 RAG파이프라인 구성에서 4번째 줄 오류

미해결

RAG 마스터: 기초부터 고급기법까지 (feat. LangChain)

from langchain.chains.combine_documents import create_stuff_documents_chain 이 부분에서 에러가 납니다 TypeError: Fields of type "<class 'langchain_core.runnables.base.Runnable'>" are not supported.,

  • python
  • 챗봇
  • llm
  • langchain
  • rag
  • 카카오공채-개발
david 댓글 1 좋아요 0 조회수 107

14강 질문입니다. TTS 서비스

미해결

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

강사님 첫 질문이네요. 강의 즐겁게 잘 듣고 있습니다. 강의 내용인 일레븐랩스도 훌륭하지만 타입캐스트로 음성을 뽑고 싶은데요. 문제는 API나 활용을 어떻게 해야할지 몰라서 질문합니다. 혹시 예제나 가이드가 있을까요? 아니면 게시글이라던지요ㅎㅎ. 정보가 부족하네요

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
히포 댓글 2 좋아요 0 조회수 168

아래문의 답에 답글로도 달았는데 답이없으셔서 다시 남깁니다.

미해결

한 번에 끝내는 AI 에이전트 개발 올인원 (w. LangGraph, Google ADK, CrewAI)

@CrewBase @task @crew 를 모두 삭제를 하니깐 에러가 없어지네요? 이걸 모두 삭제해도 정상적으로 작동을 하는것같은데요. 삭제해도 괜찮은건가요?

  • python
paintosm 댓글 2 좋아요 0 조회수 105

51. (6.11) 회원가입시 프로필 정보 자동 생성하기

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요! useProfileData 훅에서 프로필 데이터를 조회하는 로직이 궁금해서 질문드립니다. useProfileData에서 PGRST116 에러 코드를 확인해서 프로필을 생성하는 로직이 있는데요, fetchProfile에서 .single() 대신 .maybeSingle()을 사용하고, null이면 createProfile을 호출하는 방식이 더 직관적인 것 같은데 에러 코드를 확인하는 방식으로 구현하신 특별한 이유가 있을까요? 실무에서는 어떤 방식을 선호하시는지도 궁금합니다!

  • react
  • typescript
  • react-query
  • supabase
  • zustand
호기쿤 댓글 2 좋아요 0 조회수 90

여쭤봅니다

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

노트간에 넘어갈때 강의에는 아이템1로되던데 저는 사진처럼 70개씩 넘어가네요 이것때문인것같은데 설정문제인가요

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
a45326163 댓글 3 좋아요 0 조회수 72

이미지생성 문의드립니다

해결됨

원클릭으로 AI가 생성해주는 Youtube 쇼츠 만들기 자동화(with n8n)

사진에 보시면 이미지생성 프롬프트는 1개를 강의처럼 연결했는데 FAL.AI는 리크레프프에 여러개를 생성하는데 이유가 멀까요?

  • python
  • youtube-api
  • n8n
  • ai-활용-(ax)
a45326163 댓글 4 좋아요 0 조회수 109

인기 태그

인프런 TOP Writers

주간 인기글