javascript thumbnail list [React_Native] References 아이콘 https://dev-yakuza.github.io/ko/react-native/react-native-vector-icons/ react-native-vector-icons react-native-vector-icons 라이브러리를 사용하여 아이콘을 표시해보자. dev-yakuza.github.io Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling. https://github.com/oblador/react-native-vector-icons oblador/react-native-vector-icons Customizable Icons for R.. more [React_Native] AsyncStorage 사용법 1. 설치 0.59 이전 버전의 리액트 네이티브에서는 설치 스킵 0.60 이후 버전의 리액트 네이티브 npm install --save @react-native-community/async-storage 설치 완료 후, cd ios pod install 리액트 네이티브 0.60 이후 버전은 라이브러리가 자동으로 연결 이전 버전의 리액트 네이티브에서는 다음 명령어로 라이브러리 연결 필요 react-native link @react-native-community/async-storage 2. 사용 Set import AsyncStorage from '@react-native-community/async-storage'; ... AsyncStorage.setItem('token', 'save your toke.. more [React-Native] 함수형 컴포넌트 vs 클래스 컴포넌트 ** 참고 리액트가 왜 함수형 컴포넌트를 선택했으며, 리액트 훅이 왜 나온것인지 https://ko.reactjs.org/docs/hooks-intro.html#motivation 함수형 컴포넌트 import React, {useState} from 'react'; import Styled from 'styled-components/native'; import Button from '~/Components/Button'; const Container = Styled.SafeAreaView` flex: 1; `; const TitleContainer = Styled.View` flex: 1; justify-content: center; align-items: center; `; const TitleLabe.. more [React-Native] 프로젝트 준비 - App 생성 가이드라인 1. 프로젝트 생성 react-native init TestApp 2. 타입스크립트, Styled Components, babel-plugin-root-import 설치 cd TestApp npm install --save styled-components npm install --save-dev typescript @types/react @types/react-native @types/styled-components babel-plugin-root-import 3. tsconfig.json 파일 생성 { "compilerOptions": { "allowJs": true, "allowSyntheticDefaultImports": true, "esModuleInterop": true, "isolatedMod.. more prev 1 next