풀스택을꿈꾸는개발자

Step.1 fastlane을 사용하기 위해서는 ruby가 설치되어있어야합니다 버전은 2.5이상을 지원합니다. 설치 전 버전 체크를 부탁드립니다. 버전 확인하는 방법 $ ruby --version ruby가 설치되어있다면 아래와 같이 나타날껍니다. ruby 2.7.2p137 (2020-10-01 revision 5445e04352) [x86_64-darwin19] Step.2 fastlane 설치 brew install fastlane

react-native 2023. 2. 2. 09:36

*설치방법 yarn add react-native-dotenv; *타입스크립트를 사용한다면 아래 껏도 다운로드 해주자. yarn add react-native-dotenv *for ios cd ios / pod install *babel.config.js 설정 module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [ 'react-native-reanimated/plugin', [ 'module:react-native-dotenv', { moduleName: 'react-native-dotenv', path: '.env', blacklist: null, whitelist: null, safe: true, allowU..

react-native 2023. 2. 2. 07:45

기본적으로 scrollView를 많이 사용합니다. 사용되는 컴포넌트가 적고, 화면에 표시되는 양이 적지 않다면 scrollView를 사용해도 무방합니다. 하지만 많은양의 화면을 보여주어야되는 경우 적합하지 않습니다. flatList은 대표적인 react-native api입니다. 속도는 scrollView보다 빠르며 많은 양을 보여주는데에 최적화 되어있다. scrollView에 비해서 압도적인 성능을 보여줍니다. 단점으로는 보여지지 않는 부분에 대해서 단순히 언마운트 시키는 것이므로 많은 garbage collection을 야기합니다. 적은 양의 데이터를 가지고 있음에도 빠른 scroll event 발생 시 화면 깜빡거리는 이슈가 있습니다. RecyclerListView은 layout provider를 ..

react-native 2023. 1. 19. 10:41

//react-native-ImagePicker 설치이후 진행 selectImage = async () => { ImagePicker.launchImageLibrary( { mediaType: 'photo', includeBase64: true, maxHeight: 200, maxWidth: 200, }, (response) => { console.log(response); this.setState({ image: response }); }, ) } /** * Select video & store in state */ selectVideo = async () => { ImagePicker.launchImageLibrary({ mediaType: 'video', includeBase64: true }, (..

react-native 2023. 1. 19. 10:40

style에 padding: 0, maring:0, 주면 해결할 수 있다. -> 글자 잘림 현상은 textinput에 기본 적으로 padding 과 margin 값이 있어서 생기는 문제이다.

react-native 2023. 1. 19. 10:40

{ "compilerOptions": { "allowJs": true, "allowSyntheticDefaultImports": true, "esModuleInterop": true, "isolatedModules": true, "jsx": "react", "lib": ["es6", "es2017"], "moduleResolution": "node", "noEmit": true, "strict": true, "target": "esnext", "skipLibCheck": true }, "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"] } 위 내용을 복사 하여 사용. (그래야 모듈들을 정상적으로 인식할 수 ..

react-native 2023. 1. 19. 10:40

yarn add styled-components yarn add --save-dev babel-plugin-styled-components @types/styled-components @types/styled-components-react-native root 폴더 -> babel.config.js에 plugins: ['babel-plugin-styled-components'],

react-native 2023. 1. 19. 10:39

import {SafeAreaProvider, SafeAreaView} from 'react-native-safe-area-context'; 임포트가 어디서 되어있는지 확인해보자 -> import {SafeAreaView} from 'react-native'이 아닌지 확인 react-native-safe-area-context safeAreaView를 사용하는 경우에는 safeAreaProvider를 safeAreaview에 감싸주었는지 확인하자.

react-native 2023. 1. 19. 10:39