로메오의 블로그

React 목록 import React, {Component} from 'react'; import {View, Text, StyleSheet, Button} from 'react-native'; interface State { name: string; age: 0; } export default class App extends Component { state: State = { name: '', age: 0, }; render() { return ( {this.state.name} { this.setState({ name: 'hello', }); }} /> ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'c..

React 목록 react-native navigation 설치 $ npm install @react-navigation/native --save $ npm install react-native-screens react-native-safe-area-context --save $ npm install @react-navigation/native-stack --save $ npm install @react-navigation/bottom-tabs --save 파일생성 $ mkdir navigation $ mkdir navigation/screens $ touch navigation/MainNavigation.tsx $ touch navigation/screens/HomeScreen.tsx $ touch n..

React 목록 react-native navigation 설치 $ npm install @react-navigation/native --save $ npm install react-native-screens react-native-safe-area-context --save $ npm install @react-navigation/native-stack --save iOS 모듈 설치 $ cd ios $ pod install $ cd .. Android 모듈 설치 ... import android.os.Bundle; public class MainActivity extends ReactActivity { ... @Override protected void onCreate(Bundle savedInstan..

React 목록 App.tsx import React from 'react'; import { SafeAreaView, StatusBar, StyleSheet, Text, useColorScheme, View, } from 'react-native'; import {Colors} from 'react-native/Libraries/NewAppScreen'; const App = () => { const isDarkMode = useColorScheme() === 'dark'; const backgroundStyle = { backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, }; return ( Restaurant App Explore Restau..

React 목록 react-native-cli 삭제 $ sudo npm uninstall -g react-native-cli 기존에 설치된 react-native-cli를 삭제합니다. Node, Watchman, JDK, Ruby 설치 $ brew install node $ brew install watchman $ brew tap homebrew/cask-versions $ brew install --cask zulu11 $ brew tap AdoptOpenJDK/openjdk $ brew install --cask adoptopenjdk8 $ rvm install "ruby-2.7.5" $ sudo gem install cocoapods 프로젝트 생성 및 실행 $ cd my/project/folder..

React Native [React Native] 프로젝트 생성하기 (2019년 기준) [React Native] 프로젝트 생성하기 (2022년 기준) [React Native] Plugin 설치/삭제하기 [React Native] Codepush 설치하기 [Appcenter] [React Native] Codepush module 설치 [Appcenter] [React Native] Codepush deployment key 설정 [Appcenter] [React Native] Codepush 배포하기 [Appcenter deployment] [React Native] Stack navigation 사용하기 (2019년 기준) [React Native] Stack navigation 사용하기 (2022..

VUE.JS 목록 css/_variables.scss $color: rgb(178, 133, 133); VUE.JS 목록

Figma 목록 Text를 선택해서 Add auto layout 합니다. 간격을 수정할수 있습니다. 서체와 크기를 변경하고 마지막 줄을 선택해서 command + d로 3개 복제합니다. 3개를 선택하고 새로운 auto layout으로 묶어주고, 가로로 배열합니다. 내용을 수정하고 간격도 변경해봅니다. auto layout 정렬을 수정하고 사이즈를 줄였는데 text가 줄바꿈 되지 않습니다. 각 텍스트를 선택해서 가로가 hug content로 되어 있는것을 fill container로 변경합니다. 제목과 이름을 선택해서 auto layout으로 합치고 간격을 수정합니다. frame1의 높이를 hug content로 설정하고 fill 과 padding을 설정합니다. 이미지와 frame1을 선택하고 add au..