react-native (2) 썸네일형 리스트형 [React-Native] Redux란? (설치, 소개, 예제) Redux 설치 npm install --save react-redux npm install --save redux npm install --save-dev redux-devtools React 바인딩과 개발자 도구가 필요하다. Redux 공식 홈페이지에서는 편안한 개발 경험을 위해 Webpack이나 Browserify 같은 CommonJS 모듈 번들러 사용을 권하고 있다. Redux란? 앱의 상태(state) 전부가 하나의 스토어(store) 안에 있는 객체 트리에 저장된다. 상태 트리를 변경하기 위해서는 액션(action)을 보내는 것뿐이다. 액션이 상태 트리를 어떻게 변경할지 명시하기 위해 리듀서(reducers)를 작성해야 한다. import { createStore } from 'redux' f.. [React-Native] 커스텀 버튼 제작 React-Native 커스텀 버튼 제작 리스트의 컴포넌트를 추가해줄 동그란 + 버튼이 필요했다. 를 이용하여 버튼 효과를 주기로 했다. import React, { Component } from 'react'; import { StyleSheet, TouchableOpacity, Text } from 'react-native'; export default class RoundButton extends Component { render() { return ( {this.props.text} ); } } const styles = StyleSheet.create({ button: { backgroundColor: 'green', alignItems: 'center', justifyContent: 'cent.. 이전 1 다음
