React Native
-
Props에 대해React Native 2024. 11. 11. 15:05
props는 React와 React Native에서 컴포넌트 간에 데이터를 전달하기 위한 매개체입니다. props는 **"properties"**의 줄임말로,부모 컴포넌트가 자식 컴포넌트에게 전달하는 데이터나 메서드입니다. props의 기본 개념부모에서 자식으로 전달부모 컴포넌트는 자식 컴포넌트에 데이터를 전달할 때 props를 사용합니다.자식 컴포넌트는 전달받은 props를 읽기 전용으로 사용할 수 있으며, props의 값을 직접 수정할 수는 없습니다.데이터의 일관성 유지props는 React의 단방향 데이터 흐름을 유지하는 중요한 개념입니다. 부모에서 자식으로 데이터가 흐르며, 자식 컴포넌트는 props를 변경하지 않고 오직 읽기만 합니다.사용 예시예를 들어, App 컴포넌트가 Greeting이라는 ..
-
React Native에서 화면 전환하기 - Stack, Drawer, TabReact Native 2024. 11. 11. 14:12
NavigationContainer 관련 install을 따로 진행해야 하는 불편함이 있다.버전도 1년 새에 3버전이나 update되어 호환성 잘 지켜야 함. [ 두 화면간 단순히 화면 전환 하는 법 ]Stack.screen에 두개의 화면을 저장해 둔 후, 각 화면에서 name으로 접근 해 Button으로 navigate// 메인 접근.js (index.tsx)import { Text, View, StyleSheet, Button } from "react-native";import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/stack';import ..
-
React Native Redux에 대해React Native 2024. 11. 8. 14:37
Redux는 React Native에서 애플리케이션의 상태를 중앙에서 관리하는 패턴이자 라이브러리입니다.특히 규모가 커질수록 여러 컴포넌트가 동일한 데이터를 공유할 때 유용하게 사용할 수 있습니다.1. Redux의 기본 개념Redux는 애플리케이션의 상태를 한 곳(스토어)에 모아두고, 필요한 컴포넌트가 이 상태를 쉽게 가져다 사용할 수 있게 해줍니다. 기본 원칙은 다음과 같습니다.단일 스토어: 앱의 모든 상태를 하나의 스토어에 저장해 관리합니다.불변성(Immutable): 상태는 직접 수정되지 않고, 새 객체로 복사해 변경합니다.액션(Action): 상태를 변경하는 유일한 방법으로, 상태에 대한 설명을 담은 객체입니다.리듀서(Reducer): 액션을 받아서 새로운 상태를 반환하는 함수입니다. Redux의..