프로젝트/[react]todo_app
-
[todo_app_4] 스크롤이 가능한 리스트프로젝트/[react]todo_app 2018. 5. 15. 13:41
ToDo.js 리스트를 만들어서, 스크롤 할 수 있게 코드를 작성하려고 한다.ToDo.js 파일로 빼서 작업import React, {Component} from 'react';import { View, Text, TouchableOpacity, StyleSheet } from 'react-native'; export default class ToDo extends Component{ //stateful component, 수정되야하니까 render(){ return ( ToDo ) }} const styles = StyleSheet.create({ }) App.js 에 ToDo 컴포넌트 import 하기 import ToDo from './ToDo'; 스크롤이 가능하게 되었다. 가운데 정렬 ! toDo..
-
[todo_app_3] ui- 기본, 입력칸프로젝트/[react]todo_app 2018. 5. 12. 14:29
기본적인 ui 작업import React from 'react';import { StyleSheet, Text, View, StatusBar, TextInput, Dimensions, Platform } from 'react-native'; const { height, width } = Dimensions.get("window"); {/*윈도우 크기 알아내서 저장*/} export default class App extends React.Component { render() { return ( {/*상단의 status bar 변경*/} Cute To Do ); }} const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#F2..
-
[todo_app_2] 프로젝트 세팅프로젝트/[react]todo_app 2018. 5. 8. 22:33
세팅expo에서 프로젝트 생성github에 repository생성 git remote add origin urlgit pull origin mastergit add .git commit -m "some messages"git push origin master app.json 변경{ "expo": { "name": "cute todo", "description": "cute todo app made by react", "slug": "cuteTodo", 앱 이름, 설명 쓰기 slug 가 expo 프로젝트 이름 따라서 cute-todo 이렇게 되어있었는데나중에 오류난다... '-' 이거 빼야함 README.md 변경# cute-todocute todo app made with react native GitH..