172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
고농축 백엔드 코스의 첫 부분과 완벽한 프론트엔드 첫 부분이 겹치는 부분이 많은거 같은데, 둘 중 하나만 들어두될까요? 아니면 다른 부분이 있으니 들어야하나요?
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
2025.10.27. 16:44분 기준 example 서버의 플레이그라운드 접속과 API 접근 모두 안됩니다. 확인 부탁드립니다.
미해결
React Native with Expo: 제로초에게 제대로 배우기
.
해결됨
웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
강의자료는 어디에 있나요? [02-05] 헤더 옵션 심화 하는데 이미지 첨부하는 자료 또는 강의에서 진행하는 소스코드를 어디서 받을 수 있는지 알려주세요.
미해결
인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기
✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 파트 1 수강 완료 하고 파트2 듣기 시작하였습니다. 파트2 노션 링크를 찾을수 없어서요
미해결
AI와 함께 배우는 Next.js
https://app-router-api-five.vercel.app/ api 네트워크 오류가 나서 계속 500 오류가 납니다ㅠ
미해결
아바타 커뮤니티앱 만들기 (React Native Expo)
서버쪽 코드의 .env 파일을 보면 JWT이 기본적으로 20분으로 설정되어 있는 것을 보았습니다. 예를 들어 JWT이 만료가 되고 이어서 진행을 하게 된다면, AuthRoute에 해당되는 경로들을 클라이언트에서는 여전히 접근이 가능하지만 서버에서 400번대를 응답합니다. 일반적으로 앱을 사용했던 경험을 생각하면 앱의 세션은 웹에 비해서 매우 길거나 백엔드에 대한 지식은 충분하지 않아 모르겠지만, 백엔드에서 새로 접속시 연장을 하는 등의 방법이 생각 나는데요 이런 경우에 클라이언트에서는 어떻게 처리를 해야하는지 아니면 실무적으로는 어떻게 처리하는 지 궁금합니다. 혹시라도 추가로 검색해서 공부할 수 있는 키워드가 있다면 알려주실 수 있을까요?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
1주차 과제 제출을 위해 디스코드 링크로 들어가려는데 해당 채팅이 없다고 나옵니다. 혹시 어떻게 접근하여 제출하면 될까요?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" 또는 "2주차 실습 중"처럼 어디까지 들으셨는지 적어주시면 맞춤형 답변을 드릴 수 있어요 📚 구체적인 상황과 함께 질문해주세요! "AI가 안 된다"보다는 "Cursor에서 이런 프롬프트를 입력했는데 이런 에러가 나와요"처럼 상세하게 적어주시면 더 정확한 답변을 드릴 수 있어요 🎯 스크린샷이나 코드를 첨부해주세요. 에러 화면, 현재 진행 상황을 보여주시면 문제 해결이 10배 빨라집니다! 마크다운 코드 블록(```)을 활용하면 더 깔끔하게 정리할 수 있어요 📸 커뮤니티 검색을 먼저 해보세요. 같은 문제로 고민하신 분들이 이미 해결책을 찾았을 수도 있어요. 검색 후 못 찾으시면 언제든 새로 질문해주세요! 🔍 서로 도우며 함께 성장해요. 나도 모르는 건 "저도 궁금해요!"라고 댓글 달아주시고, 아는 건 적극적으로 공유해주세요. 가르치면서 더 잘하게 됩니다 💪 바이브코딩 관련 질문은 환영, 기술 세부사항은 GPT 활용! 프롬프트 작성법, AI 도구 사용법은 여기서, 복잡한 코딩 문법은 ChatGPT에게 물어보시는 게 더 빨라요 🤖 진도나 과제 관련 문의는 1:1 문의를 이용해주세요. 개인적인 학습 계획, 환불, 수강 기간 연장 등은 따로 문의해주시면 더 자세히 상담드릴게요 📞 실패 사례도 공유해주세요! "이렇게 했더니 망했어요" 같은 경험담도 다른 수강생들에게 큰 도움이 됩니다. 실패도 소중한 학습 자료예요 💡 💬 좋은 질문 예시 [진도] 2주차 5강 - React 컴포넌트 생성까지 완료 [질문] Cursor에서 버튼 컴포넌트 생성 시 에러 발생 상황: 2주차 실습 중 버튼 컴포넌트를 만들려고 하는데 프롬프트: "빨간색 버튼 컴포넌트 만들어줘" 에러 메시지: [스크린샷 첨부] 시도해본 것: GPT에게도 물어봤는데 같은 에러 발생 어떻게 해결하면 될까요?
미해결
React Native with Expo: 제로초에게 제대로 배우기
로컬에서는 분명히 문제 없이 DB에 접속이 되는데 빌드를 해서 apk파일을 만들어서 안드로이드 기기에 설치를 하면 network error가 나네요 app.json 파일에 "android": { "usesCleartextTraffic": true, 이렇게 설정을 했는데도 네트워크 오류가 나는데 이것 말고 더 수정해야하는 내용이 있을까요? 환경 설정은 https://inf.run/6wYbc 여기와 동일합니다.
해결됨
[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
수업에서는 common component생성, storybook 작성을 한번에 하고 그 다음 수정하는것이 효율적이라고 하셨는데 일괄생성 후 수정작업하다 보니 ( 색상코드를 사용하지 않음, 색상코드를 적용오류에 대한 발견, html 구조 이상, story 파일 오류 등 ) 다시 하나씩 재생성하는 경우도 생기게 되네요. 그냥 하나씩 component 생성 후 story 생성하는것이 낫지 않을까 싶어 글 남깁니다.
해결됨
React start with Next.js
function selectTodo(id) { const targetTodo = arr.find(todo => todo.id === id); if (targetTodo) { setCurrent(targetTodo); } else { setCurrent(null); } } 또는 selectTodo 함수의 파라미터를 선택한 todo 객체 자체를 넘기는 것으로 처리했을 때 차이가 있을 까요? function selectTodo(todo) { setCurrent(todo) }
미해결
Next.js with Spring Boot
안녕하세요 js, React만 배우고 바로 Next.js로 넘어왔는데 혹시 TypeScript도 필요한가요?
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
안녕하세요, 프론트엔드(구), 백엔드 강의 모두 구매한 1인입니다 ㅠㅠ 다름이 아니라, [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스 관련해서 -> 할인 쿠폰을 받을 수 있을 지 문의드립니다. 추가로, 완벽한 백엔드 코스는 11월 중에는 출시가 될까요? 이것도 기존 구매자들에게 할인이 있을지 문의드립니다. 마지막으로, 제가 앱 개발(플러터)일만 하다가 -> 리액트+리액트 네이티브로 전환하는 과정에서, 현재 회사에서 외주를 주는 상황에서 -> 지그재그 같이 화면 width를 600px로 고정을 할 계획인데, 이 과정에서 디자인을 figma로 만들때, 어떤 식으로 전달을 해야되는지도 문의드립니다! 강의 내용중에 expo와 react native로 커버가 가능한 부분일지도 문의드립니다 ㅠㅠ https://inf.run/8p6wg 코드캠프
해결됨
한 입 크기로 잘라먹는 Next.js
npm run start 이후 이런 오류가 계속해서 나오는데 어떤 이유일까요 prisma/seed/seed.ts:1:30 - error TS2307: Cannot find module '../generated/prisma/client' or its corresponding type declarations. 1 import { PrismaClient } from '../generated/prisma/client';
미해결
아바타 커뮤니티앱 만들기 (React Native Expo)
강사님, npx expo start를 입력후, a를 선택하면, 아래와 같이 에러 메시지가 나옵니다. 아래 이미지와 같이 pixel 9 pro가 정상적으로 설치되어 있는데, 뭐가 잘못된건지 모르겠어서 문의드립니다.ㅠ › Opening on Android... CommandError: No Android connected device found, and no emulators could be started automatically. Connect a device or create an emulator ( https://docs.expo.dev/workflow/android-studio-emulator ). Then follow the instructions here to enable USB debugging: https://developer.android.com/studio/run/device.html#developer-device-options . If you are using Genymotion go to Settings -> ADB, select "Use custom Android SDK tools", and point it at your Android SDK directory.
해결됨
[Live 챌린지] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
prompt 사용 횟수로 토큰 소진 되는 것인가요?
미해결
맛집 지도앱 만들기 (React Native & NestJS)
개발 환경 window node 18 기타 wifi 인터넷 환경 애뮬레이터를 띄워서 확인하고 싶은데요. npm start 안드로이드 스튜디오에서 안드로이드 애뮬레이터 실행 npm run andriod > matzip@0.0.1 android > react-native run-android info A dev server is already running for this project on port 8081. info Installing the app... > Task :app:installDebug Installing APK 'app-debug.apk' on 'Medium_Phone(AVD) - 16' for :app:debug Installed on 1 device. [Incubating] Problems report is available at: file:///C:/Users/hangy/Desktop/matzip/android/build/reports/problems/problems-report.html Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. For more on this, please refer to https://docs.gradle.org/8.13/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation. BUILD SUCCESSFUL in 30s 58 actionable tasks: 9 executed, 49 up-to-date info Connecting to the development server... info Starting the app on "emulator-5554"... Starting: Intent { act=android.intent.action.MAIN cat=[android.intent.category.LAUNCHER] cmp=com.matzip/.MainActivity } 애뮬레이터 반응 없이 아래 하면 표시함. 도움 부탁드립니다. 환경 설정이 되어야 진도를 나가는데. 애뮬레이터가 아무런 반응이 없네요. 좋은 강의 감사합니다.
미해결
React Native with Expo: 제로초에게 제대로 배우기
npm ls react ─┬ @expo/vector-icons@15.0.2 │ └── react@19.1.0 deduped ├─┬ @react-native-community/datetimepicker@8.4.4 │ └── react@19.1.0 deduped ├─┬ @react-navigation/bottom-tabs@7.4.9 │ └── react@19.1.0 deduped ├─┬ @react-navigation/elements@2.6.5 │ ├── react@19.1.0 deduped │ ├─┬ use-latest-callback@0.2.6 │ │ └── react@19.1.0 deduped │ └─┬ use-sync-external-store@1.6.0 │ └── react@19.1.0 deduped ├─┬ @react-navigation/native@7.1.18 │ ├─┬ @react-navigation/core@7.12.4 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ expo-font@14.0.9 │ └── react@19.1.0 deduped ├─┬ expo-image@3.0.9 │ └── react@19.1.0 deduped ├─┬ expo-linking@8.0.8 │ └── react@19.1.0 deduped ├─┬ expo-router@6.0.12 │ ├─┬ @expo/metro-runtime@6.1.2 │ │ └── react@19.1.0 deduped │ ├─┬ @radix-ui/react-slot@1.2.0 │ │ ├─┬ @radix-ui/react-compose-refs@1.1.2 │ │ │ └── react@19.1.0 deduped │ │ └── react@19.1.0 deduped │ ├─┬ @radix-ui/react-tabs@1.1.13 │ │ ├─┬ @radix-ui/react-context@1.1.2 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-direction@1.1.1 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-id@1.1.1 │ │ │ ├─┬ @radix-ui/react-use-layout-effect@1.1.1 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-presence@1.1.5 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-primitive@2.1.3 │ │ │ ├─┬ @radix-ui/react-slot@1.2.3 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-roving-focus@1.1.11 │ │ │ ├─┬ @radix-ui/react-collection@1.1.7 │ │ │ │ ├─┬ @radix-ui/react-slot@1.2.3 │ │ │ │ │ └── react@19.1.0 deduped │ │ │ │ └── react@19.1.0 deduped │ │ │ ├─┬ @radix-ui/react-use-callback-ref@1.1.1 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-use-controllable-state@1.2.2 │ │ │ ├─┬ @radix-ui/react-use-effect-event@0.0.2 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ └── react@19.1.0 deduped │ ├─┬ @react-navigation/native-stack@7.3.28 │ │ └── react@19.1.0 deduped │ ├─┬ react-native-is-edge-to-edge@1.2.1 │ │ └── react@19.1.0 deduped │ ├── react@19.1.0 deduped │ └─┬ vaul@1.1.2 │ ├─┬ @radix-ui/react-dialog@1.1.15 │ │ ├─┬ @radix-ui/react-dismissable-layer@1.1.11 │ │ │ ├─┬ @radix-ui/react-use-escape-keydown@1.1.1 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-focus-guards@1.1.3 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-focus-scope@1.1.7 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-portal@1.1.9 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-presence@1.1.5 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-primitive@2.1.3 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-slot@1.2.3 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ react-remove-scroll@2.7.1 │ │ │ ├─┬ react-remove-scroll-bar@2.3.8 │ │ │ │ └── react@19.1.0 deduped │ │ │ ├─┬ react-style-singleton@2.2.3 │ │ │ │ └── react@19.1.0 deduped │ │ │ ├── react@19.1.0 deduped │ │ │ ├─┬ use-callback-ref@1.3.3 │ │ │ │ └── react@19.1.0 deduped │ │ │ └─┬ use-sidecar@1.1.3 │ │ │ └── react@19.1.0 deduped │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ expo-status-bar@3.0.8 │ └── react@19.1.0 deduped ├─┬ expo@54.0.13 │ ├─┬ @expo/devtools@0.1.7 │ │ └── react@19.1.0 deduped │ ├─┬ expo-asset@12.0.9 │ │ └── react@19.1.0 deduped │ ├─┬ expo-keep-awake@15.0.7 │ │ └── react@19.1.0 deduped │ ├─┬ expo-modules-core@3.0.21 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ react-dom@19.1.0 │ └── react@19.1.0 deduped ├─┬ react-native-gesture-handler@2.28.0 │ └── react@19.1.0 deduped ├─┬ react-native-reanimated@4.1.3 │ └── react@19.1.0 deduped ├─┬ react-native-safe-area-context@5.6.1 │ └── react@19.1.0 deduped ├─┬ react-native-screens@4.16.0 │ ├─┬ react-freeze@1.0.4 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ react-native-web@0.21.1 │ └── react@19.1.0 deduped ├─┬ react-native-webview@13.15.0 │ └── react@19.1.0 deduped ├─┬ react-native-worklets@0.5.1 │ └── react@19.1.0 deduped ├─┬ react-native@0.81.4 │ ├─┬ @react-native/virtualized-lists@0.81.4 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├── react@19.1.0 └─┬ tosspayments-react-native@1.0.7 ├─┬ react-native-webview@11.26.1 │ └── react@19.1.0 deduped └── react@19.1.0 deduped npm ls react-native ├─┬ @expo/vector-icons@15.0.2 │ └── react-native@0.81.4 deduped ├─┬ @react-native-community/datetimepicker@8.4.4 │ └── react-native@0.81.4 deduped ├─┬ @react-navigation/bottom-tabs@7.4.9 │ └── react-native@0.81.4 deduped ├─┬ @react-navigation/elements@2.6.5 │ └── react-native@0.81.4 deduped ├─┬ @react-navigation/native@7.1.18 │ └── react-native@0.81.4 deduped ├─┬ @types/react-native@0.72.8 │ └─┬ @react-native/virtualized-lists@0.72.8 │ └── react-native@0.81.4 deduped ├─┬ expo-constants@18.0.9 │ └── react-native@0.81.4 deduped ├─┬ expo-file-system@19.0.17 │ └── react-native@0.81.4 deduped ├─┬ expo-font@14.0.9 │ └── react-native@0.81.4 deduped ├─┬ expo-image@3.0.9 │ └── react-native@0.81.4 deduped ├─┬ expo-linking@8.0.8 │ └── react-native@0.81.4 deduped ├─┬ expo-router@6.0.12 │ ├─┬ @expo/metro-runtime@6.1.2 │ │ └── react-native@0.81.4 deduped │ ├─┬ @react-navigation/native-stack@7.3.28 │ │ └── react-native@0.81.4 deduped │ ├─┬ react-native-is-edge-to-edge@1.2.1 │ │ └── react-native@0.81.4 deduped │ └── react-native@0.81.4 deduped ├─┬ expo-status-bar@3.0.8 │ └── react-native@0.81.4 deduped ├─┬ expo-symbols@1.0.7 │ └── react-native@0.81.4 deduped ├─┬ expo-system-ui@6.0.7 │ └── react-native@0.81.4 deduped ├─┬ expo-web-browser@15.0.8 │ └── react-native@0.81.4 deduped ├─┬ expo@54.0.13 │ ├─┬ @expo/cli@54.0.11 │ │ └── react-native@0.81.4 deduped │ ├─┬ @expo/devtools@0.1.7 │ │ └── react-native@0.81.4 deduped │ ├─┬ expo-asset@12.0.9 │ │ └── react-native@0.81.4 deduped │ ├─┬ expo-modules-core@3.0.21 │ │ └── react-native@0.81.4 deduped │ └── react-native@0.81.4 deduped ├─┬ react-native-daum-postcode@1.0.11 │ └── react-native@0.81.4 deduped ├─┬ react-native-gesture-handler@2.28.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-reanimated@4.1.3 │ └── react-native@0.81.4 deduped ├─┬ react-native-safe-area-context@5.6.1 │ └── react-native@0.81.4 deduped ├─┬ react-native-screens@4.16.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-webview@13.15.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-worklets@0.5.1 │ └── react-native@0.81.4 deduped ├─┬ react-native@0.81.4 │ └─┬ @react-native/virtualized-lists@0.81.4 │ └── react-native@0.81.4 deduped └─┬ tosspayments-react-native@1.0.7 ├─┬ react-native-send-intent@1.3.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-webview@11.26.1 │ └── react-native@0.81.4 deduped └── react-native@0.81.4 deduped npm ls expo ├─┬ @react-native-community/datetimepicker@8.4.4 │ └── expo@54.0.13 deduped ├─┬ expo-constants@18.0.9 │ └── expo@54.0.13 deduped ├─┬ expo-dev-client@6.0.15 │ ├─┬ expo-dev-launcher@6.0.15 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-dev-menu-interface@2.0.0 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-dev-menu@7.0.14 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-manifests@1.0.8 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-updates-interface@2.0.0 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-file-system@19.0.17 │ └── expo@54.0.13 deduped ├─┬ expo-font@14.0.9 │ └── expo@54.0.13 deduped ├─┬ expo-haptics@15.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-image-manipulator@14.0.7 │ ├─┬ expo-image-loader@6.0.0 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-image-picker@17.0.8 │ └── expo@54.0.13 deduped ├─┬ expo-image@3.0.9 │ └── expo@54.0.13 deduped ├─┬ expo-router@6.0.12 │ ├─┬ @expo/metro-runtime@6.1.2 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-secure-store@15.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-splash-screen@31.0.10 │ ├─┬ @expo/prebuild-config@54.0.5 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-symbols@1.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-system-ui@6.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-web-browser@15.0.8 │ └── expo@54.0.13 deduped └─┬ expo@54.0.13 ├─┬ @expo/cli@54.0.11 │ └── expo@54.0.13 deduped ├─┬ @expo/metro-config@54.0.6 │ └── expo@54.0.13 deduped ├─┬ babel-preset-expo@54.0.4 │ └── expo@54.0.13 deduped ├─┬ expo-asset@12.0.9 │ └── expo@54.0.13 deduped └─┬ expo-keep-awake@15.0.7 └── expo@54.0.13 deduped 버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. npx expo run:android 로 apk파일을 만들었는데 안드로이드 기기에서 파일을 실행하면 expo go가 설치가 되서 실행이 됩니다. apk 파일을 받아서 설치하면 바로 앱이 실행되게 할 수 있는 파일을 만들어서 다른 장소에 있는 기기에서 테스트를 하려면 어떻게 해야할까요?
미해결
React Native with Expo: 제로초에게 제대로 배우기
.
