inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

피그마 수업자료

해결됨

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

피그마 소스파일을 복사해서 붙여 넣어도 그림은 안나오는데 어떻게 하는지 알려주세요

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

.

미해결

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

.

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

지도가 보이려면 음.. 작성해주신 스타일과 다르게

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. (에러 일부만 자르거나 일부만 복사하지말아주세요 ) 작성해주신 스타일은 flex:1 만 처리해도 지도가 나오셨는데 직접 해볼 때에는 flex:1 로는 안되고 container 추가한 후에 height 100%에 MapView에 StyleSheet.absoluteFillObject 추가해야 보이네요 ㅠ! 스타일이라 뭐 크게 이슈는 없어보이긴하는데.. 앞으로 강의듣는데 지장없겠쬬? ㅎㅎ

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
현자타임 댓글 0 좋아요 0 조회수 90

2주차와 3주차 4주차 프로젝트는 어디에 올려야하나요?

해결됨

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

현재 2주차 완료" 3주차 진행 예정입니다. 1주차는 프로젝트 진행 사항 업데이트 항목이 있는데 2주차 부터는 보이지 않네요. 진행 사항 프로젝트 업데이트를 해야하는데 폴더 확인이 안됩니다. 제가 잘못 찾은 건지 아니면 제 인프런에는 없는 건지 문의 드리며, 앱으로는 100% 강의 수강이 완료 된 것으로 나오는데 웹으로는 몇개 비어 있네요. 부랴부랴 다시 들었는데 왜 그런건가요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
mildoneshot 댓글 1 좋아요 0 조회수 55

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. (에러 일부만 자르거나 일부만 복사하지말아주세요 ) [ios실행시] [안드로이드 실행시] 클로드에게 에러 물어보니 다시 재설치하라는 말만 나와서요 ;; 뭐가 문젠지 혹시 알수있을까요 ? node version : v24.8.0 ProductName: macOS ProductVersion: 15.7 BuildVersion: 24G222 Xcode 26.0 Build version 17A324

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
jeff 댓글 3 좋아요 0 조회수 127

npx 동작

해결됨

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

npm, npx 모두 동작이 안돼요..ㅠ 그냥 cmd에서는 되는데 뭐가 문제일까요

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

_app.js 작성 이후로 에러가 발생하네요

미해결

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

uri 서버를 들어갔더니 계속 무한로딩 되더라구요 그래서 서버 접속되는 포토폴리오용 주소로 했는데도 안됩니다. 무슨 문제인지 모르겠어요

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

readdy -> cursor

해결됨

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

결국 uxui를 좀 그려놔야 이해가 되서, readdy 구매해서 그렷는데요.. 이걸 커서에게 파일로 줘도 자꾸 지 마음대로 구조를바꾸거나 하는데 저 구조 그대로 카카오맵 연동도 하고 하고 싶은데 어떻게하면 좋을까요.. db도 어렵고.. .

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

android header를 ios처럼 바꾸기

미해결

아바타 커뮤니티앱 만들기 (React Native Expo)

강의에서는 패딩으로 간격만 주셨지만 전 통일성을 주고 싶어 ios처럼 android header의 title도 중앙에 오게 하고 싶어 제가 한 방법을 공유하기 위해 글 작성합니다..! 일단 android일때만 headerTitleAlign 기능을 주기 위해 constants폴더에 플랫폼에 대한 플래그 변수를 만들었습니다. // /constants/platform.ts import { Platform } from "react-native"; export const isAndroid = Platform.OS === "android"; export const isIOS = Platform.OS === "ios"; // /app/auth/_layout.ts import { colors } from "@/constants"; import { isAndroid } from "@/constants/platform"; import Foundation from "@expo/vector-icons/Foundation"; import { Link, Stack } from "expo-router"; export default function AuthLayout() { return ( <Stack screenOptions={{ headerTintColor: colors.BLACK, contentStyle: { backgroundColor: colors.WHITE, }, }} > <Stack.Screen name="index" options={{ title: "로그인", headerShown: true, headerStyle: {}, ...(isAndroid && { headerTitleAlign: "center" }), headerLeft: () => ( <Link href={"/"} replace style={{ paddingRight: 5 }}> <Foundation name="home" size={28} color={"black"} /> </Link> ), }} /> </Stack> ); } 그 다음 안드로이드일 때만 헤더 텍스트를 중아에 오도록 지정했습니다!

  • react-native
  • typescript
  • expo
  • react-hook-form
  • react-query
민지영 댓글 1 좋아요 0 조회수 91

CustomButton 코드 버튼 관련 질문

미해결

아바타 커뮤니티앱 만들기 (React Native Expo)

버전 차이 (RN StyleSheet, Expo)의 문제거나 안드로이드의 문제인지는 모르겠지만 강의 중 코드로 작성하면 아래와 같은 문제가 나옵니다. Pressable과 Text에 backgroundColor와 color가 스타일링이 되는 방식이나 Button 요소에 opacity가 적용이 되지 않는 듯한 이슈인 것 같아서 아래와 같이 해결했습니다. return ( <Pressable style={({ pressed }) => [ styles.container, styles[size], { backgroundColor: styles[variant].backgroundColor }, pressed && styles.pressed, ]} {...props} > <Text style={[styles.text, { color: styles[variant].color }]}> {label} </Text> </Pressable> ); ... const styles = StyleSheet.create({ container: { borderRadius: 8, justifyContent: "center", alignItems: "center", }, text: { fontSize: 14, fontWeight: "bold", }, // size large: { width: "100%", height: 44, }, medium: {}, // variant filled: { backgroundColor: colors.ORANGE_600, color: colors.WHITE, }, // Pressable props pressed: { opacity: 0.8, }, }); 저는 강의 코드 대신 이렇게 해서 해결은 되었는데 혹시 이 이슈가 일어나는 이유와 앞으로 코드 복잡도가 어떻게 될 지는 모르겠지만 CustomButton이 그렇게 복잡해지진 않을 것 같은데 방법이 최선일지, 아니면 더 개선할 점이 있는지 궁금합니다.

  • react-native
  • typescript
  • expo
  • react-hook-form
  • react-query
yeong 댓글 1 좋아요 0 조회수 88

학습자료

해결됨

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

노션의 학습자료 제 개인 노션에서 수정은 안되는건가요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
강유정 댓글 2 좋아요 0 조회수 102

ios 시뮬로 보다가 android 시뮬로 넘어갈려니깐 오류가 생겨요

미해결

아바타 커뮤니티앱 만들기 (React Native Expo)

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. 에러 잘라서 올리시면 안됩니다! (에러 일부만 자르거나 일부만 복사하지말아주세요) OS: MAC ReactNative: › Using Expo Go › Press s │ switch to development build › Press a │ open Android › Press i │ open iOS simulator › Press w │ open web › Press j │ open debugger › Press r │ reload app › Press m │ toggle menu › shift+m │ more tools › Press o │ open project code in your editor › Press ? │ show all commands Logs for your project will appear below. Press Ctrl+C to exit. › Opening on Android... › Opening emulator Medium_Phone_API_36.0 Error: could not connect to TCP port 5554: Connection refused 이런 오류가 생깁니다 ㅠㅠ 어떻게 해야 해결이 되는지 궁금합니다!

  • react-native
  • typescript
  • expo
  • react-hook-form
  • react-query
민지영 댓글 2 좋아요 0 조회수 138

cursor mcp 연동이 이상합니다.

해결됨

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

mcp 연동하면 첨부한 이미지처럼 나오는데 제가 혹시 잘 못 한 걸까요? ?

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

환경변수 즉 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 조회수 774

사내에서 figma.com 업로드 안되나요?

미해결

맛집 지도앱 만들기 (React Native & NestJS)

❗ 질문 작성시 꼭 참고해주세요 에러 메세지에서 단서를 찾을 수 있는 경우가 많습니다. 에러 메세지를 읽고 한번 검색해보시는것을 추천드립니다. 질문글을 작성하실때는, 현재 문제(또는 에러)와 코드나 github 을 첨부해주세요. 개발중인 OS, ReactNative, Node 버전 등의 개발환경 을 알려주셔야합니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. 일부만 보여주시면 답변이 어렵습니다. (에러 일부만 자르거나 일부만 복사하지말아주세요 ) 안녕하세요. 우면 R&D 사내 입니다. figma.com 에서 접속후 .fig 파일 import 가 진행되지 않습니다. 아마도 사내에서 파일 업로드를 막은 듯 한데요. 혹시 사외에서 교육 진행이 가능한가요? 감사합니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
박성범 댓글 1 좋아요 0 조회수 123

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

인기 태그

인프런 TOP Writers

주간 인기글