react-native7 [React-Native] react-native-mmkv 사용해 앱 로컬 저장소 성능 개선하기 모바일 앱을 개발하다 보면 로컬 저장소에 데이터를 저장할 경우가 생깁니다. react-native에서는 자연스럽게 AsyncStorage라는 라이브러리를 사용해 왔습니다. 하지만 최근에 WeChat에서 개발한 react-native-mmkv라는 라이브러리를 알게되어 소개합니다. 1. 속도 mmkv 는 모든것이 C++로 작성이 되어서 기존에 있던 다른 로컬저장소보다 속도가 빠릅니다. 2. 보안 지금까지 많이 사용하던 AsyncStorage는 암호화를 지원하지 않지만 mmkv는 암호화를 지원합니다. 3. 동기식 호출 비동기처리가 완료될때까지 기다리는게 아니라 동기식으로 데이터를 받아올 수 있습니다. 설치 yarn add react-native-mmkv cd ios && pod install 인스턴스 생성 i.. 2024. 4. 15. [React-Native] 리액트 네이티브 Axios로 웹서버 http 통신(요청)하기 왜 Axios 써야 하는가? react native에서 웹서버에 데이터를 요청하거나 요청한 데이터를 받아올 때 사용하는 API는 대표적으로 Fetch, Axios 가 있습니다. 먼저 두 가지 방식을 비교하며 왜 Axios를 써야 하는지 살펴보겠습니다. 1. promise API 지원 여기서 promise란 자바스크립트 비동기 처리에 사용되는 객체입니다. 또 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미합니다. 즉 axios는 비동기 통신을 지원합니다. 2. json 데이터로 자동변환 Axios는 요청을 보낼 때 자동으로 데이터를 문자열 화합니다. 그러나 Fetch()를 사용할 때는 수동으로 수행해야 합니다. 3. 광범.. 2019. 10. 19. [React-Native] 리액트 네이티브(react-native) 프로젝트 시작하기 리액트 네이티브를 시작한 지 벌써 6개월이 지났습니다. 그동안 리액트 네이티브로 개발하면서 장점도 느껴보고 단점도 느끼며 그 단점 때문에 무척 화가 난적도 많았습니다. 하지만 현재 회사에서 진행하고 있는 프로젝트의 플랫폼이 리액트 네이티브이기 때문에 당분간은 계속 리액트 네이티브로 앱 개발을 이어 나갈 것 같습니다.그래서 리액트 네이티브를 처음부터 복습하며 지금까지 해왔던 내용들을 공유하는 글을 작성해볼까 합니다. 먼저 이 글에서는 리액트 네이티브를 설치하고 프로젝트 생성&빌드해보겠습니다. 리액트 네이티브 개발방식 Expo CLI React Native CLI 리액트 네이티브는 위의 두가지 방식으로 앱을 개발하고 빌드할 수 있습니다. Expo CLI는 Xcode와 Android Studio의 코드를 건드.. 2019. 10. 16. [React-Native] react-navigation 사용하여 화면 간 이동하기 왜 react-navigation인가? react-native로 개발을 시작하는 데 있어서 가장 중요한 요소 중 하나는 화면 별 스택 구성과 화면 간 이동에 어떤 라이브러리를 쓸 것인가인 것 같습니다. react-navigation native-navigation react-native-navigation react-native-router-flux 더 많은 라이브러리들이 있겠지만 화면을 이동할 때 많이 쓰는 라이브러리는 이정도가 있는 것 같습니다. 그중에 저는 react-navigation을 사용하여 개발을 시작하였습니다. 그 이유는 성능개선에 관한 update가 다른 라이브러리보다 훨씬 좋다고 판단이 되었기 때문입니다. react-navigation는 공식홈페이지가 따로 존재하고 현재 버전 4.0.1.. 2019. 10. 15. 이전 1 2 다음
