목록프레임워크/React Native (3)

Fall in IT.

react-native 레이아웃 간단하게 잡는 방법

안녕하세요. 오늘은 react-native에서 간단하게 레이아웃 잡는 방법에 대해서 알아보도록 하겠습니다. react native layout 잡는법고정 크기의 영역 잡기다이나믹하기 변경되는 영역 잡기 (보통 많이 사용 됨)justifyContent 사용하기alignItems 사용하기 1. 고정 크기의 영역 잡는 방법 # fixed dimensions 2. 다이나믹하기 변경되는 영역 잡기 (보통 많이 사용 됨) - 기본적으로 flex에서 flexDirection은 column이 적용 된다.- 가로로 영역을 나누고 싶으면 flexDirection 값을 row를 사용하면 된다. # flex dimensions 3. justifyContent 사용하기 - 정렬 보조속성으로 flexDirection의 값에 영향..
프레임워크/React Native 2018. 12. 3. 22:48
안드로이드 앱 원격으로 배포 및 디버깅하는 방법

안녕하세요. 오늘은 안드로이드 개발할때 앱 원격으로 배포 및 디버깅 하는 방법에 대해서 알아보도록 하겠습니다. 사실 구형 맥북을 사용하다가 신형 맥북을 사용하여 개발하니 USB-C 타입 포트 밖에 없어서 개발하는데 불편함을 겪었습니다.신형에서 개발하고 구형에서 USB를 꼽고 빌드하고..(반복.. 노가다..) (USB-C 타입 노트북 사용하시는 분들 모바일 기기에 빌드할때 어떻게 하시는지 알려주세요.. 저의 경우 타입 변경해주는 허브 썼다가 빌드가 안돼서.. ^^;) 그래서, 케이블이 없는 상황에서 신형 맥북으로 개발하고 바로 디바이스에 돌려볼 수 없을까.. 고민하다가같은 와이파이(같은 대역 사설 네트워크)에 붙어있는 상황에서 원격으로 앱을 배포 및 디버깅 하는 방법을 찾게 되었습니다. 준비할 사항모바일 ..
프레임워크/React Native 2018. 8. 7. 23:08
React Native Typescript 설정하는 방법

안녕하세요. 오늘은 React Native에 TypeScript를 설정하는 방법에 대해서 알아보도록 하겠습니다. React Native TypeScript 설정방법 1. 프로젝트 생성 $ react-native init [project name] 2. 프로젝트 진입 $ cd [project name] 3. 타입스크립트 및 필요한 모듈 추가 $ yarn add --dev typescript $ yarn add --dev react-native-typescript-transformer $ yarn tsc --init --pretty --jsx react $ yarn add --dev @types/react @types/react-native // tsconfig.json에서 "allowSyntheticDef..
프레임워크/React Native 2018. 8. 5. 11:22
Prev 1 Next