코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. m1 맥북을 사용하고 있습니다. 영상에서 알려주는대로 위 카테고리를 클릭하면 여기서부터 영상과 다른 화면이 등장합니다  어떻게 하면 될지 모르겠어서 질문드립니다!

 안녕하세요 제가 실행하면 계속 이런 에러가떠서 어떻게 해결해야되는지 궁굼합니다!!

Launching lib/main.dart on sdk gphone64 x86 64 in debug mode...Running Gradle task 'assembleDebug'.../Users/yoonjoochu/Documents/workspace/android/app/src/debug/AndroidManifest.xml Error: uses-sdk:minSdkVersion 19 cannot be smaller than version 21 declared in library [:webview_flutter_android] /Users/yoonjoochu/Documents/workspace/build/webview_flutter_android/intermediates/merged_manifest/debug/AndroidManifest.xml as the library might be using APIs not available in 19 Suggestion: use a compatible library with a minSdk of at most 19, or increase this project's minSdk version to at least 21, or use tools:overrideLibrary="io.flutter.plugins.webviewflutter" to force usage (may lead to runtime failures)FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:processDebugMainManifest'.> Manifest merger failed : uses-sdk:minSdkVersion 19 cannot be smaller than version 21 declared in library [:webview_flutter_android] /Users/yoonjoochu/Documents/workspace/build/webview_flutter_android/intermediates/merged_manifest/debug/AndroidManifest.xml as the library might be using APIs not available in 19 Suggestion: use a compatible library with a minSdk of at most 19, or increase this project's minSdk version to at least 21, or use tools:overrideLibrary="io.flutter.plugins.webviewflutter" to force usage (may lead to runtime failures)* Try:> Run with --stacktrace option to get the stack trace.> Run with --info or --debug option to get more log output.> Run with --scan to get full insights.> Get more help at https://help.gradle.org.BUILD FAILED in 4s┌─ Flutter Fix ─────────────────────────────────────────────────────────────────────────────────┐│ The plugin webview_flutter_android requires a higher Android SDK version. ││ Fix this issue by adding the following to the file ││ /Users/yoonjoochu/Documents/workspace/android/app/build.gradle: ││ android { ││ defaultConfig { ││ minSdkVersion 21 ││ } ││ } ││ ││ Following this change, your app will not be available to users running Android SDKs below 21. ││ Consider searching for a version of this plugin that supports these lower versions of the ││ Android SDK instead. ││ For more information, see: https://flutter.dev/to/review-gradle-config │└───────────────────────────────────────────────────────────────────────────────────────────────┘Error: Gradle task assembleDebug failed with exit code 1분명 https://pub.dev/packages/webview_flutter 여기선 minsdk를 19로 설정하라고 하는데 왜 오류가 날까요??

Launching lib/main.dart on sdk gphone64 x86 64 in debug mode...Running Gradle task 'assembleDebug'.../Users/yoonjoochu/Documents/workspace/android/app/src/debug/AndroidManifest.xml Error: uses-sdk:minSdkVersion 19 cannot be smaller than version 21 declared in library [:webview_flutter_android] /Users/yoonjoochu/Documents/workspace/build/webview_flutter_android/intermediates/merged_manifest/debug/AndroidManifest.xml as the library might be using APIs not available in 19 Suggestion: use a compatible library with a minSdk of at most 19, or increase this project's minSdk version to at least 21, or use tools:overrideLibrary="io.flutter.plugins.webviewflutter" to force usage (may lead to runtime failures)FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:processDebugMainManifest'.> Manifest merger failed : uses-sdk:minSdkVersion 19 cannot be smaller than version 21 declared in library [:webview_flutter_android] /Users/yoonjoochu/Documents/workspace/build/webview_flutter_android/intermediates/merged_manifest/debug/AndroidManifest.xml as the library might be using APIs not available in 19 Suggestion: use a compatible library with a minSdk of at most 19, or increase this project's minSdk version to at least 21, or use tools:overrideLibrary="io.flutter.plugins.webviewflutter" to force usage (may lead to runtime failures)* Try:> Run with --stacktrace option to get the stack trace.> Run with --info or --debug option to get more log output.> Run with --scan to get full insights.> Get more help at https://help.gradle.org.BUILD FAILED in 8s┌─ Flutter Fix ─────────────────────────────────────────────────────────────────────────────────┐│ The plugin webview_flutter_android requires a higher Android SDK version. ││ Fix this issue by adding the following to the file ││ /Users/yoonjoochu/Documents/workspace/android/app/build.gradle: ││ android { ││ defaultConfig { ││ minSdkVersion 21 ││ } ││ } ││ ││ Following this change, your app will not be available to users running Android SDKs below 21. ││ Consider searching for a version of this plugin that supports these lower versions of the ││ Android SDK instead. ││ For more information, see: https://flutter.dev/to/review-gradle-config │└───────────────────────────────────────────────────────────────────────────────────────────────┘Error: Gradle task assembleDebug failed with exit code 1pixel 7 pro api 35를 실행하고 프로젝트를 실행하려고 하는데 위와 같은 오류가 나요. 현재 제 맥북엔 자바가 깔려있지 않은데 자바를 깔아야할까요?

동영상을 선택하고, 다음 화면으로 넘어가는데 잠시 검은 색 화면(Homescreen의 backgroundcolor)이 나오다가 다음과 같은 오류가 나오면서 에뮬레이터가 꺼집니다.FATAL in unbox_VkPipeline, err code: 4300000000: Unbox 0000000000000000 failed, not found.  initializeController() async { videoPlayerController = VideoPlayerController.file( File( widget.video.path, ), ); await videoPlayerController.initialize(); setState(() {}); } @override Widget build(BuildContext context) { return Center( child: AspectRatio( aspectRatio: videoPlayerController.value.aspectRatio, child: VideoPlayer(videoPlayerController), ), ); } }  해당 문제인거 같아서, 수정해봤는데 여전히 안되네요 ㅠㅠandroid/app/src/main/AndroidManifest.xml <meta-data android:name="flutter.embedding.android.enable-vulkan" android:value="false" /> 플러터 버전은 3.27.4로 사용했습니다. video_player: ^2.8.2 image_picker: ^1.0.7 코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요! 좋은 강의 잘 들었습니다!강의 중 내용에 관한 질문이 있어 여쭙니다.현업에서 작은 사이드 프로젝트를 운영중인데 기존에는 Firebase를 사용하다가 SQL DB가 필요해 Supabase로 이전을 고려하다 강의를 듣게 되었습니다.다름이 아니라 Supabase에서도 REST API 형태를 지원하는 것으로 알고 있는데강의 내용을 보면, REST API 형태를 사용하는 것이 아닌,직접 Supabase의 Database에 CRUD 하는 것으로 여겨집니다.보안이나 코드의 유지 / 보수, 또는 프론트 개발자와 백엔드 개발자의 역할 분리 등 여러 측면을 고려하였을 때 REST API 형태가 아닌 프론트 코드 내에 직접 CRUD 코드가 구현된 이유가 무엇인지 궁금합니다.

선생님 혹시 윈도우 환경에서는 디바이스 매니저 실행하고상단 select device에서는 웹,모바일,데스크톱 이렇게 밖에 없는데 윈도우에서는 아이폰 화면 못보는건가요?선생님처럼 ios 환경에서만 안드로이드 화면을 볼수있는건지요api 34 사용중입니다

마무리 수업에 리스트 개수 화면에 나타낼 때, StreamBuilder를 하나 더 사용하는데 (ListView에도 사용 중)하나로 합치는게 더 좋을까요 아니면 따로 작성하는게 좋은가요?중복의 관점에서 생각해 본 것입니다.

Supabase 가 업데이트 되면서, 강의 화면과 다른 부분이 있어서 질문드립니다.Direct connection / Transaction pooler / Session pooler 차이가 무엇인가요?강의를 따라가기 위해 Transaction pooler 를 사용해서 연결은 하긴 했습니다.

이미지 같은 정적 리소스가 아닌 c로 빌드된 exe 파일이나 dll 같은 동적 라이브러리를 플러터 앱에서 사용해야할 경우에 이 파일들은 어디에 위치시켜야 할까요? assets 폴더 밑에 두어야 할까요 아니면 windows 밑에 두어야 할까요?플러터로 현업을 경험해보진 않아서 현업에선 어떻게 사용하는지 궁금합니다.

 이 강의 mySql이나 데이터베이스를 이용 하지는 않는건가요 ?. 로컬 데이터베이스만 사용하나요 ? [코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요! TS강의 완료 후 Flutter 강의 시작하려 합니다. Dart 공부한지 2년정도가 되어 다시 공부하려는데무료 Dart 강의가 있고 Flutter 초급 강의에도 Dart 이론 강의들이 있더라구요두 강의가 동일한 강의인지 궁금합니다 :)

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM 안녕하세요. 군대 사지방에서 인공지능과 앱 개발을 공부하는 군인 입니다.코드팩토리님의 강의를 더 많은(특히나 군인) 사람들이 어려움 없게 공부할 수 있도록 도와드리고자 이렇게 작성해봅니다.flutter 개발 환경에 대해 사지방에서 할 수 있는 것을 공유하고자 합니다.여기다가 환경설정을 자세히 쓸 수는 없으니(사실 필요하지도 않습니다) 이런 것들을 활용하면 된다고 말하고 싶어서 간단하게 작성해 봅니다.project idx를 사용해 flutter 워크스페이스를 만들면 됩니다. project idx를 이용하면 google id만 있다면 이용하실 수 있습니다. vscode 환경을 제공합니다. 다만, 현재 android 에뮬레이터는 잘 작동이 안되서 web view로 보셔야 합니다.(이걸로도 충분합니다) 각종 외부 패키지 사용은 호환이 안되는 경우가 있습니다만, pub.dev에 web으로 호환되는 것을 따로 설정하시면 됩니다.예를 들어, google map을 이용하고자 할 때 web/index.html에 아래와 같은 코드를 추가하시면 잘 작동됩니다. <script src="https://maps.googleapis.com/maps/api/js?key=Your API KEY"></script>또, 비디오 영상과 관련해서는 url로 받으시면 됩니다.관련된 정보는 stackoverflow나 이외의 블로그에 굉장히 많은 정보가 있으니 찾아보시면 됩니다.실제로 에뮬레이터 대신 web에서 작동하는 방식은 아래 사진처럼 작동합니다.(android는 버그가 좀 있는 것 같습니다.) 제가 이렇게 말씀드리는 이유는 다음과 같습니다.코드팩토리님의 강의가 그 정도로 들을만한 가치가 있다는 점.군인도 앱 개발을 충분히 공부할 수 있다는 점.그리고 환경설정이 하나도 어렵지 않다는 점.(저도 이 강의가 첫 앱 개발입니다. 인공지능 공부를 한 경험 때문에 더 쉬웠을 수도 있습니다.)코드팩토리님의 질문&답변에 이런 글을 달아 죄송합니다.여러 인사이트 댓글을 보면 "군인이 사지방에서 개발 공부하는 법"같은 것이 많이 나와있어서 이렇게 남겨봅니다.혹시라도 삭제를 원하시면 바로 삭제하겠습니다.

function setCanvasImages() { let imgElem; for(let i = 0; i < sceneInfo.values.videoImageCount; i++) { imgElem = new Image(); imgElem.src = `./images/picdiet 1/${1 + i}.jpg`; sceneInfo[0].objs.videoImages.push(imgElem); } // /home/ibmuser01/src/images/picdiet 1/1.jpg } setCanvasImages(); function setLayout() { // 각 스크롤 섹션의 높이 세팅 for (let i = 0; i < sceneInfo.length; i++) { if (sceneInfo[i].type === 'sticky') { sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight; } else if (sceneInfo[i].type === 'normal') { sceneInfo[i].scrollHeight = sceneInfo[i].objs.content.offsetHeight + window.innerHeight * 0.5; } sceneInfo[i].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`; } yOffset = window.pageYOffset; let totalScrollHeight = 0; for (let i = 0; i < sceneInfo.length; i++) { totalScrollHeight += sceneInfo[i].scrollHeight; if (totalScrollHeight >= yOffset) { currentScene = i; break; } } document.body.setAttribute('id', `show-scene-${currentScene}`); } function calcValues(values, currentYOffset) { let rv; // 현재 씬(스크롤섹션)에서 스크롤된 범위를 비율로 구하기 const scrollHeight = sceneInfo[currentScene].scrollHeight; const scrollRatio = currentYOffset / scrollHeight; if (values.length === 3) { // start ~ end 사이에 애니메이션 실행 const partScrollStart = values[2].start * scrollHeight; const partScrollEnd = values[2].end * scrollHeight; const partScrollHeight = partScrollEnd - partScrollStart; if (currentYOffset >= partScrollStart && currentYOffset <= partScrollEnd) { rv = (currentYOffset - partScrollStart) / partScrollHeight * (values[1] - values[0]) + values[0]; } else if (currentYOffset < partScrollStart) { rv = values[0]; } else if (currentYOffset > partScrollEnd) { rv = values[1]; } } else { rv = scrollRatio * (values[1] - values[0]) + values[0]; } return rv; } function playAnimation() { const objs = sceneInfo[currentScene].objs; const values = sceneInfo[currentScene].values; const currentYOffset = yOffset - prevScrollHeight; const scrollHeight = sceneInfo[currentScene].scrollHeight; const scrollRatio = currentYOffset / scrollHeight; switch (currentScene) { case 0: let sequence = Math.round(calcValues(values.imageSequence, currentYOffset)); objs.context.drawImage(objs.videoImages[sequence], 0, 0); if (scrollRatio <= 0.22) { // in objs.messageA.style.opacity = calcValues(values.messageA_opacity_in, currentYOffset); objs.messageA.style.transform = `translate3d(0, ${calcValues(values.messageA_translateY_in, currentYOffset)}%, 0)`; } else { // out objs.messageA.style.opacity = calcValues(values.messageA_opacity_out, currentYOffset); objs.messageA.style.transform = `translate3d(0, ${calcValues(values.messageA_translateY_out, currentYOffset)}%, 0)`; } if (scrollRatio <= 0.42) { // in objs.messageB.style.opacity = calcValues(values.messageB_opacity_in, currentYOffset); objs.messageB.style.transform = `translate3d(0, ${calcValues(values.messageB_translateY_in, currentYOffset)}%, 0)`; } else { // out objs.messageB.style.opacity = calcValues(values.messageB_opacity_out, currentYOffset); objs.messageB.style.transform = `translate3d(0, ${calcValues(values.messageB_translateY_out, currentYOffset)}%, 0)`; } if (scrollRatio <= 0.62) { // in objs.messageC.style.opacity = calcValues(values.messageC_opacity_in, currentYOffset); objs.messageC.style.transform = `translate3d(0, ${calcValues(values.messageC_translateY_in, currentYOffset)}%, 0)`; } else { // out objs.messageC.style.opacity = calcValues(values.messageC_opacity_out, currentYOffset); objs.messageC.style.transform = `translate3d(0, ${calcValues(values.messageC_translateY_out, currentYOffset)}%, 0)`; } if (scrollRatio <= 0.82) { // in objs.messageD.style.opacity = calcValues(values.messageD_opacity_in, currentYOffset); objs.messageD.style.transform = `translate3d(0, ${calcValues(values.messageD_translateY_in, currentYOffset)}%, 0)`; } else { // out objs.messageD.style.opacity = calcValues(values.messageD_opacity_out, currentYOffset); objs.messageD.style.transform = `translate3d(0, ${calcValues(values.messageD_translateY_out, currentYOffset)}%, 0)`; } break; case 2: // console.log('2 play'); if (scrollRatio <= 0.25) { // in objs.messageA.style.opacity = calcValues(values.messageA_opacity_in, currentYOffset); objs.messageA.style.transform = `translate3d(0, ${calcValues(values.messageA_translateY_in, currentYOffset)}%, 0)`; } else { // out objs.messageA.style.opacity = calcValues(values.messageA_opacity_out, currentYOffset); objs.messageA.style.transform = `translate3d(0, ${calcValues(values.messageA_translateY_out, currentYOffset)}%, 0)`; } if (scrollRatio <= 0.57) { // in objs.messageB.style.transform = `translate3d(0, ${calcValues(values.messageB_translateY_in, currentYOffset)}%, 0)`; objs.messageB.style.opacity = calcValues(values.messageB_opacity_in, currentYOffset); objs.pinB.style.transform = `scaleY(${calcValues(values.pinB_scaleY, currentYOffset)})`; } else { // out objs.messageB.style.transform = `translate3d(0, ${calcValues(values.messageB_translateY_out, currentYOffset)}%, 0)`; objs.messageB.style.opacity = calcValues(values.messageB_opacity_out, currentYOffset); objs.pinB.style.transform = `scaleY(${calcValues(values.pinB_scaleY, currentYOffset)})`; } if (scrollRatio <= 0.83) { // in objs.messageC.style.transform = `translate3d(0, ${calcValues(values.messageC_translateY_in, currentYOffset)}%, 0)`; objs.messageC.style.opacity = calcValues(values.messageC_opacity_in, currentYOffset); objs.pinC.style.transform = `scaleY(${calcValues(values.pinC_scaleY, currentYOffset)})`; } else { // out objs.messageC.style.transform = `translate3d(0, ${calcValues(values.messageC_translateY_out, currentYOffset)}%, 0)`; objs.messageC.style.opacity = calcValues(values.messageC_opacity_out, currentYOffset); objs.pinC.style.transform = `scaleY(${calcValues(values.pinC_scaleY, currentYOffset)})`; } break; case 3: // console.log('3 play'); break; } } function scrollLoop() { enterNewScene = false; prevScrollHeight = 0; for (let i = 0; i < currentScene; i++) { prevScrollHeight += sceneInfo[i].scrollHeight; } if (yOffset > prevScrollHeight + sceneInfo[currentScene].scrollHeight){ enterNewScene = true; currentScene++; document.body.setAttribute('id', `show-scene-${currentScene}`); } if(yOffset < prevScrollHeight){ enterNewScene = true; if(currentScene === 0) return; currentScene--; document.body.setAttribute('id', `show-scene-${currentScene}`); } if(enterNewScene) return; playAnimation(); } window.addEventListener('scroll', () => { yOffset = window.pageYOffset; scrollLoop(); }); window.addEventListener('load', setLayout); window.addEventListener('resize', setLayout); })(); main.js:181 Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLCanvasElement or HTMLImageElement or HTMLVideoElement or ImageBitmap or OffscreenCanvas or SVGImageElement or VideoFrame)'. at playAnimation (main.js:181:30) at scrollLoop (main.js:292:9) at main.js:297:9이러한 에러가 나요.이미지 파일은 여기에 저장되어있슴돠.

안녕하세요. login, singup, workspace 페이지에서 data 가 있는 경우, Redirect 하려는 함수에서 다음과 같은 에러가 공통으로 나타납니다. => 'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345) 어떻게 해야 할까요?

안녕하세요.맥북을 사용하고 있는 교육생입니다.android/gradle.properties에 org.gradle.java.home=/opt/homebrew/Cellar/openjdk@17/17.0.14/libexec/openjdk.jdk/Contents/Home이렇게 작성하고 실행하면* What went wrong:Execution failed for task ':agora_uikit:compileDebugKotlin'.> 'compileDebugJavaWithJavac' task (current target is 1.8) and 'compileDebugKotlin' task (current target is 17) jvm target compatibility should be set to the same Java version. Consider using JVM toolchain: https://kotl.in/gradle/jvm/toolchain해당 에러가 발생합니다.그래서 자바 버전을 1.8로 변경하고 gradle 버전도 낮춰서 해봤지만 실행이 되지 않습니다... 어떻게 해야할까요

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다![코드팩토리 디스코드]https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.이렇게 뜨는데 어떻게 해야할까요~?

안녕하세요.현재 슬리액트, '회원가입 페이지 만들기' 파트를 듣고 있습니다.회원가입을 누르면,'TypeError: Cannot read properties of null'라는 에러가 발생합니다.DB, users 폴더에는 새로운 회원정보가 잘 드렁가 있습니다.DB에는 잘 저장되는데, 프론트엔드에서 발생하는 에러일까요? 코드는 제가 거의 건든게 없습니다. 현재 제로초님이 Github 에 올려주신 코드에서 '비밀번호가 입력이 잘못되었습니다' 이부분 검증하는 부분은 추가되어 있습니다.

자바강의 신청하려고하는데 이전사례처럼  하나짜리 통으로 풀버전으로 편집되서 출시될지 궁금해요