개발한 앱을 새로 테스트하기 위해 보통 android의 경우는 apk 파일을 공유하고, ios의 경우는 testflight에 공유하여 테스트를 진행하곤 한다. 이러한 번거로움을 해소하고자 App Distribution에 각각 apk, ipa 파일을 업로드 하는 방법으로 진행한다. 개인적으로 나는 dev, stag 등의 테스트 환경에서는 신규 버전에 들어갈 내용이 중점적인 테스트 내용이기에 apk, ipa로 배포해도 되지만실제로 사용자들에게 배포되는 운영 환경의 테스트는 스토어에서 다운받는 것마저 테스트 해보고 싶었다. ios의 경우에는 운영 환경 테스트를 testflight 에서 진행하면 되지만, android의 경우에는 play store에 업로드 하는 패키지는 AAB 파일이기에, apk 파일보다는 a..
RN 으로 개발중인 앱에 html로 받아오는 데이터들 중 텍스트의 색상을 지정해주지 않은 태그들은 디바이스의 다크모드/라이트모드 설정에 따라 블랙/화이트로 유동적으로 변경되게 되는데, 우리 앱에서는 디바이스 테마를 따로 제어하지 않아서 흰 배경에서 나오는 html 소스들이 다크모드로 실행되면 텍스트 색상이 white이기에 어려움이 있었다. 그래서 생각해낸 해결방법 중 하나는 앱의 테마를 라이트모드로 고정하는 것인데, 그 방법은 아래와 같다. [Android] android > app > src > main > res > values > styles.xml 경로에서 style 부분을 다음과 같이 바꿔준다. [IOS] info.plist 파일의 태그 안에 UIUserInterfaceStyle Light 코드..
프로젝트를 새로 pull 받은 후 안드로이드 빌드 시 spawn ./gradlew ENOENT 에러로 빌드가 되지 않는 경우, chmod 755 ./gradlew 등 권한 문제를 해결하라는 방안이 많은데, 애초에 나는 gradlew 파일 자체가 없어서 권한을 줄 수도 없었다. 이럴땐 안드로이드 스튜디오에서 싱크를 맞췄는지 점검해보자. 프로젝트를 새로 받았을 땐 싱크 맞춰주기 기억하자!!
rn 71 version 이상부터 무언가 기존 라이브러리들도 gradle들도 pods들도 다 꼬이는 느낌... 무튼 제목과 같은 could not find any matches for com.facebook.react:react-native:+ as no versions of com.facebook.react:react-native are available 에러는 android/app/build.gradle 경로에서(android/build.gradle 파일이 아님) apply plugin: "com.android.application" apply plugin: "com.facebook.react" // add this com.android.application 밑줄에 위 코드를 추가해주면 해결된다.
이번에 새로 받은 m1 mac으로 기존에 진행중이던 프로젝트를 빌드하려는데, 예전에 m1 mac에서 빌드했을 때에는 구글을 잘 따라가면 빌드가 바로 됐었는데 이번에는 만나지 못한 에러때문에 몇시간을 허비했다...ㅠㅠ gradlew not found 혹은 ./gradlew: bad interpreter: /bin/sh^m: no such file or directory 에러때문에 안드로이드 빌드를 못하고 있었는데, 아무리 검색해봐도 chmod +x gradlew , chmod 777 gradlew 명령어로 권한을 주라는 것 외에는 나오지 않았다. 머리를 식히고 다시 검색해보니 dos2unix 를 설치하고 이를 통해 해결하는 방법이 나와있었는데, 그 방법은 아래와 같다. #1 dos2unix 설치하기 bre..
React Native로 앱을 만들고, npx react-native run-android 명령어를 통해 Android로 앱을 빌드할 때, 개발 환경도 다 조성하고 Android virtual device도 연결이 되었지만 NDK Version이 안맞다며 빌드 에러가 날 때가 있는데, 이런 경우에는 주로 Android SDK 버전 문제일 확률이 높다. 먼저, android\build.gradle 내에서 ext { ... ndkVersion = "xx.x.xxxxxx" ... } 로 되어있는 부분과 동일한 버전의 NDK를 설치해 주어야 하는데, 안드로이드 스튜디오 - Tools - SDK Manager 에서 SDK Tools 탭에 들어간 후 하단의 Show Package Details 를 눌러주면 하단 이..
프로젝트에 새로 투입되어, 소스 파일을 받고 테스트 해보려 하는데, react-native run-android 명령어를 쳐도 실행이 되지 않는 것이었다 ㅠㅠ expo로만 앱개발을 했어서, react-native로 빌드하는 것은 생소했고 https://dev-yakuza.posstree.com/ko/react-native/install-on-windows/ 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 이렇게 차근차근 잘 알려주신 글이 있는데도 계속 에러가 떠서 며칠 스트레..
- Total
- Today
- Yesterday
- 코린이
- 앱개발
- JavaScript
- Android
- 스파르타코딩클럽
- rn
- ios
- React Hooks
- REACT
- Ai
- Mac
- TS
- app
- build
- CSS
- ChatGPT
- Firebase
- 영종도데이트
- FlatList
- Xcode
- typeScript
- vscode
- vsC
- useEffect
- useState
- It
- ReactNative
- IMAGE
- gradle
- React Native
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |