목록리액트네이티브 (2)
반업주부의 일상 배움사
개발 환경 expo-cli 설치 sudo npm install -g expo-cli 프로젝트 생성 및 실행 expo init todo_app cd todo_app yarn start # blank 또는 blank (Typescript) 선택 w 누르고 웹에서 실행 * 여기서는 상태 관리를 위해 MobX(https://mobx.js.org/) 를 이용해요. sudo yarn add mobx mobx-react UI Store.tsx import { observable } from 'mobx'; const store = observable({ todos: [], add(newTodo) { this.todos.push(newTodo); } }); export { store }; Header.tsx import..
개발 환경 expo-cli 설치 sudo npm install -g expo-cli 프로젝트 생성 및 실행 expo init todo_app cd todo_app yarn start # blank 또는 blank (Typescript) 선택 w 누르고 웹에서 실행 * 여기서는 상태 관리를 위해 ActiveJS(https://activejs.dev/) 를 이용해요. sudo npm i @activejs/core --save UI Header.tsx import React, { Component } from 'react'; import { StyleSheet, View, TextInput, TouchableOpacity } from 'react-native' import { MaterialCommunityI..