본문 바로가기

분류 전체보기

 (95)
React Native / swipe-list-view 1. Install npm install --save react-native-swipe-list-view 2. Usage home.js import React, {useState} from 'react'; import { StyleSheet,View, Text, Button, FlatList, TouchableOpacity} from 'react-native'; import { globalStyles } from '../styles/global' import { RectButton } from 'react-native-gesture-handler' ; import Swipeable from 'react-native-gesture-handler/Swipeable'; import { SwipeListView..
React Native / swipealbe 1. Install npm install @react-navigation/native expo install react-native-gesture-handler react-native-reanimated # expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view 사용방법은 총 2가지 2-1. 사용방법 첫번째 home.js import Swipeable from 'react-native-gesture-handler/Swipeable'; import React, {useState} from ..
React Native / drawer navigation 1. Install npm install @react-navigation/native expo install react-native-gesture-handler react-native-reanimated # expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view npm install @react-navigation/drawer 2. drawer.js 파일 생성 route 폴더 안에 drawer.js / aboutStack.js 파일 생성 drawer.js import React from ..
React Native / Global Style 적용하기, css style을 파일별로 적용하는것이 아니라 한 파일에서 style 태그만 관리하려고 할 때 Global Style을 만들어 사용한다. 1. 먼저 최상위 폴더에 styles 폴더 생성 후, global.js 파일을 만들어준다. global.js import { StyleSheet } from "react-native"; export const globalStyles = StyleSheet.create({ container: { padding:24, flex:1, }, titleText:{ fontFamily:'nunito-bold', fontSize:18, color:'#333', }, paragraph:{ marginVerical:8, lineHeight:20, } }); import { StyleShee..
Intellij / Run 설정이 Gradle로 실행될 때 intellij 를 쓰면 자바를 직접실행하는게 아니라 Gradle을 통해서 실행될때가 있음 그럼 run 할때 속도가 느림 File > Setting > gradle 검색화면 Build and run using/Run tests using이 Gradle로 되어있음 이를 Intellij IDEA로 바꿔주면 됨
Java / jdk 8 에서 11로 변경하는 방법 현재 컴퓨터에 jdk 8 버전이 깔려있는 상태에서 강의를 듣기위해 jdk 11버전을 변경해야 하는 상태이다. 1. jdk 11버전을 동일하게 다운로드 받는다 https://www.oracle.com/java/technologies/javase/jdk11-archive-downloads.html 2. '고급 시스템 설정 보기' 검색 > 환경변수 클릭 3. 시스템 변수에서 JAVA_HOME 클릭 > 편집 이전에 설정해준 JDK 8 버전을 11버전으로 변경해준다. 4. 그후 terminal 창에서 자바 버전 확인 하면 버전이 변경 된 것을 확인 할 수 있다. javac -version : 자바 버전 확인 명령어
React Native / navigation option navigation을 사용하면 자동으로 header가 생기는데, options로 header를 조정할 수 있다. homeStack.js import React from 'react'; import { createStackNavigator } from '@react-navigation/stack'; import Home from '../screens/home' import ReviewDetail from '../screens/reviewDetail' import { Button, Text } from 'react-native'; const Stack = createStackNavigator(); export default function HomeStack() { function LogoTitle() { r..
React Native / navigation v5 3(데이터이동) home.js /데이터를 보내는 화면 import React, {useState} from 'react'; import { View, Text, Button, FlatList, TouchableOpacity} from 'react-native'; import { globalStyles } from '../styles/global' export default function Home({navigation}) { const [reviews, setReviews] = useState([ {title:'book a', rating:5, body: 'first book', key:1}, {title:'book b', rating:4, body: 'second book', key:2}, {title:'book c'..

티스토리툴바