![]()
React-Native View 컴포넌트에 대해 알아보기React-Native 는 거의 대부분을 너비와 높이에 기반해서 레이아웃을 디자인 하지 않는다.⇒ width , height를 거의 사용하지 않는다는 뜻이다.스크린의 크기에 따라 보이는게 천차만별이기 때문이다.반응형 디자인에 대해 생각해야된다. 수많은 스크린들을 고려하면서 디자인 해야될것!아이콘이나 아바타는 width 나 height 를 사용할 수 있지만 레이아웃에서는 사용하지 않는다.View 기본적으로 flex 속성을 가지고 있다. 일반적으로 웹에서는 display : flex 를 하고 flex-direction: row; 를 하는 속성을 넣어줘야 되지만 React-Native View 는 기본적으로 flex 속성을 가지고 있다.그리고 React..
React-Native 규칙React-Native는 HTML 로 구성되지 않기 때문에 가 아닌 가 아닌 를 통해 구성된다.React-Native의 Text 의 구성요소는 텍스트 컴포넌트 안에 들어가야된다. ⇒ span , p 를 사용할수 없다.React-Native 에서는 React처럼 style을 완전히 동일로는 사용할수 없다. ⇒ 일부만 사용할 수 있다React-Native StyleSheet 사용방법import { StatusBar } from 'expo-status-bar';import { StyleSheet, Text, View } from 'react-native';export default function App() { return ( Hello World ..
![]()
설치과정1. node 설치 ⇒ 기본과정이므로 생략2. expo를 global로 설치npm install --global expo-cli 3. watchman 설치brew install watchmanWatchman은 Meta가 만든 File 모니터링 도구4. 어디에서 실행하고 테스트 할 것인가?4-1. XCode를 설치하면 컴퓨터 자체에서 Ios Simulator를 사용할 수 있다.4-2. Android studio를 설치하면 컴퓨터 자체에서 Android Simulator를 사용할 수 있다.4-3. 아이폰 핸드폰에서 expo go 앱을 다운 받아 설치하여해당 폰에서 실행가능4-4. 안드로이드 핸드폰에서 expo go 앱을 다운 받아 설치하여 해당 폰에서 실행가능5. expo init을 파일폴더 생성ex..
리액트 네이티브를 사용하기 위해서 'Expo'와 'React-Native-CLI' 를 사용한다.CLI 와 Expo의 특징React Native CLI 특징기본적으로 네이티브 코드(Android, iOS)를 직접 다뤄야 하기 때문에 설정이 복잡하다.Java, Android Studio, Xcode 등 네이티브 환경 설정이 필요하다.커스터마이징이 자유로워서, 프로젝트에서 네이티브 모듈을 직접 작성하거나, 서드파티 네이티브 모듈을 쉽게 사용할 수 있다.React Native Expo의 특징설치와 초기 설정이 매우 간단하다. expo init 명령어로 바로 프로젝트를 시작할 수 있다네이티브 코드 설정 없이도 앱을 개발할 수 있어서 초보자에게 적합하다Expo 앱을 통해 개발 중인 애플리케이션을 실시간으로 테스트할..
