React-native 에서 firebase 적용하기

생각보다 옛날 버전의 react-native 에서 firebase 를 적용하는 방법이 많아직접 해보고 정리해 보았습니다. https://rnfirebase.io/#3-ios-setup React Native Firebase | React Native FirebaseWelcome to React Native Firebase! To get started, you must first setup a Firebase project and install the "app" module. React Native Firebase is the officially recommended collection of packages that brings React Native support for all Firebase servi..

• format_list_bulleted React-native
• · 2024. 6. 21.
• textsms

React-native - Animation

React-native 에서 어떻게 animation 을 사용하는지알아보도록 하겠습니다. Animated핸드폰 어플을 실행하면 해당 어플이 정적인 어플보다는 동적인 어플일 가능성이 높습니다.이러한 동적인 어플들은 animation 기능을 추가했기 때문에 자유롭게 움직일 수 있고, 가시성도 좋습니다.React-native 에서 어떻게 animation 을 사용하는지 제가 공부한 내용을 정리해 보도록 하겠습니다.import { Animated } from "react-native"; react-native 에서는 자체적으로 animation 을 지원해 주는 Animated 기능이 있습니다. react-native 에서 제공하는 Animated 기능은 지켜줘야 할 규칙이 몇가지 있습니다.animation 의 ..

• format_list_bulleted React-native
• · 2024. 6. 13.
• textsms

React-native - 기술

React-native 를 본격적으로 배우면서 만들어본 MovieApp 의 다양한 기능들을 정리했습니다. 시작하기에 앞서 모든 파일을 typescript 로 변경하고 싶다면 이 사이트에 들어가서 Adding TypeScript to an Existing Project 챕터의 4번째 part 까지 똑같이 따라 하시면 타입스크립트 적용 ( https://reactnative.dev/docs/typescript ) Using TypeScript · React NativeTypeScript is a language which extends JavaScript by adding type definitions. New React Native projects target TypeScript by default, bu..

• format_list_bulleted React-native
• · 2024. 5. 26.
• textsms

React-native

React-native 를 공부하면서 배웠던 지식들을 정리해 보았습니다. 실행할 때 npm start -> npm run ios 따로따로 터미널에서 실행해 주어야 합니다.이유는 나중에 어플리케이션을 re-build 할 때 npm start 해준 터미널에서 r 만 눌러줘도 re - build 가 됩니다. splash-screen애플리케이션이나 웹사이트가 로드될 때 사용자에게 일시적으로 표시되는 화면을 말합니다. 일반적으로 앱이나 웹사이트가 완전히 로드되기 전에 나타나며, 사용자가 로딩 시간을 덜 느끼게 하고, 동시에 브랜드 이미지나 로고를 효과적으로 노출할 수 있는 기회를 제공합니다. 스플래시 화면모바일 앱이나 웹 애플리케이션이 시작될 때 앱이 로딩되는 동안 사용자에게 보이는 화면입니다.주로 앱의 로고, ..

• format_list_bulleted React-native
• · 2024. 5. 23.
• textsms