react native 기초 배우기 007 - Image, Modal
Image 폴더 생성 # pwd = react_native_01 $ mkdir assets/images 로컬에서 파일 가져오기 폴더에 이미지 추가(파일명 steak.jpg) App.js 수정 im...
최근 포스트
react native 기초 배우기 006 - Slider, ActivityIndicator
Slider 가로선이 있고 좌우로 값을 바꿀 수 있는 컴포넌트 Slider 설치 Slider 다운로드 # install slider $ npm install @react-native-community/slider --save pod install $ cd i...
react native 기초 배우기 005 - Button, ScrollView, TextInput 심화, Picker
Button, ScrollView, TextInput 심화 버튼을 누르면 텍스트 입력창으로부터 값을 받아 하단의 목록으로 보여주는 App.js import React, { Component } from 'react'; import { TextInput, B...
react native 개발 환경 for windows
chocolatey 설치 chocolatey 윈도우용 패키지 관리자 cmd를 관리자권한으로 실행 # chocolatey 설치 > @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -No...
react native 기초 배우기 004 - ScrollView, TextInput
ScrollView 화면을 스크롤할 수 있는 컴포넌트 scrollView ... import React, { Component } from 'react'; import { View, Text, StyleSheet, TouchableOpacity, Scr...
react native 기초 배우기 003 - Button, TouchEvent 심화
Button generator.js 파일생성 # pwd = react_native_01 $ mkdir src/generator.js // generator.js import React from 'react'; import { View, ...
react native 기초 배우기 002 - Style, TouchEvent
Style inline 와 StyleSheet 을 사용하는 방법이 있음 inline 방식 ... return ( <View style=({ backgroundColor: 'green', height: '100%', p...
react native 기초 배우기 001 - intro, View & Text
Intro 터미널 실행 # 새 프로젝트 생성 $ react-native init --version 0.61.5 react_native_01 # 프로젝트로 이동 $ cd react_native_01 시뮬레이터 실행 $ react-na...
react 기초 배우기 003 - props
props props는 readonly, 읽기전용 property, 수정/삭제 불가 데이터는 일방향, 부모 > 자식 데이터는 수정되지 않고 그대로 자식 컴포넌트에서 쓰임 // propsChild.js import React, { Componen...
react 기초 배우기 002 - state
State state는 component에서 렌더링되는 데이터를 담고 유지관리하는 자바스크립트 객체 state의 값에 따라 화면에 보여지는 아웃풋이 달라짐 state는 클래스 컴포넌트 안에서 사용가능함 함수컴포넌트를 정의했다면 state의 활용이 불가능함...