https://github.com/gorhom/react-native-bottom-sheet gorhom/react-native-bottom-sheet는 React Native로 bottom sheet를 구현할 때 필요한 거의 대체 할 수 없는 필수 라이브러리이다. GitHub - gorhom/react-native-bottom-sheet: A performant interactive bottom sheet with fully configurable options 🚀 A performant interactive bottom sheet with fully configurable options 🚀 - GitHub - gorhom/react-native-bottom-sheet: A performant inte..

Native Module은 Native 코드를 javascript 코드로 연동하는 작업이다. 해당 작업을 하는 이유는 반드시 사용해야 할 SDK 및 라이브러리가 네이티브인 경우가 대다수이다. 다른 이유는 성능 때문일 수도 있겠다. 성능에 관해 무거운 작업일 경우 네이티브로 작업을 하는 경우 아무대로 번들링 되는 과정이 없다 보니 그럴 수도 있겠는데.. (이 경우로 직접 모듈화를 해보지는 않아 개인적인 지표는 없어, 혹시 경험하신 분 있으시면 공유주시면 감사하겠습니다. ㅎㅎ) 간단하게 모듈화하는 과정을 Android부터 해보자. // android/app/src/main/java/com // ModuleTest.java package com.reactnativenativemodulesample; // 앱..

리액트 네이티브의 고질적 문제점 하나인 답답한 빌드 속도는 한 번이라도 RN 셋업을 경험해봤다면 공감할 것이다. 게다가 외부 라이브러리의 설치의 의존도가 높아지면 그 정도는 심해진다. 원인은 javascript 코드와 native 코드 간의 번들링 과정이 가장 큰 요인이다. 그리고 앱을 끄고 재실행하게 되면 처음부터 다시 모든 파일을 번들링한다. 이는 캐쉬화가 되지 않았기 때문인데, 캐쉬화를 시키게 된다면 캐싱된 소스들은 번들링을 할 필요가 없기 때문에 극단적으로 번들링을 해야 할 소스코드가 줄어든다. 결과적으로 빌드 속도를 향상시켜준다. 캐쉬화 세팅을 통해 생산성을 높여보자! 안드로이드(AOS) (1) Gradle 설정 변경 Android 앱을 빌드할 때 Gradle은 종속성을 다운로드하고 캐시에 저장..

실기기 설정에 개발자모드로 변경 후, 개발자옵션 -> USB 디버깅 ON 로 맞춘다. 기기 연결 후 # 연결된 디바이스 리스트 확인 adb devices # 연결된 기기 포트로 타겟팅 변경 adb reverse tcp:8081 tcp:8081 # 실행 npm run android 포트 변경하는 쉘 명령어를 맨날 까먹어서 기록한다..