React-Native cli 환경 설정은 항상 한번에 된 적이 없다. 그래서 이번엔 Expo를 이용해서 환경 설정을 진행했다. 지금까지 Expo를 사용하지 않은 이유는 장단점이 극명하기 때문이었다. Expo CLI의 장단점을 가볍게 알아보자 장점 개발 환경 구축이 용이하다. Android Studio와 XCode 하다. 안드로이드 앱과 ios 앱을 하다. 개발 중 내 실제 디바이스로 개발 과정을 바로 확인할 수 있다. 단점 빌드 시간이 길다. Expo에서 제공해주는 모듈만 사용 가능하다. 개발시 (Native 모듈의 사용에 제한적) 프리티어로 1개월 기준 빌드만 가능하다. 그럼 React-Native CLI의 장단점은? 장점 Expo로 사용하지 못하는 에 접근이 가능하다. 빌드 시간이 단점 Android Studio와 XCode 하다. 초기 개발환경 구축과 앱 개발 시 상대적으로 시간 소요된다. Mac일 경우에만 ios 개발 및 배포가 가능하다. 그럼 Expo로 세팅을 해…

Webview PostMessage 회사에서 앱을 개발할 때 React-Native webview로 React 프로젝트를 씌워서 앱 등록을 하였다. 그때 RN -> React 또는 React -> RN 으로 데이터를 전달해야하는 일이 생긴다. 그 당시 사용했던 방법을 기록해 놓으려고 한다. 🔍 React-Native Webview 옵션 세팅 React-Native webview 작업 시 속성에 react에서 보내는 데이터를 받을 때 사용할 함수를 적는다. 🔍 React-Native -> React 🔍 React -> React-Native Webview PostMessage 🔍 React-Native Webview 옵션 세팅 🔍 React-Native -> React 🔍 React -> React-Native

현재 진행 중인 개발동아리에서 앱을 만들기로 하였다. 근데 우리는 앱개발자가 없는걸..? 그래서 react-native 를 이용해 웹뷰를 만들어 모바일 웹에 씌우기로 하였다. 이를 하이브리드앱이라고 한다. react-native-webview 를 개발하는 과정에서 엄청난 오류와 시간이 걸렸기 때문에 다음에 작업할 때 이를 방지하기 위해 기록하려고 한다. 처음에 expo를 사용하여 작업을 했지만 알 수 없는 오류들을 해결하는데 시간이 더 걸릴 것 같아서 다 지우고 react-native-cli 로 환경 설정을 진행했다. 나는 mac을 사용하고 있기 때문에 기준으로 작업하였다. 1. Homebrew 설치 Homebrew 는 mac용 패키지 관리자이다. 아래 명령어로 설치하면 된다. 2. rbenv 설치 rbenv 는 Ruby 버전 관리자이다. mac에는 기본적으로 Ruby가 설치되어 있지만 버전이 안맞을 수 있기 때문에 버전 확인 후 설치해준다. 3. Node.js 설치 간단하니 넘…