초보개발자의 소소한 기록

* Kakao login 구현 시 Android Emulator 에서 정상적으로 빌드 후 구동은 잘 되었는데 앱이 보이지 않음 # 원인 android > app > src > main > AndroidManifest.xml 에서 부분의 내용을 추가할 때 별도로 구성해 주어야 하지만, 하나로 구해주었기 때문에 발생함 # 해결 아래와 같이 하나로 구성된 를 여러 개로 분리하면 정상 동작함 ... ...

* 동일한 소스로 여러 mac에서 yarn ios 커맨드 실행 시, 특정 mac 에서만 빌드가 실패함 # 에러 내용 ... export YACC\=yacc export arch\=undefined_arch export variant\=normal /bin/sh -c /Users/.../Library/Developer/Xcode/DerivedData/.../Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FBReactNativeSpec.build/Script-46EB2E000385F0.sh Command PhaseScriptExecution failed with a nonzero exit code ** BUILD FAILED ** The foll..

* 여러 프로젝트를 동시에 진행하는 과정에서 abb 파일 빌드 시 발생한 에러 FAILURE: Build failed with an exception. * What went wrong: Task 'bundleRelese' not found in root project '...'. Some candidates are: 'bundleRelease'. * Try: > Run gradlew tasks to get a list of available tasks. > 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 fu..

# 현상 전체 화면이 로 감싸져 있고 내부에 가 있는 상태에서, 전체화면 스크롤을 위해 를 로 변경하자 에러 발생함 ERROR VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. //before ... ... ... //after ... ... ... # 원인 의 scroll 기능과 의 scroll 기능이 충돌하여, 그 중 상위 뷰인 만 정상 작동하면서 발생한 에러 # 해결 Flatlist 상단에 V..

* '맥북A'에서 개발하던 내용을 github 에 업로드 후, '맥북B'로 clone 하여 빌드 시 오류 error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:co..

* Firebase 관련 수정 후 pod install --repo-update 시에 발생 # 현상 [!] The following Swift pods cannot yet be integrated as static libraries: 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!` g..

* Animated.View 에서 interpolate 를 사용하여, 1번부터 4번까지 각 단계를 상단에 하나씩 추가하는 화면 구현. 1. 휴대폰번호 입력 2. 주민번호 입력 3. 통신사 입력 4. 이름 입력 # 현상 iOS 에서는 각 단계가 입력되었을 때 1 → 2 → 3 → 4 로 하나씩 항목이 정상적으로 추가되으나, android 에서는 1 → 2 항목 추가 시 화면의 레이아웃이 설정과 다르게 상단으로 이동함. # 해결 1 → 2 단계 이동 시 Keyboard 를 on 한 상태로 그대로 이동하였는데, 1단계가 완료되었을 때 Keyboard 를 숨기고, 2단계가 시작될 때 Keyboard를 다시 on 되도록 구성하니 해결됨. ... import { Keyboard } from 'react-nativ..

* android 에서만 앱 이름 변경 시, 정상적으로 빌드 성공 후 실행 시 app crashes without any error log # 원인 - '영문'에서 '한글'로 이름을 변경 했을 때, 휴대폰의 기본 언어 설정이 '한글'로 되어 있지 않으면 앱이 종료됨 # 해결 - strings.xml 변경 시 기본 앱이름은 영문으로 두고, 한글은 폴더를 별도로 추가해준다. # app.json { "name": "FindAnimal", "displayName": "한글 앱이름" } # android > app > srs > main > res > values > strings.xml english app name # android > app > srs > main > res > values-ko > str..

* react-native-webview 모듈 사용 시, dev 모드에서는 정상 호출되지만 release 모드에서 호출 시 에러 발생 # 원인 - android 에서만 에러 현상 발생 - https 호출은 정상이지만, http 호출 불가능 - dev 모드에서는 잘 되지만, release 모드로 앱 빌드 시 호출 불가능 즉, android는 release 모드에서 https 호출이 불가능했다. # 해결 - [android > app > src > main > AndroidManifest.xml] 파일에 android:usesCleartextTraffic="true" 옵션을 추가 ... ...

* react-native-webview 사용 시, android 에서만 app 이 죽어버리는 현상 # 원인 - 아래 소스 중 loading 을 추가하는 라인이 들어가지 않으면 정상적으로 ios / android 모두 잘 작동함 - loading 라인 추가 시, ios 는 정상적으로 동작하나, android 에서는 에러 로그 없이 앱이 충돌나서 종료됨 ... return ( {loading ? : null} // this line ); ... # 해결 - 특정 버튼을 클릭하면 navigation 을 통해 webview 를 띄워주는 화면으로 이동하는데, animationEnabled 옵션을 추가하여 해결 ...