로메오의 블로그

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..

VUE.JS 목록 pinia 설치 확인 Quasar cli로 프로젝트 생성시 pinia 옵션을 추가했습니다. stores/counter-store.ts import { defineStore } from 'pinia' export const counterStore = defineStore('main', { state: () => ({ counter: 0, name: 'romeoh' }), getters: { doubleCount: state => { return state.counter * 2 } }, actions: { reset () { this.counter = 0 }, addOne () { this.counter++ } } }) store 파일을 생성합니다. pinia 사용하기 hello {{ na..

VUE.JS 목록 Style & Identity https://quasar.dev/style/typography hello shadow Layout https://quasar.dev/layout/grid/introduction-to-flexbox col col col Alignment 가로정렬 One of two cols One of two cols 세로정렬 One of three cols One of three cols VUE.JS 목록

VUE.JS 목록 부모, 자식 콤포넌트간 데이터 공유를 위하여 사용함 parentComponent.vue childComponent.vue {{ text }} VUE.JS 목록

VUE.JS 목록 quasar/cli 설치 $ sudo npm install -g @quasar/cli 프로젝트 생성 $ npm init quasar Need to install the following packages: create-quasar Ok to proceed? (y) .d88888b. d88P" "Y88b 888 888 888 888 888 888 8888b. .d8888b 8888b. 888d888 888 888 888 888 "88b 88K "88b 888P" 888 Y8b 888 888 888 .d888888 "Y8888b. .d888888 888 Y88b.Y8b88P Y88b 888 888 888 X88 888 888 888 "Y888888" "Y88888 "Y888888 88888P..

VUE.JS 목록 https://quasar.dev/ Quasar Framework - Build high-performance VueJS user interfaces in record time Developer-oriented, front-end framework with VueJS components for best-in-class high-performance, responsive websites, PWA, SSR, Mobile and Desktop apps, all from the same codebase. Sensible people choose Vue. Productive people choose Quasar. Be both. quasar.dev Quasar 설치 $ npm install qu..