개발 일기

해당 링크 참조 Flex Flex을 통해서 비율을 통해서 결정을 할수가 있습니다. 따라서 아래에 코드를 보면 flex을 통해서 비율을 정할수가 있습니다. import React, { Component } from 'react'; import { View } from 'react-native'; export default function FlexDimensionsBasics() { return ( // Try removing the `flex: 1` on the parent View. // The parent will not have dimensions, so the children can't expand. // What if you add `height: 300` instead of `flex: 1`? ..

ScrollView ScrollView는 안에 다양한 컴포넌트를 포함시켜도 스크롤이 가능하게끔 설계가 되어있습니다. 또한 가로 세로도 모두 포함을 합니다. 아래 예시에서는 vertical(세로) ScrollView에 대해서 예제를 보여드리도록 하겠습니다. import React from 'react'; import { Image, ScrollView, Text } from 'react-native'; const logo = { uri: 'https://reactnative.dev/img/tiny_logo.png', width: 64, height: 64 }; export default App = () => ( Scroll me plz If you like Scrolling down What's the b..

TextInput TextInput은 사용자로부터 입력을 받을수가 있습니다. onChangeText props을 통해서 입력값을 계속해서 받을수가 있습니다. import React, { Component, useState } from 'react'; import { Text, TextInput, View } from 'react-native'; export default function PizzaTranslator() { const [text, setText] = useState(''); return ( setText(text)} defaultValue={text} /> {text.split(' ').map((word) => word && '🍕').join(' ')} ); } 따라서 위와 같은 코드에서는..

React Native ? React Native는 Android IOS을 React 와 App Native 기능을 사용해서 개발을 할수 있는 open framework 입니다. React Native는 Javascript로 접근이 가능하고 UI는 React Component을 사용합니다. Views and mobile development 안드로이드 및 IOS 개발에 있어서 view는 화면에서 text , image 또는 사용자에게 이벤트를 받을수 있는 UI의 기본 구성 요소입니다. Native Components Android 개발자에게는 Java , Kotlin , IOS 개발자에게는 Swift , Objective-c 사용하지만 React Native는 Javascript을 사용하여 React C..