React Native

48개의 게시물

React Native 0.69 업그레이드 후 Android 빌드 실패 해결

회사 프로젝트를 React Native 0.69로 업그레이드하는 과정에서 Android 빌드가 실패했다. Gradle 버전과 JDK 11 호환성 문제였고, 해결 과정을 기록한다.

2022년 7월 11일

React Native 0.67 업그레이드 후 iOS 빌드 실패 해결

React Native 0.67로 업그레이드 후 iOS 빌드가 실패하는 문제가 발생했다. Xcode 13과의 호환성 문제였고, Podfile 설정 조정으로 해결했다.

2022년 2월 15일

React Native에서 Hermes 엔진 적용 후 번들 사이즈 40% 감소

iOS 프로젝트에 Hermes 엔진을 적용하면서 앱 초기 로딩 속도와 번들 사이즈를 개선했다. Android는 이미 적용했지만 iOS는 0.64 버전부터 공식 지원되어 이번에 적용했다.

2022년 2월 6일

React Native에서 WebView postMessage 타이밍 이슈 해결

하이브리드 앱 개발 중 WebView와 Native 간 통신에서 postMessage가 간헐적으로 유실되는 문제를 겪었다. onLoadEnd 시점과 injectedJavaScript 실행 순서 문제였다.

2021년 10월 21일

React Native에서 Hermes 엔진 적용 후 번들 사이즈 40% 감소

안드로이드 앱 초기 로딩 속도 개선을 위해 Hermes 엔진을 도입했다. 번들 사이즈 40% 감소와 TTI 개선 효과를 확인했으며, 적용 과정에서 겪은 이슈들을 정리했다.

2021년 10월 18일

React Native에서 Hermes 엔진 도입 후 앱 시작 속도 개선

Android 빌드에 Hermes JavaScript 엔진을 적용하면서 앱 시작 속도가 약 40% 개선되었다. 적용 과정에서 겪은 이슈와 번들 크기 감소 효과를 정리했다.

2021년 8월 24일

React Native 0.64에서 Hermes 엔진 적용 후기

Android 앱 성능 개선을 위해 Hermes 엔진을 적용했다. 초기 로딩 시간과 메모리 사용량이 눈에 띄게 개선되었지만, 일부 라이브러리 호환성 문제가 있었다.

2021년 5월 21일

React Native에서 iOS 키보드 여백 문제 해결하기

React Native 0.63 환경에서 iOS 키보드가 올라올 때 TextInput과 키보드 사이에 불필요한 여백이 생기는 문제를 겪었다. KeyboardAvoidingView의 동작 방식을 이해하고 해결한 과정을 기록한다.

2021년 2월 5일

React Native에서 AsyncStorage 마이그레이션 삽질기

React Native 0.63 업그레이드 과정에서 AsyncStorage deprecated 경고를 발견했다. @react-native-async-storage/async-storage로 마이그레이션하면서 겪은 문제와 해결 과정을 기록한다.

2021년 1월 26일

React Native 앱 빌드 시간 50% 단축한 방법

재택근무 환경에서 React Native 앱 빌드 시간이 병목이 되고 있었다. Gradle 캐시 설정과 불필요한 리소스 제거로 빌드 시간을 절반으로 줄였다.

2020년 12월 24일

Builder.shin