날뛰는 코드

* vscode 리액트네이티브 세팅!!! https://www.vobour.com/vscode-%EC%B6%94%EC%B2%9C-%EC%9D%B5%EC%8A%A4%ED%85%90%EC%85%98%EA%B3%BC-%EC%84%B8%ED%8C%85-vscode-recommended-e * vs sync로 동기화도 가능 expo는 vector icon 이라는 ion icon 아이콘 패키지가 있다. https://expo.github.io/vector-icons/ 여기서 사용하고 싶은 아이콘을 찾아서 name에 입력하면 사용하고싶은 아이콘을 사용 할 수 있다!!!!! import {Ionicons} from "@expo/vector-icons"; 해서 이런식으로 아이콘색, 모양을 가져와서 쉽게 사용 할 수 있다..

https://youtu.be/2y_G4iVmGMI 1. state 만들기 - 우리가 정보를 받았는지 안받았는지 알려주는 indicator 필요 - 로딩 완료되면 정보 보여주고 로딩 안됬으면 로딩스크린 * state 관련 링크 https://yuddomack.tistory.com/entry/4React-Native-State%EC%99%80-Props-1%EB%B6%80State State와 Props의 특징 1. Props 혹은 State에 변경이 감지될 때마다 render()가 수행된다. (이는 리액트의 최적화와도 관련있습니다.) 2. State에는 현재 컴포넌트의 화면을 그리는 것과 관련된 대다수의 값들을 담는다. 3. 데이터의 흐름은 상위 컴포넌트에서 하위 컴포넌트로 단방향이다. 4. Props에..

https://youtu.be/Qb2a1uFSMvY - flexbox로 디자인을 짤수있다 - 웹에서 배웠으면 이미 유용 - import React from 'react'; import { StyleSheet, Text, View, ActivityIndicator } from 'react-native'; export default class App extends React.Component { render() { return ( ); } } // 오브젝트 만들어서 위에 뷰에 붙임 const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', // alignItems: 'center', // justifyContent: 'c..

1. node.js 설치 - 리액트(react) 및 자바스크립트(JavaScript) 라이브러리를 실행하기 위한 기반 - 접속 주소 : https://nodejs.org/ko/download/ 에 접속해서 LTS 최신 버젼 다운로드 - 필요에 따라 yarn 설치 : https://yarnpkg.com/en/docs/install#windows-tab * 기본 code 편집기가 없는 경우 : visual studio code 설치 (VSCode 설치 후 react native로 연관 모듈 검색해서 필요시 설치) 출처: https://codinghub.tistory.com/47 [Coding Hub] 2. expo-cli 설치 cmd 또는 bas..