728x90 반응형 리액트네이티브38 1 - RN 초기화 1. 코코아팟 설치 sudo gem install cocoapods 2. 코코아팟 설치 확인 pod --version 아래와 같이 버전이 출력되면 설치 완료 3. ssh 확인 (깃이용을 위해 필요) cd ~/.ssh 없다면 ssh생성필요 참조 https://git-scm.com/book/ko/v2/Git-%EC%84%9C%EB%B2%84-SSH-%EA%B3%B5%EA%B0%9C%ED%82%A4-%EB%A7%8C%EB%93%A4%EA%B8%B0 Git - SSH 공개키 만들기 많은 Git 서버들은 SSH 공개키로 인증한다. 공개키를 사용하려면 일단 공개키를 만들어야 한다. 공개키를 만드는 방법은 모든 운영체제가 비슷하다. 먼저 키가 있는지부터 확인하자. 사용자의 SSH git-scm.com 4. 깃 레파지.. 2022. 1. 19. [react-native]셀렉트 박스 https://github.com/lawnstarter/react-native-picker-select lawnstarter/react-native-picker-select 🔽 A Picker component for React Native which emulates the native interfaces for iOS and Android - lawnstarter/react-native-picker-select github.com > npm i react-native-picker-select > import RNPickerSelect from 'react-native-picker-select'; { // 선택창이 열릴때 Keyboard.dismiss(); //키보드 내림 }} onValueChange=.. 2020. 5. 22. [react-native] 컴포넌트의 크기를 지정할때 화면비율에 맞게 지정하는 간단한 방법 npm i react-native-responsive-screen import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen'; 위에 코드를 추가했다면 아래와 같이 사용가능하다. style={{ width : wp('100%') // 스크린 가로 크기 100% height : hp('50%') // 스크린 세로 크기 50% top : hp('30%') // 스크린 세로 크기의 30% 만큼 0에서부터 이동 }} 2020. 4. 27. [react-native] 이미지 슬라이더 / 현재 이미지 번호(index) 표시 npm i react-native-image-slider-box intellidev1991/react-native-image-slider-box A simple and fully customizable React Native component that implements an Image Slider UI. - intellidev1991/react-native-image-slider-box github.com import { SliderBox } from 'react-native-image-slider-box'; state = { currentIndex: 1, imageList: [require('...'), require(...')], }; { // 이미지가 바뀔때 어떤 동작을 할지 설정 this.set.. 2020. 4. 22. 이전 1 2 3 4 5 ··· 10 다음 728x90 반응형