초보개발자의 소소한 기록

* Firebase storage 에 이미지 업로드 요청 시 발생한 에러 WARN Possible Unhandled Promise Rejection (id: 26): Error: [storage/unauthorized] User is not authorized to perform the desired action. NativeFirebaseError: [storage/unauthorized] User is not authorized to perform the desired action. Firebase storage 의 권한 설정 관련 default 가 '모두 거부' 로 되어있다. 해당값을 read 권한은 모두 허용하고, write 권한은 인증된 사람만 업로드 할 수 있도록 권한을 새로 적용해주면 해결...

* 비동기 작업을 처리하는 과정에서 발생한 에러 ERROR Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. " 언마운티드된 컴포넌트에 대해서는 상태를 업데이트 할 수 없다. 해당 작업은 수행되지 않지만 메모리 누수가 발생된다. 해결방법으로 useEffect 의 cleanup function을 이용해라. " ** 에러 발생 배경 ** 해당 에러 발생 ..

* Firebase 연동 후 ios 에서 auth() 호출 시 발생한 에러. import auth from '@react-native-firebase/auth'; ... // 회원가입 export function signUp({email, password}) { return auth().createUserWithEmailAndPassword(email, password); } ... iOS에 Firebase 적용 시, 아래 3번 4번 단계를 React Native Firebase에서 처리하기 때문에 생략하였고, 이 때 React Native Firebase 설치를 위해 AppDelegate.m 에 코드 추가 하는 것을 놓쳐서 발생한 에러 아래 코드 추가로 해결됨 # ios > ... > AppDelega..

* React Navigation - Drawer Navigation 설치 시 오류 yarn add @react-navigation/drawer yarn add react-native-gesture-handler react-native-reanimated * Reference : https://reactnavigation.org/docs/drawer-navigator/ # pakage.json ... "dependencies": { "@react-navigation/drawer": "^6.1.8", "react-native-gesture-handler": "^2.1.0", "react-native-reanimated": "^2.3.1", ... } ... * Drawer Navigation 사용을 위해 ..

* bug case 1. PC-A 에서 react-native run-android 커맨드 실행 시, 정상적으로 빌드 및 실행 되는 것을 확인함. 2. PC-A 에서 git push 3. PC-B 에서 git clone 4. PC-B 에서 react-native run-android 커맨드 실행 시, 정상적으로 빌드된 후 crash 발생. * 결론은, npm 버전이 달라서 발생한 버그였고 정확하게는 npm 7 에서 발생하는 버그였음 > PC-A npm version : 6.14.15 (node v14.18.1) > PC-B npm version : 7.x.x * error log 를 확인하기 위해, react-native init 으로 새 프로젝트를 생성 후 bug case 를 테스트 했더니 아래와 같이..

가끔 metro 가 실행되어 있을 때, npm 으로 패키지 설치 후 새로고침 하면 metro 에 남아있는 cache 때문에 발생하는 에러 아래 커맨드로 cache 를 제거 후 실행하면 해결 $ react-native start --reset-cache

여러 package들을 설치해서 사용하다보면 빌드 시 메모리 부족으로 발생하는 오류 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:packageDebug'. > A failure occurred while executing com.android.build.gradle.tasks.PackageAndroidArtifact$IncrementalSplitterRunnable > java.lang.OutOfMemoryError (no error message) 차분하게 gradle.propertis 파일에 코드 한줄을 추가 후 해결 가능 # android > gradle.properties .....

프로젝트 폴더를 최초 commit 받거나 삭제 후 다시 빌드 할 때, react-native run-android 커맨드 실행 시 아래 에러가 가끔 발생함 Error: spawn ./gradlew EACCES at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19) at onErrorNT (internal/child_process.js:467:16) at processTicksAndRejections (internal/process/task_queues.js:82:21) 접근 권한 문제로 아래 커맨드를 실행해주면 해결됨 chmod 755 android/gradlew

* react-native 0.64.2 → 0.65.1 로 업그레이드 후 빌드 시 발생 React Native Upgrade Helper 의 가이드에 따라 v0.65.1 으로 업그레이드 후, Xcode v12.0.1 에서 Build System 을 New Build System 으로 빌드 시 아래와 같이 에러가 발생함 'React/RCTDefines.h' file not found 에러가 발생했고, 오른쪽의 상세보기를 클릭하면 아래와 같이 RCTBridgeModule 에 뭔가 수정이 필요해 보인다. In file included from /Users/.../react-native_0.65.1/node_modules/react-native-haptic-feedback/ios/RNReactNativeHapt..

* react-native 0.64.2 → 0.65.1 로 업데이트 후 발생 기존에 사용중이던 react-native-keyboard-aware-scroll-view 라이브러리가 crash 난 것으로 추정됨 개선된 버전으로 아래와 같이 변경해주면 된다. # packge.json //before "react-native-keyboard-aware-scroll-view": "^0.9.4", //after "react-native-keyboard-aware-scroll-view": "APSL/react-native-keyboard-aware-scroll-view#pull/501/head", * reference : https://github.com/APSL/react-native-keyboard-aware-s..