일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- MachineLearning
- VirtualBox
- qunit
- 맥
- react
- unittest
- linux
- jest
- node
- build
- Chrome
- avds
- webpack
- IOS
- ReactNative
- 센토스
- Android
- centos
- 리눅스
- MAC
- TensorFlow
- 개발
- xcode
- PYTHON
- 네트워크
- vsCode
- androidstudio
- localserver
- picker
- Today
- Total
목록Frontend (184)
로메오의 블로그
React 목록 구글 Noto KR 폰트 다운로드 https://fonts.google.com/noto/specimen/Noto+Sans+KR Download family 로 폰트 다운로드합니다. StyleSheet에 적용 import { View, Text, StyleSheet } from 'react-native'; ... const HomeScreen = () => { ... return ( C ); }; export default HomeScreen; const styles = StyleSheet.create({ ... keypadNumber: { ... fontFamily: 'Noto Sans KR', }, ... }); font를 인지하지 못합니다. iOS 폰트 설정 $ mkdir src/io..
React 목록 모듈 설치 $ npm install redux $ npm install react-redux $ npm install redux-thunk 파일 생성 $ mkdir src $ mkdir src/redux $ mkdir src/screens $ touch src/redux/actions.tsx $ touch src/redux/reducer.tsx $ touch src/redux/store.tsx $ touch src/screen/HomeScreen.tsx $ touch src/screen/ChildScreen.tsx store.tsx import {legacy_createStore, combineReducers, applyMiddleware} from 'redux'; import thunk..
React 목록 import React, {useState} from 'react'; import {View, Text, StyleSheet, Button, ScrollView} from 'react-native'; interface State { name: string; } export default function App() { const [companies, setCompany] = useState([ {name: 'google'}, {name: 'samsung'}, {name: 'microsoft'}, {name: 'facebook'}, {name: 'apple'}, ]); const add = () => { const newCompany = {name: 'newCompany'}; setCompa..
React 목록 import React, {useState} from 'react'; import {View, Text, StyleSheet, Button} from 'react-native'; interface State { age: number; } export default function App() { const [count, setCount] = useState({age: 0}); const increase = () => { setCount({age: count.age + 1}); }; const descease = () => { setCount({age: count.age - 1}); }; return ( {count.age} ); } const styles = StyleSheet.create..
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..