내 개인 맥북(19년 intel pro)으로 RN을 돌렸던 프로젝트 버전이 0.67이었고, 최근에 프로젝트가 생겨 0.70에 맞게 공식문서와 내 환경설정에 비교한 뒤 구동을 해보았다. 위 사진과 같이 되는 듯 싶었으나... 이런 식으로 네이티브 단에서 크러쉬 리포트를 뿜어내며 앱이 튕긴다. Termination Reason를 보면 어떤 사유로 일어났는지 잘 보여준다. 나같은 경우는 hermes 관련 에러가 일어났는데, Podfile을 보면... 관련 설정이 되어있고, 주석으로 설명되어있다. true를 false로 바꿔주고 다시 pod install 후 빌드하면 잘 된다! 추가로 크러쉬 리포트는 네이티브단 설정이 충돌이 나면서 발생하므로, 네이티브 설정을 중점적으로 확인하자. Xcode을 변경하였을 경우에..

RN은 어쩔 수 없이 오픈 소스 라이브러리에 의존이 심하다보니 버전 충돌 이슈를 자주 겪는다. 지양하는 편이 좋지만 기존 프로젝트의 RN 버전 자체를 변경하고 싶은 경우엔 어떻게 할까? React Native Upgrade Helper라는 웹 툴을 이용하자 https://react-native-community.github.io/upgrade-helper/ Upgrade React Native applications react-native-community.github.io 업그레이드 하기 위해서는 좌측에는 현재 버전, 우측에는 바뀔 버전을 선택하고 파란색 버튼을 클릭한다. 그러면 아래 깃 포맷으로 바꿔야하는 부분들을 파일별로 정리를 해준다. 그대로 바꿔주면 되는데, 당연히 버전 차이가 많이 날수록 바꿔..

RN단에서도 디버그버전에서도 잘 되는데, 릴리즈 버전에서 svg을 사용한 화면으로 네이게이트하면 곧바로 튕기는 경우가 있다.(에러 구문은 기억이 안남) 이 경우 react-native-svg 라이브러리를 이용하여 svg를 사용하고 아래 설정을 해놓지 않아서 그렇다. android/app/proguard-rules.pro 해당 경로로 들어가 아래 구문을 추가해주고 저장하면 된다. -keep public class com.horcrux.svg.** {*;} 출처는 교과서에.. https://github.com/react-native-svg/react-native-svg#problems-with-proguard GitHub - react-native-svg/react-native-svg: SVG library..

"react-native run-android" 혹은 "react-native run-ios"을 통해 에뮬레이터를 실행하는 것이 간편하지만, 결국 릴리즈 버전을 체크하려면 네이티브단에서 실행하는 화면 단을 봐야합니다. 인텔리제이(네이티브 안드로이드 IDE) 에서 에뮬레이터 실행 시 최근에 짠 코드로 업데이트가 되지 않은 상태로 띄워질 때가 있습니다. 원인은 RN단에서 작성된 코드가 index.android.bundle 파일로 인코딩이 되지 않은 경우로 보이는데, 터미널에서 아래 명령어를 입력하여 index.android.bundle을 현재 버전으로 업데이트 시켜주면 해결이 됩니다. react-native bundle --platform android --dev false --entry-file index..

사내에서 3개월간 React Native를 처음 접한 주니어 개발자가 혼자서 Create Project부터 스토어 배포까지 겪었던 회고록을 정리하면서 React Native에 대한 경험을 공유드리고자 합니다. 이 포스팅을 통하여 RN(React Native)에 대해 처음 접하시려는 분들부터 RN으로 프로젝트를 착수 중인 개발자 분들에게 조금이나마 도움과 공감이 되었으면 좋겠습니다😄 (회고록이어서 격식체는 빼고 하겠습니다.) 우리 회사는 개발자 인원이 풀스택 1명, 프론트엔드 1명(본인)으로 영세 수준의 규모이다. 프로젝트 사이즈를 보았을 때 본래 5명 이상의 편제가 필요하였지만, IT문화가 잡히지 않은 회사라 개발자 구하기가 쉽지가 않았다.. 주요 프로젝트의 착수 8개월 차에 그동안 미뤄왔던 앱 개발도 ..