일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 리눅스
- 맥
- ReactNative
- MAC
- unittest
- jest
- localserver
- 센토스
- xcode
- PYTHON
- Android
- webpack
- build
- react
- node
- linux
- Chrome
- TensorFlow
- 네트워크
- qunit
- androidstudio
- centos
- vsCode
- MachineLearning
- VirtualBox
- picker
- 개발
- avds
- IOS
- Today
- Total
목록App & OS/Hybrid (28)
로메오의 블로그
화면 코딩 /src/Function.js import React, { Component } from 'react'; import { View, } from 'react-native'; export default class Function extends Component { // Test 할 function을 만든다. // 입력된 숫자의 *2를 반환한다. multiple(x) { return x * 2 } render() { return ( ); } } Test Code 작성하기 /__test__/Function-test.js import 'react-native'; import React from 'react'; import Function from '../src/Function'; import rend..
화면 코딩하기 /App.js import React, { Component } from 'react'; import { StyleSheet, Text, View, } from 'react-native'; export default class App extends Component { render() { return ( Hello ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, }); Build 하기 $ react-native run-android Test Code 작성 /__test__/App-tes..
예제로 사진갤러리에서 사진을 선택하는 plugin을 사용해 보겠습니다. react-native-image-picker 설치하기 $ cd /my/project/path/ $ cd firstProject $ npm install --save react-native-image-picker 라이브러리 등록하기 $ react-native link react-native-image-picker react-native-image-picker 제거하기 라이브러리 등록해제하기 $ react-native unlink react-native-image-picker 플러그인 삭제하기 $ npm uninstall --save react-native-image-picker
React 목록 React Native Cli 설치하기 $ sudo npm install -g react-native-cli React Native Project 생성하기 $ cd /my/project/path/ $ react-native init firstProject Build 하기 $ cd firstProject $ react-native start --reset-cache Android Build 하기 react-native start 한 터미널을 그대로 두고 새로운 터미널을 엽니다. $ cd /my/project/path/firstProject $ react-native run-android socket 통신 오류가 날경우 $ react-native run-android --port=8081 i..