Frameworks/React Native

순위 ( 높을 수록 빠름 ) 함수 1 2 useReactiveVar 3 AsyncStorage 4 AsyncStorage는 웹의 LocalStorage와 다르게, Promise 형식으로 작동하므로 가동되는데 더 많은 시간이 걸린다.

1. ascii-capable 2. decimal-pad 3.default 4. email-address 5.name-phone-pad 6. number-pad 7. numbers-and-punctuation 8. numeric 9. phone-pad 10. twitter 11. url 12. visible-password 13. web-search

오류 내용 If you are sure the module exists, try these steps: 1. Clear watchman watches: watchman watch-del-all 2. Delete node_modules and run yarn install 3. Reset Metro's cache: yarn start --reset-cache 4. Remove the cache: rm -rf /tmp/metro-* 해결방법 // 1 단계 $ npm cache clean --force // 2 단계 $ rm -rf node_modules 로 node_modules 삭제 폴더로 이동하거나 디렉토리로 이동하여 수동으로 삭제하고 마우스 오른쪽 버튼을 클릭 한 다음>삭제를 클릭하십시오. // 3 단..

React에서의 styled-components와의 다른점 div => View span => Text styled-components 설치 sudo npm install styled-components // Typescript 사용시 추가 설치 sudo npm install @types/styled-components @types/styled-components-react-native styled-components 사용 ㅇㅇ appearance 란? 라이트모드, 다크모드 같은 설정이 있는지 확인한다. appearance 설치 sudo npm install react-native-appearance

React Native란? React의 문법으로 ( javascript 기반 ), android, ios의 앱을 만드는 프로그램 javascript로 작성된 코드들을, android 와 ios에 맞춰 바꾸어준다. ( 크로스플랫폼 ) React Native 개발 과정 Node.js 설치 VsCode 설치 VsCode 편집기로 코드(소스파일) 작성 소스파일을 android, ios 앱으로 빌드 앱을 가상장치(에뮬레이터)에서 테스트 앱 배포 Expo cli 이용 React Native 설치 [React.js] Expo란? Expo란? 리액트 네이티브 앱을 만들기 위한 설정파일을 간단하게 설정해주는 프로그램 Expo 특징 안드로이드, ios 앱을 윈도우, 맥, 리눅스에서 만들 수 있게 해준다. 리액트 네이티브 ..

React navigation 리액트 네이티브에 네비게이션 기능을 간단하게 만들 수 있다! ( 페이지 탐색 메뉴 ) React Native란? [React Native] React Native란? React Native란? React의 문법으로 ( javascript 기반 ), android, ios 앱을 만드는 프로그램 React Native 설치 ( Expo이용해서, React Native 프로젝트 간단하게 실행하기 ) [React.js] Expo란? Expo란? 리액트.. defineall.tistory.com 설치 npm install @react-navigation/native expo managed 프로젝트 사용시 설치 expo install react-native-gesture-handler..

AppLoading 이란? expo앱을 실행하기 전에, 로딩이 될때까지 기다릴 수 있도록 해주는 expo 라이브러리 ( 유저가 앱을 실행했을때, 바로 조작 할 수 있도록 미리 로드 ) 공식 페이지 AppLoading - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.io AppLoading 설치 expo install expo-app-loading 본 게시글에서는, Expo의 아이콘과 폰트를 미리 불러오는 기능을 만들어보겠다. Expo Font 란? Expo 앱에서 여러가지 글꼴을 사..

Expo란? 리액트 네이티브 앱을 만들기 위한 설정파일을 간단하게 설정해주는 프로그램 Expo 특징 안드로이드, ios 앱을 윈도우, 맥, 리눅스에서 만들 수 있게 해준다. 리액트 네이티브 앱을 만드는데 좋은 라이브러리가 있다. ( EXPO SDK ) 만든 리액트 네이티브 앱을 휴대폰으로 직접 테스트 해볼 수 있다 ( 앱스토어 업로드 필요없음 ) Expo 종류 관리 방식 ( managed workflow ) - 엑스포가 모든것을 관리하는 방식 베어 방식 ( bare workflow ) - react-native-unimodules 패키지만 사용하는 방식 웹 방식 - react native를 웹에서 동작하도록 하는 방식 Expo 설치 // 모든 폴더에서 expo-cli 접속가능하도록 설치 npm insta..