월 14,300원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결배달앱 클론코딩 [with React Native]
안녕하세요 안드로이드 관련 질문드려요
강의를 다 듣고 안드로이드로 앱을 만들어서 내부 테스트로 앱을 올려서 배포를 해봤는데, 앱 설치가 되지만 실행 버튼은 없고, 제거 버튼만 존재합니다. 또한 설치가 되었음에도 불구하고 앱 서랍에 제가 만든 앱이 존재하지가 않는데 이런 경우는 어떨 때 생기는 걸까요? vscode에서 실행시킬 때는 잘되는데 생각해보니까 vscode에서도 run을 하고 난 뒤 시뮬레이터 혹은 기기에 usb를 연결할 때는 실행이 되지만 그 경우에도 앱 리스트에 앱이 깔려있지 않고 단지 화면을 이용하는 느낌으로만 실행이 되었습니다. 그리고 환경설정 -> 앱에는 제 앱이 있는데 제거만 가능한데 왜 이런지 혹시 아실까요?ㅠㅠ
- 미해결배달앱 클론코딩 [with React Native]
android newarchitecture 추가로 인한 추가 수정내용.
강의엔 없지만 react-native 0.68.1 기준으로 android/app/src/main/java/com/fooddeliveryapp에 newarchitecture라는 폴더가 추가되어 있더라구요. 그에 따른 import 수정사항이 몇개 더 있어서 이렇게 메모 남깁니다. 만약, android/app/src/main/java/com/zerocho/fooddeliveryapp로 옮겼다면 1. android/app/src/main/java/com/zerocho/fooddeliveryapp/MainApplication.java에 import com.fooddeliveryapp.newarchitecture.MainApplicationReactNativeHost; -> import com.zerocho.fooddeliveryapp.newarchitecture.MainApplicationReactNativeHost; 2. android/app/src/main/java/com/zerocho/fooddeliveryapp/newarchitecture/MainApplicationReactNativeHost.java package com.fooddeliveryapp.newarchitecture; ... import com.fooddeliveryapp.BuildConfig; import com.fooddeliveryapp.newarchitecture.components.MainComponentsRegistry; import com.fooddeliveryapp.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; -> package com.zerocho.fooddeliveryapp.newarchitecture; ... import com.zerocho.fooddeliveryapp.BuildConfig; import com.zerocho.fooddeliveryapp.newarchitecture.components.MainComponentsRegistry; import com.zerocho.fooddeliveryapp.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; 3. android/app/src/main/java/com/zerocho/fooddeliveryapp/newarchitecture/components/MainComponentsRegistry.java package com.fooddeliveryapp.newarchitecture.components; -> package com.zerocho.fooddeliveryapp.newarchitecture.components; 4. android/app/src/main/java/com/zerocho/fooddeliveryapp/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate.java package com.fooddeliveryapp.newarchitecture.modules; -> package com.zerocho.fooddeliveryapp.newarchitecture.modules; 이렇게 네가지 파일을 더 수정해야 정상적으로 빌드가 되더라구요 혹시 빌드 오류 뜨신분들 참고하라고 글 남깁니다.
- 미해결배달앱 클론코딩 [with React Native]
ios 빌드 오류
2022년 7월 3일자 네이버 맵 최신버전 설치 시 3.15.0 버전이 설치 되는데 빌드가 자꾸 안되서 Podfile에 pod 'NMapsMap','3.10.1' 추가해서 구버전으로 재설치하고 빌드하니까 되네요.. 인텔맥쓰고 있으니까 안되시는 분 있으면 과거버전으로 설치해서 진행해보세요.
- 미해결배달앱 클론코딩 [with React Native]
리액트에서 특정 view 영역을 안드로이드 네이티브의 LinearLayout에 넘겨서 처리하는 방법 문의??
질문을 어떻게 해야 할지도 어렵긴 한데요. 최대한 설명을 해보자면, 순수 네이티브로 된 앱을 리액트네이티브와 연동해보려고 합니다. 기존 앱에서는 MainActivity.java 내에서 LinearLayout linearLayout = (LinearLayout)findViewById(R.id.mainLayout); API.createViewer(linearLayout, params.toString()); 이런식으로 LinearLayout에 특정 작업(무언가를 그리는)을 하고 있습니다. 이부분을 module과 package 클래스 만들고 리액트와 연결해서 작업하려고 하는데, 기존 LinearLayout에 그리는 작업을 리액트에서 지정한 <View></View> 안에다가 해주고 싶은 겁니다. 리액트의 View 값을 네이티브에 넘겨서 그걸 기존 LinearLayout 를 대체해서 처리해야 하는데 어떻게 하면 될까요? 설명 한다고 했는데 질문이 이해가 되실지 모르겠습니다. 실무에서는 분명히 이런걸 많이들 처리할거 같은데, 이제 공부하는 처지라 감이 안오네요. ㅠㅠ
- 미해결배달앱 클론코딩 [with React Native]
mac으로 작업하실때 시스템데이터때문에 곤란하셨던적이 있으신가요?
강의를 듣다 캐시이야이가 나와서 생각이 난건데 개인 맥북과 회사에서 쓰는 맥장비에서 항상 시스템데이터 때문에 업데이트를 못하거나 용량부족 문제를 자주겪고 있습니다. 그런일이 발생할때마다 검색해서 찾아는보는데 해결해본적은 한번도 없었습니다. 개인맥북은 최근에 그냥 밀어버리고 새로 다 세팅을 했는데.. 회사컴퓨터는 그게 힘들어서 곤란하더라구요. 혹시 시스템데이터 정리하는 팁이 있을까요? 개인적인 추측이지만 리액트네이티브 프로젝트를 자주 빌드하고 릴리즈를 추출하는 단계에서 iOS, android의 더미파일들이 생겨서 용량을 차지한다고 보고있어 질문 드립니다.
- 해결됨배달앱 클론코딩 [with React Native]
푸시알림에 관하여 질문드립니다
안녕하세요. 푸시알림기능 구현 중 궁금사항에 대하여 질문드립니다. react-native-push-notification 라이브러리를 사용하였구요, 안드로이드에서 푸시알림을 하면 아래 그림과 같이 상태표시줄에 아이콘과 알림이 3개까지는 개별적으로 뜨고 4개부터 그룹으로 되는데요, 카카오톡처럼 2개의 알림부터 알림창에 그룹으로 표시되고 상태표시줄에는 1개의 아이콘만 나오도록 설정을 하고 싶어서, Local Notifications 의 group과 groupSummary를 이용해보려 했으니 적용이 안되어 질문드립니다. 혹시 도움이 될만한 정보가 있을까요? 감사합니다.
- 미해결배달앱 클론코딩 [with React Native]
오류좀 봐주세요. ㅠㅠ
react-native-screens 이걸 설치하고 나면 구동 시 오류가 발생하는듯 합니다. 재설치하고 해도 같은 오류가 나더라고요. 구글링하면서 이렇게저렇게 해봐도 안되네요. 어떻게 해결해야 할까요? ㅠㅠ
- 미해결배달앱 클론코딩 [with React Native]
push 적용중 에러
The Swift pod `FirebaseCoreInternal` depends upon `GoogleUtilities`, which does not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set `use_modular_headers!` globally in your Podfile, or specify `:modular_headers => true` for particular dependencies. "react": "17.0.2","react-native": "0.68.2", 사용중입니다 저런 에러가 pod intsall할때마다 나는데요 왜 그런지 알수가 없습니다.
- 미해결배달앱 클론코딩 [with React Native]
ios simulator tmap setup 관련
안녕하세요 강의 잘 보고 있는 수강생입니다. 현재 rn 0.68.2v 을 사용하면서 graddle version issue인지, 혹은 개발환경 세팅 issue인지는 모르겠으나 안드로이드에서 gradle build 관련하여 문제가 있어 ios만 실습중입니다. ios simulator에서는 별도로 앱스토어 접속하여 타 앱을 설치하는 것이 불가능한 것으로 알고 있는데, TMap 연동 강의와 Mac ch5 세팅 영상을 보아도 ios 시뮬에서 Tmap 앱을 설치하시는 모습이 안나와서 혹시나 시뮬에서는 구현이 안되고 실제 디바이스로 진행을 해야하는 지 궁금합니다.
- 미해결배달앱 클론코딩 [with React Native]
응용 프로그램이 예기치 않게 종료되었습니다.
buttons.tsx 컴포넌트로 따로 분리해서 사용중입니다. interface Props { name: string; color: string; hasMarginRight?: boolean; onPress?: any; } function TransparentCircleButton({ name, color, hasMarginRight, onPress, }: Props) { return ( <View style={[styles.iconButtonWrapper, hasMarginRight && styles.marginRight]}> <Pressable style={({pressed}) => [ styles.iconButton, Platform.OS === 'ios' && pressed && { backgroundColor: '#efefef', }, ]} onPress={onPress} android_ripple={{color: '#ededde'}}> <Icon name={name} size={24} color={color} /> </Pressable> </View> ); } 다른 화면에는 해당 컴포넌트를 사용해도 문제 없이 잘 작동하는데 이상하게 한 페이지에서만 해당 컴포넌트 사용시 응용프로그램이 예기치 않게 종료되었습니다. 라고 떠서 어떻게 찾아야할지도 모르겠습니다...
- 미해결배달앱 클론코딩 [with React Native]
AsyncStorage 비동기로 인한 undefined 문제
Flatlist 입니다. const renderItem = {item} => { return ( <TextInput value={true || fixDescription[item.order].value} onChangeText={onChangeText}/> ) } item과 fixDescription 둘다 useState 값이고 useEffect (()=>{AsyncStorage})를 통해서 값을 받아옵니다. 추측하기론, 컨솔 해보니 AsyncStorage가 비동기 방식이기 때문에, 처음에 빈칸으로 데이터가 떠서 {true || fixDescription[item.order].value} 이런식으로 데이터 없으면 null로 아예 안보이게 해줬는데 이렇게 하니 화면은 뜨는데 문제가 비동기처리 이후 데이터값이 들어와도 해당 TextInput의 value가 바뀌지 않다는 점이 문제입니다... console.log(fixDescription[data[0].order].value) data는 flatlist의 아이템입니다. (flatlist의 item이니 [0]번째를 임의로 주었습니다.) 위의 컨솔 실행시 첫 빌드는 에러가 생기고, 저장해서 화면을 바꾸는( 핫리로드?) 시에는 컨솔이 작동하는 상황입니다.
- 미해결배달앱 클론코딩 [with React Native]
저는 오류로그도 안뜨고 에뮬위에서 테스트앱이 실행이 절대 안되는데 왜그러는걸까요?
저는 오류로그도 안뜨고 에뮬위에서 테스트앱이 실행이 절대 안되는데 왜그러는걸까요?
- 미해결배달앱 클론코딩 [with React Native]
카메라에 글쓰기?
강의 듣다 문득 궁금해서 질문드립니다. 어떤 어플에서 카메라를 키면 영역?이 나오고 그 안에 '영역에 맞춰 촬영해주세요' 라는것을 많이 보았습니다. 이런 디자인?은 화면 1.카메라 화면2. 영역+텍스트 이렇게 게 두가지로 나눠서 가는건가요? 아니면 image crop picker에서 그려주는건가요?
- 미해결배달앱 클론코딩 [with React Native]
ch5)Complete.tsx 에러 질문이요!
ch5에있는 Complete에있는 파일 그대로 복붙했습니다. 그런데 const onResponse = useCallback(async response response에서 에러가 뜨네요.. TS7006: Parameter 'response' implicitly has an 'any' type. 가 뜹니다 어떻게 해야할까요?
- 미해결배달앱 클론코딩 [with React Native]
네이버 지도 앱 강제 종료
m1, ios시뮬레이터를 쓰고 있는데 오더 목록에서 지도를 여는 순간 앱이 강제 종료 되어버립니다... 그냥 어떤 오류도 뜨지않고 강제로 종료 되어버립니다..ㅠㅠ
- 미해결배달앱 클론코딩 [with React Native]
확장 프로그램 어떤거 사용하시는지 질문!
제로초님! 00: 55의 craeteStore(options: {name: 'order',}) 에서 'options:'가 나오는건 어떤 확장프로그램을 설치한걸까요?
- 미해결배달앱 클론코딩 [with React Native]
Provider 자동 import가 안됩니다
강사님과 똑같은 IDE이고, 30일 무료 체험판을 쓰고 있습니다. npm i 를 통해서 설치도 했고, npm start 까지 진행하였습니다. <Provider>를 치고 option + Enter를 쳤는데 import를 해주는 옵션이 뜨질 않습니다. back 파일이 설치된 곳에 파일명이 한글로 된 파일이 있긴한데 이것이 문제일까요? 그럼 파일명을 바꾸면 간단하게 해결될까요? 무서워서 답변 듣고 파일명 건들겠습니다 ㅜㅡㅜ
- 미해결배달앱 클론코딩 [with React Native]
도저히 모르겠어서 질문드립니다
<jdk 경로> <androstudio 경로> <환경변수 설정> <git bash에서 adb 실행 > 잘 동작함> <git bash에서 javac실행 -> 잘 동작함> <sdk 플랫폼 설치목록> <sdk tools 설치목록> android studio에서 device실행시 해당 오류가 뜹니다.. 2022-06-17 06:22:01,654 [ 36230] INFO - Emulator: Nexus 5 API 30 - PANIC: Cannot find AVD system path. Please define ANDROID_SDK_ROOT 2022-06-17 06:22:01,654 [ 36230] INFO - Emulator: Nexus 5 API 30 - PANIC: Cannot find AVD system path. Please define ANDROID_SDK_ROOT 2022-06-17 06:22:01,656 [ 36232] INFO - Emulator: Nexus 5 API 30 - Android emulator version 31.2.10.0 (build_id 8420304) (CL:N/A) 2022-06-17 06:22:01,656 [ 36232] INFO - Emulator: Nexus 5 API 30 - Android emulator version 31.2.10.0 (build_id 8420304) (CL:N/A) 2022-06-17 06:22:01,657 [ 36233] INFO - Emulator: Nexus 5 API 30 - Process finished with exit code 1 2022-06-17 06:22:01,657 [ 36233] INFO - Emulator: Nexus 5 API 30 - Process finished with exit code 1 2022-06-17 06:22:01,659 [ 36235] ERROR - Emulator: Nexus 5 API 30 - Emulator terminated with exit code 1 java.lang.Throwable: Emulator terminated with exit code 1 at com.intellij.openapi.diagnostic.Logger.error(Logger.java:182) at com.android.tools.idea.avdmanager.EmulatorProcessHandler$ConsoleListener.onTextAvailable(EmulatorProcessHandler.kt:89) at jdk.internal.reflect.GeneratedMethodAccessor58.invoke(Unknown Source) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:566) at com.intellij.execution.process.ProcessHandler$2.invoke(ProcessHandler.java:247) at com.sun.proxy.$Proxy34.onTextAvailable(Unknown Source) at com.intellij.execution.process.ProcessHandler.notifyTextAvailable(ProcessHandler.java:221) at com.intellij.execution.process.ProcessTerminatedListener.processTerminated(ProcessTerminatedListener.java:54) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:566) at com.intellij.execution.process.ProcessHandler$2.invoke(ProcessHandler.java:247) at com.sun.proxy.$Proxy34.processTerminated(Unknown Source) at com.intellij.execution.process.ProcessHandler.lambda$notifyTerminated$2(ProcessHandler.java:205) at com.intellij.execution.process.ProcessHandler$TasksRunner.execute(ProcessHandler.java:280) at com.intellij.execution.process.ProcessHandler.notifyTerminated(ProcessHandler.java:188) at com.intellij.execution.process.ProcessHandler.notifyProcessTerminated(ProcessHandler.java:184) at com.intellij.execution.process.BaseProcessHandler.onOSProcessTerminated(BaseProcessHandler.java:61) at com.intellij.execution.process.BaseOSProcessHandler$1.lambda$startNotified$0(BaseOSProcessHandler.java:99) at com.intellij.execution.process.ProcessWaitFor.lambda$new$0(ProcessWaitFor.java:45) at com.intellij.util.ConcurrencyUtil.runUnderThreadName(ConcurrencyUtil.java:213) at com.intellij.execution.process.ProcessWaitFor.lambda$new$1(ProcessWaitFor.java:23) at java.base/java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:515) at java.base/java.util.concurrent.FutureTask.run(FutureTask.java:264) at java.base/java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1128) at java.base/java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:628) at java.base/java.util.concurrent.Executors$PrivilegedThreadFactory$1$1.run(Executors.java:668) at java.base/java.util.concurrent.Executors$PrivilegedThreadFactory$1$1.run(Executors.java:665) at java.base/java.security.AccessController.doPrivileged(Native Method) at java.base/java.util.concurrent.Executors$PrivilegedThreadFactory$1.run(Executors.java:665) at java.base/java.lang.Thread.run(Thread.java:829) 2022-06-17 06:22:01,660 [ 36236] ERROR - Emulator: Nexus 5 API 30 - Android Studio Chipmunk | 2021.2.1 Patch 1 Build #AI-212.5712.43.2112.8609683 2022-06-17 06:22:01,661 [ 36237] ERROR - Emulator: Nexus 5 API 30 - JDK: 11.0.12; VM: OpenJDK 64-Bit Server VM; Vendor: Oracle Corporation 2022-06-17 06:22:01,661 [ 36237] ERROR - Emulator: Nexus 5 API 30 - OS: Windows 10 2022-06-17 06:22:01,661 [ 36237] ERROR - Emulator: Nexus 5 API 30 - Last Action: <log 기록>
- 미해결배달앱 클론코딩 [with React Native]
DismissKeyboardView.tsx!!
DismissKeyboardView.tsx 파일에서 children < 이게 에러 : TS2339: Property 'children' does not exist on type 라는 에러가 뜨더라고요 children을 지우고 써보면 잘 작동은 합니다...
- 미해결배달앱 클론코딩 [with React Native]
useCallback((text...
const onChangeEmail = useCallback(text => { setEmail(text.trim()); }, []); 현제 이런식으로 코딩을하면 ...(text => 부분에서 text TS7006: Parameter 'text' implicitly has an 'any' type. 라는 에러가 나더군요. 그래서 ... text: string ... 을 주니 에러가 없어졌습니다. : string을 없이 빨간줄이 있어도 앱 실행되는데는 아무문제 없더군요