혀니의 이거저거 뿌시기

typescript형태로 app.tsx가 빌드가 되었어서.. navigation도 그에 따라 기존의 App.js 구현 때와는 다르게 구현해야 했다. https://benjaminwoojang.medium.com/react-navigation-with-typescript-270dfa8d5cad React Navigation with Typescript React Navigation is a library that helps with routing and navigation. benjaminwoojang.medium.com 구현에는 이 글이 가장 많은 도움이 되었다. 왜인지는 모르겠지만 typescript는 javascript와는 달리 navigation.navigate 를 바로 쓸 수 없었고, 각 Stac..

나를 정말 고통스럽게 만들었던 react native 설치 오류... https://kitty-geno.tistory.com/47 React Native | 맥(Mac) 개발 환경 구축 ▶ 리액트 네이티브(React Native)란? 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크로 안드로이드, iOS, 웹, UWP용 애플리케이션을 한 번에 개발하기 위해 많이 사용되고 있다. 「 Home kitty-geno.tistory.com 기본적으로 이런 문서들 따라했는데 계속 안됨. 다 똑같이 하고 xcode까지 맞게 깔았는데 에뮬레이터 실행까진 되는데 react native 화면이 안뜸..;; react native 설치 모든 문서를 찾아봤을 때 공통적으로 깔라고 하는 react native cli의..

import React from 'react'; import { Image, SafeAreaView, View, FlatList, StyleSheet, Text, StatusBar ,ActivityIndicator} from 'react-native'; import {apoc} from '../../../clothes_information.json';//참조할local json const GridView = ({ name, image, price}) => (//쓸 형식과 받을 인자 설정 //image source url 형식에 주의 {name} {price} ); const Index = () => { return ( }//item을 render할때 gridview형식을 따를것이며 인자 설정 keyExt..

미세먼지 어플리케이션 10강 - 네비게이션 (9강은 10강 후에 진행하겠습니다. 순서 조정했습니다.) - YouTube 영상은 이것을 참고했습니다.. 이것을 20번정도 돌려보고나니까 되더군여.... /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow strict-local */ import React from 'react'; //import 'react-native-gesture-handler'; import {StyleSheet,Text,View,Button} from 'react-native'; import { NavigationContainer } from '@react-navigati..

참고한사이트는? 윈도우(Windows)에 react native 개발 환경 구축하기 - react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. (posstree.com) 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 요기에 아주 자알 나와있다. 명령 프롬프트(cmd)에서 저 글에 나와있는 깔라는것만 제대로 다 깔고 안드로이드 스튜디오 환경 구축만 잘 되어있다면 ..