본문 바로가기
반응형

프로그래밍/React Native3

[React Native] 3. React Navigation React Native는 웹이 아닌 모바일 앱 개발이다. 때문에 여러 화면으로 구성되어 있고 화면 전환을 쉽게 구현해야하는데 이때 네이게이션은 환면 전환을 위한 핵심 라이브러이다.  React Native에서 네비게이션을 구현하기 위한 많은 라이브러리가 존재하는데 그중 가장 일반적인것이 React Navigation이다.  React Navigation은 몇가지 장점을 제공한다.  다양한 네비게이션 유형: Stack, Tab, Drawer 등 제공.커스터마이징 가능: 헤더, 애니메이션, 전환 방식 등을 사용자 정의.iOS와 Android 모두 지원: 네이티브 스타일의 일관된 네비게이션 구현 가능.  1. 설치 방법npm install @react-navigation/native react-native-s.. 2025. 1. 28.
[React Native] 2. 기본 컴포넌트 Hello, World!App.js 파일을 열고 아래 코드를 작성해 본다import React from 'react';import { Text, View, StyleSheet } from 'react-native';export default function App() { return ( Hello, World! );}const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5', }, text: { fontSize: 24, color: '#333', },});  코드 .. 2025. 1. 15.
[React Native] 1. 개발 환경 설정 필요한 도구 설치 1. Node.js React Native CLI와 패키지 관리를 위해 필요http://xpay.nexigroup.com/monetaweb/3ds2/gatheringDeviceInfo  2. 패키지 매니저npm 또는 yarn을 사용Node.js를 설치하면 npm은 기본적으로 포함된다  3. React Native CLIReact Natvie 프로젝트를 생성하는 도구npm install -g react-native-cli  4. 안드로이드 스튜디오 & Xcode 설치Xcode는 App Store에서 다운가능안드로이드 스튜디오https://developer.android.com/studio Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studi.. 2025. 1. 14.
반응형